diff --git a/BUILD.gn b/BUILD.gn
index e1f24e6f1ed45eec69c4cebfb7bb9b1e18f6e049..9e3164720c9ebc438e035f6f5a00f2f3374a032c 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -120,6 +120,35 @@ ohos_copy("common_api") {
   module_install_name = ""
 }
 
+template("ohos_declaration_template") {
+  forward_variables_from(invoker, "*")
+  action_with_pydeps(target_name) {
+    script = "//interface/sdk-js/remove_internal.py"
+    outputs = [ root_out_dir + "/$target_name/" ]
+    args = [
+      "--input",
+      rebase_path("//interface/sdk-js/api", root_build_dir),
+      "--output",
+      rebase_path(root_out_dir + "/ohos_declaration/$target_name/",
+                  root_build_dir),
+    ]
+  }
+  _module_info_target = "/ohos_declaration/${target_name}_info"
+  _target_name = target_name
+  generate_module_info(_module_info_target) {
+    module_type = "jsdoc"
+    module_install_name = ""
+    module_name = _target_name
+    module_source_dir = root_out_dir + "/ohos_declaration/$_target_name"
+    install_enable = false
+  }
+}
+
+ohos_declaration_template("ohos_declaration_ets") {
+}
+ohos_declaration_template("ohos_declaration_phone") {
+}
+
 ohos_copy("ace_platform") {
   sources = [
     "api/config",
@@ -129,3 +158,14 @@ ohos_copy("ace_platform") {
   module_source_dir = target_out_dir + "/$target_name"
   module_install_name = ""
 }
+
+ohos_copy("form_declaration") {
+  sources = [
+    "api/form/action",
+    "api/form/css",
+    "api/form/hml",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
diff --git a/api/phone/@ohos.account.distributedaccount.d.ts b/api/@ohos.account.distributedaccount.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.account.distributedaccount.d.ts
rename to api/@ohos.account.distributedaccount.d.ts
diff --git a/api/phone/@ohos.batteryinfo.d.ts b/api/@ohos.batteryinfo.d.ts
similarity index 100%
rename from api/phone/@ohos.batteryinfo.d.ts
rename to api/@ohos.batteryinfo.d.ts
diff --git a/api/phone/@ohos.brightness.d.ts b/api/@ohos.brightness.d.ts
similarity index 100%
rename from api/phone/@ohos.brightness.d.ts
rename to api/@ohos.brightness.d.ts
diff --git a/api/phone/@ohos.bundle_mgr.d.ts b/api/@ohos.bundle_mgr.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.bundle_mgr.d.ts
rename to api/@ohos.bundle_mgr.d.ts
diff --git a/api/phone/@ohos.commonevent.d.ts b/api/@ohos.commonevent.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.commonevent.d.ts
rename to api/@ohos.commonevent.d.ts
diff --git a/api/phone/@ohos.data.distributeddata.d.ts b/api/@ohos.data.distributeddata.d.ts
similarity index 100%
rename from api/phone/@ohos.data.distributeddata.d.ts
rename to api/@ohos.data.distributeddata.d.ts
diff --git a/api/phone/@ohos.data.storage.d.ts b/api/@ohos.data.storage.d.ts
similarity index 100%
rename from api/phone/@ohos.data.storage.d.ts
rename to api/@ohos.data.storage.d.ts
diff --git a/api/phone/@ohos.deviceinfo.d.ts b/api/@ohos.deviceinfo.d.ts
similarity index 100%
rename from api/phone/@ohos.deviceinfo.d.ts
rename to api/@ohos.deviceinfo.d.ts
diff --git a/api/phone/@ohos.distributedHardware.deviceManager.d.ts b/api/@ohos.distributedHardware.deviceManager.d.ts
similarity index 100%
rename from api/phone/@ohos.distributedHardware.deviceManager.d.ts
rename to api/@ohos.distributedHardware.deviceManager.d.ts
diff --git a/api/phone/@ohos.feature_ability.d.ts b/api/@ohos.feature_ability.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.feature_ability.d.ts
rename to api/@ohos.feature_ability.d.ts
diff --git a/api/phone/@ohos.fileio.d.ts b/api/@ohos.fileio.d.ts
similarity index 100%
rename from api/phone/@ohos.fileio.d.ts
rename to api/@ohos.fileio.d.ts
diff --git a/api/phone/@ohos.intl.d.ts b/api/@ohos.intl.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.intl.d.ts
rename to api/@ohos.intl.d.ts
diff --git a/api/phone/@ohos.multimedia.audio.d.ts b/api/@ohos.multimedia.audio.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.multimedia.audio.d.ts
rename to api/@ohos.multimedia.audio.d.ts
diff --git a/api/phone/@ohos.multimedia.media.d.ts b/api/@ohos.multimedia.media.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.multimedia.media.d.ts
rename to api/@ohos.multimedia.media.d.ts
diff --git a/api/phone/@ohos.napi_ability_manager.d.ts b/api/@ohos.napi_ability_manager.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.napi_ability_manager.d.ts
rename to api/@ohos.napi_ability_manager.d.ts
diff --git a/api/phone/@ohos.power.d.ts b/api/@ohos.power.d.ts
similarity index 100%
rename from api/phone/@ohos.power.d.ts
rename to api/@ohos.power.d.ts
diff --git a/api/phone/@ohos.resourceManager.d.ts b/api/@ohos.resourceManager.d.ts
similarity index 100%
rename from api/phone/@ohos.resourceManager.d.ts
rename to api/@ohos.resourceManager.d.ts
diff --git a/api/phone/@ohos.runninglock.d.ts b/api/@ohos.runninglock.d.ts
similarity index 100%
rename from api/phone/@ohos.runninglock.d.ts
rename to api/@ohos.runninglock.d.ts
diff --git a/api/phone/@ohos.systemTime.d.ts b/api/@ohos.systemTime.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.systemTime.d.ts
rename to api/@ohos.systemTime.d.ts
diff --git a/api/phone/@ohos.systemparameter.d.ts b/api/@ohos.systemparameter.d.ts
similarity index 100%
rename from api/phone/@ohos.systemparameter.d.ts
rename to api/@ohos.systemparameter.d.ts
diff --git a/api/phone/@ohos.telephony.call.d.ts b/api/@ohos.telephony.call.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.call.d.ts
rename to api/@ohos.telephony.call.d.ts
diff --git a/api/phone/@ohos.telephony.data.d.ts b/api/@ohos.telephony.data.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.data.d.ts
rename to api/@ohos.telephony.data.d.ts
diff --git a/api/phone/@ohos.telephony.observer.d.ts b/api/@ohos.telephony.observer.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.observer.d.ts
rename to api/@ohos.telephony.observer.d.ts
diff --git a/api/phone/@ohos.telephony.radio.d.ts b/api/@ohos.telephony.radio.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.radio.d.ts
rename to api/@ohos.telephony.radio.d.ts
diff --git a/api/phone/@ohos.telephony.sim.d.ts b/api/@ohos.telephony.sim.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.sim.d.ts
rename to api/@ohos.telephony.sim.d.ts
diff --git a/api/phone/@ohos.telephony.sms.d.ts b/api/@ohos.telephony.sms.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.telephony.sms.d.ts
rename to api/@ohos.telephony.sms.d.ts
diff --git a/api/phone/@ohos.update.d.ts b/api/@ohos.update.d.ts
similarity index 100%
rename from api/phone/@ohos.update.d.ts
rename to api/@ohos.update.d.ts
diff --git a/api/phone/@ohos.wifi.d.ts b/api/@ohos.wifi.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/@ohos.wifi.d.ts
rename to api/@ohos.wifi.d.ts
diff --git a/api/phone/@ohos.window.d.ts b/api/@ohos.window.d.ts
similarity index 100%
rename from api/phone/@ohos.window.d.ts
rename to api/@ohos.window.d.ts
diff --git a/api/@system.brightness.d.ts b/api/@system.brightness.d.ts
deleted file mode 100755
index 8b7348232da7c300877eeb16c7d13d8aec6db5e9..0000000000000000000000000000000000000000
--- a/api/@system.brightness.d.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface BrightnessResponse {
-  value: number;
-}
-export interface GetBrightnessOptions {
-  success?: (data: BrightnessResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface SetBrightnessOptions {
-  value: number;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface BrightnessModeResponse {
-  mode: number;
-}
-export interface GetBrightnessModeOptions {
-  success?: (data: BrightnessModeResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface SetBrightnessModeOptions {
-  mode: number;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface SetKeepScreenOnOptions {
-  keepScreenOn: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export default class Brightness {
-  static getValue(options?: GetBrightnessOptions): void;
-  static setValue(options: SetBrightnessOptions): void;
-  static getMode(options?: GetBrightnessModeOptions): void;
-  static setMode(options: SetBrightnessModeOptions): void;
-  static setKeepScreenOn(options: SetKeepScreenOnOptions): void;
-}
diff --git a/api/@system.device.d.ts b/api/@system.device.d.ts
deleted file mode 100755
index 83aa8c6ec42c0c29155a557c5d4376ea34d6b478..0000000000000000000000000000000000000000
--- a/api/@system.device.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface DeviceResponse {
-  brand: string;
-  manufacturer: string;
-  model: string;
-  product: string;
-  language: string;
-  region: string;
-  windowWidth: number;
-  windowHeight: number;
-  screenDensity: number;
-  screenShape: "rect" | "circle";
-}
-export interface GetDeviceOptions {
-  success?: (data: DeviceResponse) => void;
-  fail?: (data: any, code: number) => void;
-  complete?: () => void;
-}
-export default class Device {
-  static getInfo(options?: GetDeviceOptions): void;
-}
diff --git a/api/@system.file.d.ts b/api/@system.file.d.ts
deleted file mode 100755
index fa9fd86dfb542d85d551b215123e5ab66a3862b6..0000000000000000000000000000000000000000
--- a/api/@system.file.d.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface FileResponse {
-  uri: string;
-  length: number;
-  lastModifiedTime: number;
-  type: "dir" | "file";
-  subFiles?: Array<FileResponse>;
-}
-export interface FileMoveOption {
-  srcUri: string;
-  dstUri: string;
-  success?: (uri: string) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileListResponse {
-  fileList: Array<FileResponse>;
-}
-export interface FileListOption {
-  uri: string;
-  success?: (data: FileListResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileCopyOption {
-  srcUri: string;
-  dstUri: string;
-  success?: (uri: string) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileGetOption {
-  uri: string;
-  recursive?: boolean;
-  success?: (file: FileResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileDeleteOption {
-  uri: string;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileWriteTextOption {
-  uri: string;
-  text: string;
-  encoding?: string;
-  append?: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileReadTextResponse {
-  text: string;
-}
-export interface FileReadTextOption {
-  uri: string;
-  encoding?: string;
-  position?: number;
-  length?: number;
-  success?: (data: FileReadTextResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileWriteArrayBufferOption {
-  uri: string;
-  buffer: Uint8Array;
-  position?: number;
-  append?: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileReadArrayBufferResponse {
-  buffer: Uint8Array;
-}
-export interface FileReadArrayBufferOption {
-  uri: string;
-  position?: number;
-  length?: number;
-  success?: (data: FileReadArrayBufferResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileAccessOption {
-  uri: string;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileMkdirOption {
-  uri: string;
-  recursive?: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface FileRmdirOption {
-  uri: string;
-  recursive?: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export default class File {
-  static move(options: FileMoveOption): void;
-  static copy(options: FileCopyOption): void;
-  static list(options: FileListOption): void;
-  static get(options: FileGetOption): void;
-  static delete(options: FileDeleteOption): void;
-  static writeText(options: FileWriteTextOption): void;
-  static readText(options: FileReadTextOption): void;
-  static writeArrayBuffer(options: FileWriteArrayBufferOption): void;
-  static readArrayBuffer(options: FileReadArrayBufferOption): void;
-  static access(options: FileAccessOption): void;
-  static mkdir(options: FileMkdirOption): void;
-  static rmdir(options: FileRmdirOption): void;
-}
diff --git a/api/@system.geolocation.d.ts b/api/@system.geolocation.d.ts
deleted file mode 100755
index e2ca9ac56c5dd640e6ebcd85d44f70bd9ed111c0..0000000000000000000000000000000000000000
--- a/api/@system.geolocation.d.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface GeolocationResponse {
-  longitude: number;
-  latitude: number;
-  altitude: number;
-  accuracy: number;
-  time: number;
-}
-export interface GetLocationOption {
-  timeout?: number;
-  coordType?: string;
-  success?: (data: GeolocationResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface GetLocationTypeResponse {
-  types: Array<string>;
-}
-export interface GetLocationTypeOption {
-  success?: (data: GetLocationTypeResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface SubscribeLocationOption {
-  coordType?: string;
-  success: (data: GeolocationResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export default class Geolocation {
-  static getLocation(options?: GetLocationOption): void;
-  static getLocationType(options?: GetLocationTypeOption): void;
-  static subscribe(options: SubscribeLocationOption): void;
-  static unsubscribe(): void;
-  static getSupportedCoordTypes(): Array<string>;
-}
diff --git a/api/@system.prompt.d.ts b/api/@system.prompt.d.ts
deleted file mode 100755
index 2c395c5c0f5ce355193f4ec7d95235dbcf1c3d8c..0000000000000000000000000000000000000000
--- a/api/@system.prompt.d.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface ShowToastOptions {
-  message: string;
-  duration?: number;
-}
-export interface Button {
-  text: string;
-  color: string;
-}
-export interface ShowDialogSuccessResponse {
-  index: number;
-}
-export interface ShowDialogOptions {
-  title?: string;
-  message?: string;
-  buttons?: [Button, Button?, Button?];
-  success?: (data: ShowDialogSuccessResponse) => void;
-  cancel?: (data: string, code: string) => void;
-  complete?: (data: string) => void;
-}
-export default class Prompt {
-  static showToast(options: ShowToastOptions): void;
-  static showDialog(options: ShowDialogOptions): void;
-}
diff --git a/api/@system.router.d.ts b/api/@system.router.d.ts
deleted file mode 100755
index 8cb0efc2af311329c474bf017aba3048d11a937c..0000000000000000000000000000000000000000
--- a/api/@system.router.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface RouterOptions {
-  uri: string;
-  params?: Object;
-}
-export interface BackRouterOptions {
-  path?: string;
-}
-export interface RouterState {
-  index: number;
-  name: string;
-  path: string;
-}
-export default class Router {
-  static push(options: RouterOptions): void;
-  static replace(options: RouterOptions): void;
-  static back(options?: BackRouterOptions): void;
-  static clear(): void;
-  static getLength(): string;
-  static getState(): RouterState;
-}
diff --git a/api/@system.sensor.d.ts b/api/@system.sensor.d.ts
deleted file mode 100755
index be6b11bbee43315913c35a85a2e8c96b393d8fa8..0000000000000000000000000000000000000000
--- a/api/@system.sensor.d.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface AccelerometerResponse {
-  x: number;
-  y: number;
-  z: number;
-}
-export interface subscribeAccelerometerOptions {
-  interval: string;
-  success: (data: AccelerometerResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface CompassResponse {
-  direction: number;
-}
-export interface SubscribeCompassOptions {
-  success: (data: CompassResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface ProximityResponse {
-  distance: number;
-}
-export interface SubscribeProximityOptions {
-  success: (data: ProximityResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface LightResponse {
-  intensity: number;
-}
-export interface SubscribeLightOptions {
-  success: (data: LightResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface StepCounterResponse {
-  steps: number;
-}
-export interface SubscribeStepCounterOptions {
-  success: (data: StepCounterResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface BarometerResponse {
-  pressure: number;
-}
-export interface SubscribeBarometerOptions {
-  success: (data: BarometerResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface HeartRateResponse {
-  heartRate: number;
-}
-export interface SubscribeHeartRateOptions {
-  success: (data: HeartRateResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface OnBodyStateResponse {
-  value: boolean;
-}
-export interface SubscribeOnBodyStateOptions {
-  success: (data: OnBodyStateResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export interface GetOnBodyStateOptions {
-  success: (data: OnBodyStateResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export default class Sensor {
-  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
-  static unsubscribeAccelerometer(): void;
-  static subscribeCompass(options: SubscribeCompassOptions): void;
-  static unsubscribeCompass(): void;
-  static subscribeProximity(options: SubscribeProximityOptions): void;
-  static unsubscribeProximity(): void;
-  static subscribeLight(options: SubscribeLightOptions): void;
-  static unsubscribeLight(): void;
-  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
-  static unsubscribeStepCounter(): void;
-  static subscribeBarometer(options: SubscribeBarometerOptions): void;
-  static unsubscribeBarometer(): void;
-  static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
-  static unsubscribeHeartRate(): void;
-  static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
-  static unsubscribeOnBodyState(): void;
-  static getOnBodyState(options: GetOnBodyStateOptions): void;
-}
diff --git a/api/phone/app/abilityinfo.d.ts b/api/app/abilityinfo.d.ts
similarity index 100%
rename from api/phone/app/abilityinfo.d.ts
rename to api/app/abilityinfo.d.ts
diff --git a/api/phone/app/abilitymissioninfo.d.ts b/api/app/abilitymissioninfo.d.ts
similarity index 100%
rename from api/phone/app/abilitymissioninfo.d.ts
rename to api/app/abilitymissioninfo.d.ts
diff --git a/api/phone/app/applicationinfo.d.ts b/api/app/applicationinfo.d.ts
similarity index 100%
rename from api/phone/app/applicationinfo.d.ts
rename to api/app/applicationinfo.d.ts
diff --git a/api/phone/app/appprocessstate.ts b/api/app/appprocessstate.ts
similarity index 100%
rename from api/phone/app/appprocessstate.ts
rename to api/app/appprocessstate.ts
diff --git a/api/phone/app/bundleinfo.d.ts b/api/app/bundleinfo.d.ts
similarity index 100%
rename from api/phone/app/bundleinfo.d.ts
rename to api/app/bundleinfo.d.ts
diff --git a/api/phone/app/common.d.ts b/api/app/common.d.ts
similarity index 100%
rename from api/phone/app/common.d.ts
rename to api/app/common.d.ts
diff --git a/api/phone/app/elementname.d.ts b/api/app/elementname.d.ts
similarity index 100%
rename from api/phone/app/elementname.d.ts
rename to api/app/elementname.d.ts
diff --git a/api/phone/app/installresult.d.ts b/api/app/installresult.d.ts
similarity index 100%
rename from api/phone/app/installresult.d.ts
rename to api/app/installresult.d.ts
diff --git a/api/phone/app/moduleinfo.d.ts b/api/app/moduleinfo.d.ts
similarity index 100%
rename from api/phone/app/moduleinfo.d.ts
rename to api/app/moduleinfo.d.ts
diff --git a/api/phone/app/processinfo.d.ts b/api/app/processinfo.d.ts
similarity index 100%
rename from api/phone/app/processinfo.d.ts
rename to api/app/processinfo.d.ts
diff --git a/api/phone/app/want.d.ts b/api/app/want.d.ts
similarity index 100%
rename from api/phone/app/want.d.ts
rename to api/app/want.d.ts
diff --git a/api/phone/basic.d.ts b/api/basic.d.ts
old mode 100755
new mode 100644
similarity index 100%
rename from api/phone/basic.d.ts
rename to api/basic.d.ts
diff --git a/api/phone/commonevent/commoneventdata.d.ts b/api/commonevent/commoneventdata.d.ts
similarity index 100%
rename from api/phone/commonevent/commoneventdata.d.ts
rename to api/commonevent/commoneventdata.d.ts
diff --git a/api/phone/commonevent/commoneventpublishdata.d.ts b/api/commonevent/commoneventpublishdata.d.ts
similarity index 100%
rename from api/phone/commonevent/commoneventpublishdata.d.ts
rename to api/commonevent/commoneventpublishdata.d.ts
diff --git a/api/phone/commonevent/commoneventsubscribeinfo.d.ts b/api/commonevent/commoneventsubscribeinfo.d.ts
similarity index 100%
rename from api/phone/commonevent/commoneventsubscribeinfo.d.ts
rename to api/commonevent/commoneventsubscribeinfo.d.ts
diff --git a/api/phone/commonevent/commoneventsubscriber.d.ts b/api/commonevent/commoneventsubscriber.d.ts
similarity index 100%
rename from api/phone/commonevent/commoneventsubscriber.d.ts
rename to api/commonevent/commoneventsubscriber.d.ts
diff --git a/api/phone/data/distributeddata/kvmanager_config.d.ts b/api/data/distributeddata/kvmanager_config.d.ts
similarity index 100%
rename from api/phone/data/distributeddata/kvmanager_config.d.ts
rename to api/data/distributeddata/kvmanager_config.d.ts
diff --git a/api/phone/data/distributeddata/kvstore.d.ts b/api/data/distributeddata/kvstore.d.ts
similarity index 100%
rename from api/phone/data/distributeddata/kvstore.d.ts
rename to api/data/distributeddata/kvstore.d.ts
diff --git a/api/phone/data/distributeddata/plain_ordinary_js_objects.d.ts b/api/data/distributeddata/plain_ordinary_js_objects.d.ts
similarity index 100%
rename from api/phone/data/distributeddata/plain_ordinary_js_objects.d.ts
rename to api/data/distributeddata/plain_ordinary_js_objects.d.ts
diff --git a/api/phone/data/distributeddata/single_kvstore.d.ts b/api/data/distributeddata/single_kvstore.d.ts
similarity index 100%
rename from api/phone/data/distributeddata/single_kvstore.d.ts
rename to api/data/distributeddata/single_kvstore.d.ts
diff --git a/api/form/action/form-schema.json b/api/form/action/form-schema.json
new file mode 100644
index 0000000000000000000000000000000000000000..cc2104a42b1e5ecd09454a14b7bc984b05413e81
--- /dev/null
+++ b/api/form/action/form-schema.json
@@ -0,0 +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."
+    }
+  }
+}
diff --git a/api/form/css/css-json-schema.json b/api/form/css/css-json-schema.json
new file mode 100644
index 0000000000000000000000000000000000000000..40ef282b6928113f60479fd5fe7edab544e328fc
--- /dev/null
+++ b/api/form/css/css-json-schema.json
@@ -0,0 +1,283 @@
+{
+  "type": "object",
+  "properties": {
+    "properties": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性支持所有的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "syntax": {
+            "type": "array",
+            "description": "语法",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "支持<length>、<color>、<percentage> 、<line-width>、<line-style>、<repeat-style>、<time>、<transform-list>等内置类型单个或多个(||分割)"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "version": {
+            "type": "array",
+            "description": "该属性的当前的版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号例如:v3.0"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "属性的描述文档"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "restrictions": {
+            "type": "array",
+            "description": "语法限制",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "array",
+                  "description": "语法限制,单个或多个组合",
+                  "items": {
+                    "type": "string",
+                    "enum": [
+                      "enum",
+                      "length",
+                      "line-style",
+                      "color",
+                      "percentage",
+                      "image",
+                      "string",
+                      "repeat",
+                      "position",
+                      "identifier",
+                      "number",
+                      "time"
+                    ]
+                  }
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "values": {
+            "type": "array",
+            "description": "当restrictions字段存在enum时存在该字段,表示该属性对应的值的可选值",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "可选值"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                },
+                "description": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        },
+        "required": ["name", "version", "description"]
+      }
+    },
+    "atDirectives": {
+      "type": "array",
+      "description": "指令列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "指令名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性支持所有的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承指令支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "指令的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承指令支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    },
+    "pseudoClasses": {
+      "type": "array",
+      "description": "伪类列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "伪类名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该伪类支持所有的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该伪类继承指令支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "伪类的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该伪类继承指令支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "required": ["properties", "atDirectives", "pseudoClasses"]
+}
diff --git a/api/form/css/cssConfig.json b/api/form/css/cssConfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..b2ab859a2740259ef48c232e8e2a89b86656f401
--- /dev/null
+++ b/api/form/css/cssConfig.json
@@ -0,0 +1,5437 @@
+{
+  "properties": [
+    {
+      "name": "column-span",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of columns occupied by the current list-item in the list. By default, the list-item occupies one column. This attribute is valid only when the list contains multiple columns"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Component width. If this attribute is not set, the width required for the element content is used",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "height",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Component height. If this attribute is not set, the height required for the element content is used",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "padding",
+      "syntax": [
+        {
+          "name": "<length>{1,4} || <percentage>{1,4}",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-left",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-right",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-bottom",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-start",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "padding-end",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"],
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "margin",
+      "syntax": [
+        {
+          "name": "<length>{1,4} || <percentage>{1,4}"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-left",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-right",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-bottom",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-start",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "margin-end",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "border",
+      "supportedDevices": ["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": ["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-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": "object-position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "image position"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "previous-margin",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The previous margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "next-margin",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The next margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-style",
+      "supportedDevices": ["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": ["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": ["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": ["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-left",
+      "supportedDevices": ["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": ["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": ["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": ["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": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "border-left-width",
+      "supportedDevices": ["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": ["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": ["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": ["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": ["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": ["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": ["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": ["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": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "border-top-left-radius",
+      "supportedDevices": ["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": ["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": ["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": ["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": "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": "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": "z-index",
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents the rendering order of its children for the same parent node.The higher the value, the lower the rendering data."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "image-fill",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "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": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "clip-path",
+      "supportedDevices":[
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[<geometry-box> || <basic-shape> ] | none"
+        }
+      ],
+      "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": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the clip area of the component. Part of the area is displayed, and the area outside is not displayed"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "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": ["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": ["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": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+      "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": ["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": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<bg-position>#"
+        }
+      ],
+      "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": ["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": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "none",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "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": ["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": ["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": ["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": ["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": ["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": "position",
+      "supportedDevices": ["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": ["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": ["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": "transform-origin",
+      "supportedDevices": ["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": "translate()",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "translateX()"
+        },
+        {
+          "name": "translateY()"
+        },
+        {
+          "name": "scale()",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "scaleX()",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "scaleY()",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "rotate()"
+        },
+        {
+          "name": "rotateX('angle')",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "rotateY('angle')",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<transform-list>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Translation, rotation, and scaling attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "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": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "animation-timing-function",
+      "syntax": [
+        {
+          "name": "linear | ease-in | ease-out | ease-in-out"
+        }
+      ],
+      "values": [
+        {
+          "name": "linear"
+        },
+        {
+          "name": "ease",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "ease-in"
+        },
+        {
+          "name": "ease-out"
+        },
+        {
+          "name": "ease-in-out"
+        },
+        {
+          "name": "fast-out-slow-in",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "linear-out-slow-in",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "fast-out-linear-in",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "friction",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "extreme-deceleration",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "sharp",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "rhythm",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "smooth",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "cubic-bezier",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "animation-fill-mode",
+      "syntax": [
+        {
+          "name": "forwards | none"
+        }
+      ],
+      "values": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "shared-transition-effect",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "exchange"
+        },
+        {
+          "name": "static"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "shared-transition-name",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "shared-transition-timing-function",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "friction"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "transition-enter",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "transition-exit",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "transition-duration",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The unit can be s or ms. The default unit is ms"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["time"]
+        }
+      ]
+    },
+    {
+      "name": "transition-timing-function",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "friction"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "flex-direction",
+      "syntax": [
+        {
+          "name": "column | row"
+        }
+      ],
+      "values": [
+        {
+          "name": "column"
+        },
+        {
+          "name": "row"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "flex-wrap",
+      "syntax": [
+        {
+          "name": "nowrap | wrap"
+        }
+      ],
+      "values": [
+        {
+          "name": "nowrap"
+        },
+        {
+          "name": "wrap"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "justify-content",
+      "syntax": [
+        {
+          "name": "flex-start | flex-end | center | space-between | space-around | space-evenly"
+        }
+      ],
+      "values": [
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "space-between"
+        },
+        {
+          "name": "space-around"
+        },
+        {
+          "name": "space-evenly"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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": "align-items",
+      "values": [
+        {
+          "name": "stretch",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "baseline"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.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"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "align-content",
+      "syntax": [
+        {
+          "name": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
+        }
+      ],
+      "values": [
+        {
+          "name": "center",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "space-between",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "space-around",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Multi-line alignment mode when there is extra space in the cross axis. Available values are as follows: flex-start: All lines are packed towards the start of the cross axis. The start edge of the cross axis of the first line is aligned with the start edge of the cross axis of the container. All subsequent lines are aligned with the previous line; flex-end: All lines are packed towards the end of the cross axis. The end of the cross axis of the last line is aligned with the end of the cross axis of the container. All subsequent lines are aligned with the previous line; center: All lines are packed towards the center of the container. Lines are close to each other and aligned with the center of the container. The spacing between the start of the container's cross axis and the first line is equal to the spacing between the end of the container's cross axis and the last line; space-between: All lines are evenly distributed in the container. The spacing between two adjacent lines is the same. The start and end edges of the container's cross axis are aligned with the edges of the first and last lines, respectively; space-around: All lines are evenly distributed in the container, and the spacing between two adjacent lines is the same. The spacing between the start edge of the container's cross axis and the first line and that between the end edge and the last line are half of the spacing between two adjacent lines."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "grid-template-columns",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of columns in the current grid layout. If this attribute is not set, one row and one column are displayed by default. This attribute is valid only when display is set to grid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "grid-template-rows",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of rows in the current grid layout. If this attribute is not set, one row and one column are displayed by default. This attribute is valid only when display is set to grid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "grid-columns-gap",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Size of the gap between two consecutive columns in a grid layout. You can also use grid-gap to set the same size of the gap between rows and columns. This attribute is valid only when display is set to grid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "grid-rows-gap",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Size of the gap between two consecutive rows in a grid layout. You can also use grid-gap to set the same size of the gap between rows and columns. This attribute is valid only when display is set to grid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "grid-row-start",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start row numbers of the current item in the grid layout. This attribute is valid only when display of the parent component is grid. (The display attribute of the parent component can be set to grid only for the <div> container.)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "grid-row-end",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End row numbers of the current item in the grid layout. This attribute is valid only when display of the parent component is grid. (The display attribute of the parent component can be set to grid only for the <div> container.)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "grid-column-start",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start column numbers of the current item in the grid layout. This attribute is valid only when display of the parent component is grid. (The display attribute of the parent component can be set to grid only for the <div> container.)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "grid-column-end",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End column numbers of the current item in the grid layout. This attribute is valid only when display of the parent component is grid. (The display attribute of the parent component can be set to grid only for the <div> container.)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "grid-auto-flow",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the color of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-width",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the width of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-offset",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the offset of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "divider-height",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "divider-length",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "divider-origin",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "columns",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of columns displayed in the main axis direction of the element. The default value is 1"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "item-extent",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Size of an internal item. When a percentage is set, the value indicates the percentage of the length in the main axis direction relative to the list viewpoint"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "fade-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the physical dynamic effect. This attribute is valid only when scrolleffect is set to fade"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "indicator-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Fill color of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "indicator-selected-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the currently selected navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "indicator-size",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "indicator-top",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Position of the indicator relative to the swiper"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length", "percentage"]
+        }
+      ]
+    },
+    {
+      "name": "indicator-left",
+      "supportedDevices": ["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": ["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": ["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": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Loading color of the <refresh> component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "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": [
+        {
+          "name": "v3.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."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "match-text-direction",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether image orientation changes with the text direction. The SVG format is not supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "fit-original-size",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the <image> component adapts to the image source size when the width and height are not set. If this attribute is set to true, the object-fit attribute does not take effect. SVG images do not support this attribute"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "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": "appearing-duration",
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Appearing duration, The unit is ms."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-width",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "secondary-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Secondary color of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "scale-width",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Scale thickness of the ring progress bar with a scale. This style takes effect only when the type is scale-ring"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "scale-number",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of scales of the ring progress bar with a scale. This style takes effect only when the type is scale-ring"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "start-angle",
+      "syntax": [
+        {
+          "name": "<angle>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start angle of the component, which starts from the direction of zero o'clock. The value ranges from 0 to 360 degrees (clockwise)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "total-angle",
+      "syntax": [
+        {
+          "name": "<angle>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Total length of the component. The value ranges from –360 to 360. A negative number indicates counterclockwise direction"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "center-x",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Center of the component (with the upper left corner of this widget as the coordinate origin). This style must be used together with center-y and radius"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "center-y",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Center of the component (with the upper left corner of this widget as the coordinate origin). This style must be used together with center-x and radius"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "radius",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Radius of the component. This style must be used together with center-x and center-y"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font size (px).Currently, only 30px and 38px font sizes are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "allow-scale",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "[ true | false ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the font size changes following the system's font size settings. NOTE: For details about how to make the configuration take effect dynamically, see the config-changes attribute in the config.json file"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "letter-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Character spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "font-style",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "normal"
+        },
+        {
+          "name": "italic"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font style. Available values are as follows: normal: standard font style. italic: italic font style"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "font-weight",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<font-weight-absolute>{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "lighter"
+        },
+        {
+          "name": "normal"
+        },
+        {
+          "name": "bold"
+        },
+        {
+          "name": "bolder"
+        },
+        {
+          "name": "medium"
+        },
+        {
+          "name": "regular"
+        },
+        {
+          "name": "100"
+        },
+        {
+          "name": "200"
+        },
+        {
+          "name": "300"
+        },
+        {
+          "name": "400"
+        },
+        {
+          "name": "500"
+        },
+        {
+          "name": "600"
+        },
+        {
+          "name": "700"
+        },
+        {
+          "name": "800"
+        },
+        {
+          "name": "900"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font width. For the number type, the value ranges from 100 to 900. The default value is 400. A larger value indicates a larger font width. NOTE: The value must be an integer multiple of 100. The value of the string type can be lighter, normal, hold, or bolder"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "text-decoration",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "underline",
+          "description": "An underline is used"
+        },
+        {
+          "name": "line-through",
+          "description": "A strikethrough is used"
+        },
+        {
+          "name": "none",
+          "description": "The standard text is used"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text modifier. Available values are as follows: underline: An underline is used; line-through: A strikethrough is used; none: The standard text is used"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "text-align",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "values": [
+        {
+          "name": "left",
+          "description": "The text is left-aligned",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "center",
+          "description": "The text is center-aligned",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "right",
+          "description": "The text is right-aligned",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "start",
+          "description": "The text is aligned with the direction in which the text is written",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "end",
+          "description": "The text in aligned with the opposite direction in which the text is written",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text alignment mode. Available values are as follows: left: The text is left-aligned; center: The text is center-aligned; right: The text is right-aligned; start: The text is aligned with the direction in which the text is written; end: The text in aligned with the opposite direction in which the text is written; NOTE If the text width is not specified, the alignment effect may not be obvious when the text width is the same as the width of the parent container"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "line-height",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "supportedDevices": ["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": "vertical-align",
+      "syntax": [
+        {
+          "name": "top | middle | bottom"
+        }
+      ],
+      "values": [
+        {
+          "name": "top",
+          "description": "The text is displayed based on the top of the parent container"
+        },
+        {
+          "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": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the vertical alignment of the current text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "white-space",
+      "syntax": [
+        {
+          "name": "normal | nowrap | pre | pre-wrap | pre-line"
+        }
+      ],
+      "values": [
+        {
+          "name": "normal",
+          "description": "Consecutive whitespace characters will be merged, and newline characters will be treated as whitespace characters"
+        },
+        {
+          "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": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the mode for handling blanks in text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "word-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "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": "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-family",
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "sans-serif"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font family, in which fonts are separated by commas (,). Each font is set using a font name or font family name. The first font that exists in the system or the font specified by Customizing Font Styles in the family is selected as the font for the text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "max-lines",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "[<string> | <number>]"
+        }
+      ],
+      "values": [
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Maximum number of lines in the text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "min-font-size",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Minimum font size in the text. This style must be used together with max-font-size. The font size can be changed dynamically. After the maximum and minimum font sizes are set, font-size does not take effect"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "max-font-size",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Maximum font size in the text. This style must be used together with min-font-size. The font size can be changed dynamically. After the maximum and minimum font sizes are set, font-size does not take effect"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "font-size-step",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Step for dynamically adjusting the font size in the text. The minimum and maximum font sizes must be set"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "prefer-font-sizes",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Preset preferred font sizes. For dynamic font size adjusting, the preset sizes are used to match the maximum number of lines in the text. If the preferred font sizes were not set, the font size will be adjusted based on the maximum and minimum font sizes and the step you have set. If the font size cannot match the maximum number of lines in the text, use text-overflow to truncate the text. If this parameter is set, font-size, max-font-size, min-font-size, and font-size-step do not take effect. Example values: 12 px,14 px,16 px"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "adapt-height",
+      "supportedDevices": ["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": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image when a rating star is unselected. Only PNG and JPG images in a local path are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "star-foreground",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Secondary background image when a rating star is partially selected. This image will cover the background image and can only be of the PNG or JPG format and from a local path"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "star-secondary",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<url>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "values": [
+        {
+          "name": "url()"
+        }
+      ],
+      "description": [
+        {
+          "name": "Foreground image when a rating star is selected. Only PNG and JPG images in a local path are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "rtl-flip",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "[ true | false ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the image source is automatically flipped in the RTL text direction"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "line-cap",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "[ butt | square | round ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "butt",
+          "description": "The ends of the split line are squared off at the endpoints"
+        },
+        {
+          "name": "square",
+          "description": "The ends of the split line are squared off by adding a box with an equal width and half the height of the line's thickness"
+        },
+        {
+          "name": "round",
+          "description": "The ends of the split line are round"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Cap style of a divider. The default value is butt. Available values are as follows: butt: The ends of the divider are squared off. round: A rounded cap is added to each end of the divider. square: A square cap is added to each end of the divider. NOTE If the value is round or square, the line length increases by the line width"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "placeholder-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the hint text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "text-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "icon-width",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width of the internal icon of a circle button. The entire circle button is filled by default."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "icon-height",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the internal icon of a circle button. The entire circle button is filled by default."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "block-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Slider color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "texton-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "textoff-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is not checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "text-padding",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Distance between the two sides of the longest text in texton and textoff and the border of the slider"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "selected-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font color of the selected item"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "selected-font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font size of the selected item. The value is of the length type, in pixels"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "focus-color",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font color of the focus. This attribute is available only for smart TV"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "focus-font-size",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font size of the focus. The value is of the length type, in pixels. This attribute is available only for smart TV'"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "colors",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of each section for the scale bar of the gauge component. For example, colors: #FF0000, #00FF00. This style is supported by the gauge chart only"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "weights",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Weight of each section for the scale bar of the gauge component. For example, weights: 2, 2. This style is supported by the gauge chart only"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "src",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<url>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "url()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Supported sources of customized fonts"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
+    {
+      "name": "min-width",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "min-height",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "max-width",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "max-height",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["length"]
+        }
+      ]
+    },
+    {
+      "name": "box-shadow",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "filter",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "backdrop-filter",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "window-filter",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["string"]
+        }
+      ]
+    },
+    {
+      "name": "display-index",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "flex-weight",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "aspect-ratio",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["number"]
+        }
+      ]
+    },
+    {
+      "name": "caret-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Caret color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    },
+    {
+      "name": "click-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "the background color when list item is clicked."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["color"]
+        }
+      ]
+    }
+  ],
+  "atDirectives": [
+    {
+      "name": "@import",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Includes content of another file.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "@keyframes",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines set of animation key frames.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "@font-face",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "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"]
+        }
+      ]
+    },
+    {
+      "name": "@media",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines a stylesheet for a particular media type.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ],
+  "pseudoClasses": [
+    {
+      "name": ":active",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is being activated by the user.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": ":checked",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is checked or toggled to an on state..",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": ":waiting",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is waiting for operation finished.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": ":disabled",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents any disabled element.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": ":focus",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that has received focus.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ]
+}
diff --git a/api/form/hml/basic/block.json b/api/form/hml/basic/block.json
new file mode 100644
index 0000000000000000000000000000000000000000..9c094d1b863308702c656b509e70737401b17f26
--- /dev/null
+++ b/api/form/hml/basic/block.json
@@ -0,0 +1,54 @@
+{
+  "name": "block",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "'Logic control block.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "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": "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"
+        }
+      ]
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/button.json b/api/form/hml/basic/button.json
new file mode 100644
index 0000000000000000000000000000000000000000..1d98a2db61a2a9a826c2fc3d31928ad1b4342d97
--- /dev/null
+++ b/api/form/hml/basic/button.json
@@ -0,0 +1,400 @@
+{
+  "name": "button",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "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", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "capsule"
+        },
+        {
+          "name": "circle"
+        },
+        {
+          "name": "text"
+        }
+      ]
+    },
+    {
+      "name": "value",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Text value of the button. This attribute is unavailable for circle buttons.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "icon",
+      "supportedDevices": ["phone", "tablet", "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", "wearable"]
+        }
+      ],
+      "type": "url"
+    },
+    {
+      "name": "placement",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "end"
+        },
+        {
+          "name": "start"
+        },
+        {
+          "name": "top"
+        },
+        {
+          "name": "bottom"
+        }
+      ]
+    },
+    {
+      "name": "waiting",
+      "supportedDevices": ["phone", "tablet", "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", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "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": "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": "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": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/calendar.json b/api/form/hml/basic/calendar.json
new file mode 100644
index 0000000000000000000000000000000000000000..570ae3b929424089f1e2be21160ac9001323a9ac
--- /dev/null
+++ b/api/form/hml/basic/calendar.json
@@ -0,0 +1,373 @@
+{
+  "name": "calendar",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <calendar> component displays a calendar.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "date",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cardcalendar",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "startdayofweek",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "calendardata",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "showholiday",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "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": "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": "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": "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": "selectedchange",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "requestdata",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/chart.json b/api/form/hml/basic/chart.json
new file mode 100644
index 0000000000000000000000000000000000000000..dc404a19024ff8147f3e53c788db05cdc3fff25d
--- /dev/null
+++ b/api/form/hml/basic/chart.json
@@ -0,0 +1,407 @@
+{
+  "name": "chart",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <chart> component displays line charts, gauge charts, and bar charts.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bar"
+        },
+        {
+          "name": "line"
+        },
+        {
+          "name": "gauge"
+        },
+        {
+          "name": "progress"
+        },
+        {
+          "name": "loading"
+        },
+        {
+          "name": "rainbow"
+        }
+      ]
+    },
+    {
+      "name": "options",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "datasets",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "segments",
+      "supportedDevices": ["phone"],
+      "required": false,
+      "description": [
+        {
+          "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"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "effects",
+      "supportedDevices": ["phone"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the effects for progress and rainbow charts.",
+          "supportedDevices": ["phone"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "percent",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Percentage of the current value to the total value. The value ranges from 0 to 100.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "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": "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": "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": "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": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/clock.json b/api/form/hml/basic/clock.json
new file mode 100644
index 0000000000000000000000000000000000000000..eb345626ab25e87d959ec52890bfb2542a1d95ab
--- /dev/null
+++ b/api/form/hml/basic/clock.json
@@ -0,0 +1,284 @@
+{
+  "name": "clock",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <clock> component displays a clock.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "clockconfig",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "showdigit",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "hourswest",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "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": "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": "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": "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": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/divider.json b/api/form/hml/basic/divider.json
new file mode 100644
index 0000000000000000000000000000000000000000..491be58dc98d3b4553e9874791fb43ec9140a022
--- /dev/null
+++ b/api/form/hml/basic/divider.json
@@ -0,0 +1,296 @@
+{
+  "name": "divider",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "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", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "vertical",
+      "supportedDevices": ["phone", "tablet", "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", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "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": "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": "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": "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": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/image.json b/api/form/hml/basic/image.json
new file mode 100644
index 0000000000000000000000000000000000000000..a3c496c4e9bdf552b03932d1b1e5d3994b554252
--- /dev/null
+++ b/api/form/hml/basic/image.json
@@ -0,0 +1,351 @@
+{
+  "name": "image",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <image> component is used to render and display images.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "src",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "url"
+    },
+    {
+      "name": "alt",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Placeholder image displayed during image loading.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "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": "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": "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": "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": "complete",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when an image is successfully loaded.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "error",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when an exception occurs during image loading.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/input.json b/api/form/hml/basic/input.json
new file mode 100644
index 0000000000000000000000000000000000000000..fb1ff22b4c7692c681261291252fb2ac05180b17
--- /dev/null
+++ b/api/form/hml/basic/input.json
@@ -0,0 +1,401 @@
+{
+  "name": "input",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "radio"
+        }
+      ]
+    },
+    {
+      "name": "checked",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is checked or not.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "name",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Name of the input component.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "value",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "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": "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": "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": "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": "change",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/progress.json b/api/form/hml/basic/progress.json
new file mode 100644
index 0000000000000000000000000000000000000000..e008cb0a52e4fc4b8efd89b278dd1b5fdf355b84
--- /dev/null
+++ b/api/form/hml/basic/progress.json
@@ -0,0 +1,363 @@
+{
+  "name": "progress",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "horizontal"
+        },
+        {
+          "name": "circular"
+        },
+        {
+          "name": "ring"
+        },
+        {
+          "name": "scale-ring"
+        },
+        {
+          "name": "arc"
+        },
+        {
+          "name": "eclipse"
+        }
+      ]
+    },
+    {
+      "name": "percent",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Current progress. The value ranges from 0 to 100.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "secondarypercent",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Secondary progress. The value ranges from 0 to 100.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "clockwise",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the ring progress bar uses clockwise.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "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": "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": "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": "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": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/span.json b/api/form/hml/basic/span.json
new file mode 100644
index 0000000000000000000000000000000000000000..f1c611a8aa58a0b61817010c5a7321d7ddb56c4a
--- /dev/null
+++ b/api/form/hml/basic/span.json
@@ -0,0 +1,281 @@
+{
+  "name": "span",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <span> child component of <text> is used as a text modifier.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "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": "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": "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": "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": "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": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "span",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/basic/text.json b/api/form/hml/basic/text.json
new file mode 100644
index 0000000000000000000000000000000000000000..2bb842d5a4f57b3626329eb64f33bad9e41e9440
--- /dev/null
+++ b/api/form/hml/basic/text.json
@@ -0,0 +1,313 @@
+{
+  "name": "text",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <text> component is used to display a piece of textual information.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "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": "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": "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": "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": [
+    {
+      "name": "span",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "level": 1
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/form/hml/container/badge.json b/api/form/hml/container/badge.json
new file mode 100644
index 0000000000000000000000000000000000000000..b4d1fa89927d753eb75ffcd2d3f769568da16944
--- /dev/null
+++ b/api/form/hml/container/badge.json
@@ -0,0 +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": []
+}
\ No newline at end of file
diff --git a/api/form/hml/container/div.json b/api/form/hml/container/div.json
new file mode 100644
index 0000000000000000000000000000000000000000..49bde464e8ce23bb2de852ad51d37ccd516c5f16
--- /dev/null
+++ b/api/form/hml/container/div.json
@@ -0,0 +1,330 @@
+{
+  "name": "div",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "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": "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": "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": "dir",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "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": "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": []
+}
diff --git a/api/form/hml/container/list-item.json b/api/form/hml/container/list-item.json
new file mode 100644
index 0000000000000000000000000000000000000000..5f0eb16b75ef2be86001796ccc26b725ce49b162
--- /dev/null
+++ b/api/form/hml/container/list-item.json
@@ -0,0 +1,380 @@
+{
+  "name": "list-item",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "<list-item> is a child component of <list> and is used to display items in a list.",
+      "supportedDevices": ["liteWearable", "smartVision"]
+    },
+    {
+      "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "section",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "sticky",
+      "supportedDevices": ["tv", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "none",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "normal",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "opacity",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "clickeffect",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets whether the current item has the click effect.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "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": "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": "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": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": [
+    {
+      "name": "list",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ]
+}
diff --git a/api/form/hml/container/list.json b/api/form/hml/container/list.json
new file mode 100644
index 0000000000000000000000000000000000000000..e90b8d36d9f88421af376c8cbe77a929a8a53a1b
--- /dev/null
+++ b/api/form/hml/container/list.json
@@ -0,0 +1,491 @@
+{
+  "name": "list",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "cachedcount",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "dir",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "scrollbar",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "off",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "auto",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "on",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "scrolleffect",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "fade",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "no",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "divider",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shapemode",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "rect",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "updateeffect",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "initialindex",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "initialoffset",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "selected",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "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": "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": "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": "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": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "list-item",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "level": 2
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/container/stack.json b/api/form/hml/container/stack.json
new file mode 100644
index 0000000000000000000000000000000000000000..abcad72293377d7d15a383c535b22dce349b2470
--- /dev/null
+++ b/api/form/hml/container/stack.json
@@ -0,0 +1,267 @@
+{
+  "name": "stack",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "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"]
+    }
+  ],
+  "attributes": [
+    {
+      "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": "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": "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"
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/container/swiper.json b/api/form/hml/container/swiper.json
new file mode 100644
index 0000000000000000000000000000000000000000..72c3f7d644e298aa0174ec472ae19c8d544c662a
--- /dev/null
+++ b/api/form/hml/container/swiper.json
@@ -0,0 +1,503 @@
+{
+  "name": "swiper",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "The <swiper> component provides a swiper container that enables the switch of child components.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "index",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Index of the child component currently displayed in the container.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "indicator",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the navigation point indicator. The default value is true.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "digital",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the digital indicator. The default value is false.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "indicatordisabled",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "loop",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable looping.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "duration",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Duration of the animation played for switching between child components.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "vertical",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "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"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "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": "cachedsize",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.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": "v6.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": "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": "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": "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": "dir",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "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": "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": [
+    {
+      "name": "list"
+    }
+  ],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/custom/element.json b/api/form/hml/custom/element.json
new file mode 100644
index 0000000000000000000000000000000000000000..ebdce29f916fab9876be9ba094e08b09e893b29f
--- /dev/null
+++ b/api/form/hml/custom/element.json
@@ -0,0 +1,46 @@
+{
+  "name": "element",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable"],
+  "description": [
+    {
+      "name": "custom component.",
+      "supportedDevices": ["phone", "tablet", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "name",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "custom component name.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "src",
+      "supportedDevices": ["phone", "tablet", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "custom component path.",
+          "supportedDevices": ["phone", "tablet", "wearable"]
+        }
+      ],
+      "type": "url"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/form/hml/hml-json-schema.json b/api/form/hml/hml-json-schema.json
new file mode 100644
index 0000000000000000000000000000000000000000..5297e5531e3f427028920f927afbea29b508d4e8
--- /dev/null
+++ b/api/form/hml/hml-json-schema.json
@@ -0,0 +1,266 @@
+{
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "组件名称，如div、list等"
+    },
+    "version": {
+      "type": "array",
+      "description": "该属性的当前的版本",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "版本号例如:V3.0"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          }
+        },
+        "required": ["name"]
+      }
+    },
+    "supportedDevices": {
+      "type": "array",
+      "description": "本字段非必填,如果为空，表示该属性支持所有的设备类型",
+      "items": {
+        "type": "string",
+        "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+      }
+    },
+    "description": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "属性的描述文档"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          }
+        },
+        "required": ["name"]
+      }
+    },
+    "attributes": {
+      "type": "array",
+      "description": "组件的属性信息",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "属性名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "required": {
+            "type": "boolean",
+            "description": "表示属性是否为组件的必填属性"
+          },
+          "description": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "属性的描述文档"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "type": {
+            "type": "string",
+            "description": "属性的类型"
+          },
+          "options": {
+            "type": "array",
+            "description": "本字段非必填，表示属性值的枚举类型，当属性type为'enum'时才生效",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "属性值"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        },
+        "required": ["name", "required", "description", "type"]
+      }
+    },
+    "events": {
+      "type": "array",
+      "description": "组件支持的事件",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "事件名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "事件的描述文档"
+                },
+                "supportedDevices": {
+                  "type": "array",
+                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+                  "items": {
+                    "type": "string",
+                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+                  }
+                }
+              }
+            }
+          }
+        },
+        "required": ["name", "description"]
+      }
+    },
+    "supportedSubComponents": {
+      "type": "boolean",
+      "description": "组件是否支持子组件，参数为false表示不支持子组件，为true表示支持子组件。当参数为true并且supportedSubComponentsRestriction为空时，表示支持所以子组件"
+    },
+    "supportedSubComponentsRestriction": {
+      "type": "array",
+      "description": "组件支持的子组件列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "支持的子组件名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "level": {
+            "type": "number"
+          }
+        },
+        "required": ["name"]
+      }
+    },
+    "unSupportSubComponentsRestriction": {
+      "type": "array",
+      "description": "组件不支持的子组件列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "不支持的子组件名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "level": {
+            "type": "number"
+          }
+        },
+        "required": ["name"]
+      }
+    },
+    "parentComponentsRestriction": {
+      "type": "array",
+      "description": "支持的父组件列表，即只支持列表中的组件作为自己的父组件",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "支持的父组件的组件名称"
+          },
+          "supportedDevices": {
+            "type": "array",
+            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
+            "items": {
+              "type": "string",
+              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
+            }
+          },
+          "level": {
+            "type": "number",
+            "description": "本字段非必填,取值范围大于等于1，只有标签补齐时需要联想出对应子组件时需要填此字段，如果level为n+1时，level为n的组件有且只有一个(n>1)"
+          }
+        },
+        "required": ["name"]
+      }
+    }
+  },
+  "required": [
+    "name",
+    "version",
+    "description",
+    "attributes",
+    "events",
+    "supportedSubComponents",
+    "supportedSubComponentsRestriction",
+    "unSupportSubComponentsRestriction",
+    "parentComponentsRestriction"
+  ]
+}
diff --git a/api/@system.app.d.ts b/api/phone/@system.app.d.ts
old mode 100755
new mode 100644
similarity index 42%
rename from api/@system.app.d.ts
rename to api/phone/@system.app.d.ts
index dfc8fb3f05e4616e64168f9a305f908a02fbbcf0..b33235d1c2558f4da91a775eac4d04c45a8d4d31
--- a/api/@system.app.d.ts
+++ b/api/phone/@system.app.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,22 +14,62 @@
  */
 
 export interface AppResponse {
+  /**
+   * Application bundleName.
+   * @since 6
+   */
+  appID: string;
+
+  /**
+   * Application name.
+   * @since 3
+   */
   appName: string;
+
+  /**
+   * Application version name.
+   * @since 3
+   */
   versionName: string;
+
+  /**
+   * Application version.
+   * @since 3
+   */
   versionCode: number;
 }
+
 export interface RequestFullWindowOptions {
+  /**
+   * Duration for transition from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   * @devices phone, tablet
+   * @since 3
+   */
   duration?: number
 }
-export interface ScreenOnVisibleOptions {
-  visible?: boolean;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  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;
-  static screenOnVisible(options?: ScreenOnVisibleOptions): void;
+
+  /**
+   * Requests the application to run in full window.
+   * In some scenarios, such as semi-modal FA, the FA runs in non-full window.
+   * In this case, you can call this API.
+   * This API is invalid for an application already in full-window mode.
+   * @param obj Transition time from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   */
   static requestFullWindow(options?: RequestFullWindowOptions): void;
 }
diff --git a/api/@system.battery.d.ts b/api/phone/@system.battery.d.ts
old mode 100755
new mode 100644
similarity index 45%
rename from api/@system.battery.d.ts
rename to api/phone/@system.battery.d.ts
index 8196688966cb4f10461aedf37106a52294802955..7ae26125f6d99620d79329358f1eb906a34d0ff3
--- a/api/@system.battery.d.ts
+++ b/api/phone/@system.battery.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,14 +14,44 @@
  */
 
 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 {
-  success?: (data: BatteryResponse) => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
 export default class Battery {
-  static getStatus(options?: GetStatusOptions): void;
+  /**
+   * 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/@system.cipher.d.ts b/api/phone/@system.bluetooth.d.ts
old mode 100755
new mode 100644
similarity index 40%
rename from api/@system.cipher.d.ts
rename to api/phone/@system.bluetooth.d.ts
index 3fa74e43c5d5cbe312829edd2e5b2980086fa0a9..7179d6fce62eb45ba3d384dede84629ea6ac5997
--- a/api/@system.cipher.d.ts
+++ b/api/phone/@system.bluetooth.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -13,31 +13,67 @@
  * limitations under the License.
  */
 
-export interface CipherResponse {
-  text: string;
-}
-export interface CipherRsaOptions {
-  action: string;
-  text: string;
-  key: string;
-  transformation?: string;
-  success: (data: CipherResponse) => void;
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
   fail: (data: string, code: number) => void;
+
   complete: () => void;
 }
-export interface CipherAesOptions {
-  action: string;
-  text: string;
-  key: string;
-  transformation?: string;
-  iv?: string;
-  ivOffset?: string;
-  ivLen?: string;
-  success: (data: CipherResponse) => void;
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
   fail: (data: string, code: number) => void;
+
   complete: () => void;
 }
-export default class Cipher {
-  static rsa(options: CipherRsaOptions): void;
-  static aes(options: CipherAesOptions): 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
new file mode 100644
index 0000000000000000000000000000000000000000..1ce62daf83fb19a68ba658b904e47107f63bc12b
--- /dev/null
+++ b/api/phone/@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/@system.configuration.d.ts b/api/phone/@system.configuration.d.ts
old mode 100755
new mode 100644
similarity index 58%
rename from api/@system.configuration.d.ts
rename to api/phone/@system.configuration.d.ts
index 84a0a6aabf7f00e62c7a9ac149519b90ce48b033..474fec0e5ce65b34931c82f7738e25edda0d7a31
--- a/api/@system.configuration.d.ts
+++ b/api/phone/@system.configuration.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,10 +14,33 @@
  */
 
 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
old mode 100755
new mode 100644
index 7ce278bc590266b266e437d6da5cd2134bc5de40..4d2949e48f57261789ff8a931514f9f3a742f7f7
--- 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/@system.fetch.d.ts b/api/phone/@system.fetch.d.ts
old mode 100755
new mode 100644
similarity index 31%
rename from api/@system.fetch.d.ts
rename to api/phone/@system.fetch.d.ts
index b210f0edf9be59044e2a83cf11fab33b21cda913..1effccc7fe17cbadddaac9259c504402ebf9f8f2
--- a/api/@system.fetch.d.ts
+++ b/api/phone/@system.fetch.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,20 +14,80 @@
  */
 
 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 {
-  url: string;
-  data?: string | object;
-  header?: Object;
-  method?: "OPTIONS" | "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "TRACE";
-  responseType?: string;
-  success?: (data: FetchResponse) => void;
-  fail?: (data: any, code: number) => void;
-  complete?: () => void;
-}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
 export default class Fetch {
-  static fetch(options: FetchOptions): void;
+  /**
+   * 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/phone/@system.file.d.ts b/api/phone/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..262865ae290cc48c6d36016b0c1442ff2bff8654
--- /dev/null
+++ b/api/phone/@system.file.d.ts
@@ -0,0 +1,499 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. Available values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+
+  /**
+   * File list.
+   * @since 3
+   */
+  subFiles?: Array<FileResponse>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class File {
+  /**
+   * Moves a specified file to a given location.
+   * @param options Options.
+   */
+  static move(options: {
+    /**
+     * URI of the file to move.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the file is to move.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is moved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when moving fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Copies a file and save the copy to a specified location.
+   * @param options Options.
+   */
+  static copy(options: {
+    /**
+     * URI of the file to copy.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the copy is to save.
+     * The directory of application resources and URI of the tmp type are not supported.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is copied and saved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when the copy or save operation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the list of files in a specified directory.
+   * @param options Options.
+   */
+  static list(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the list is obtained successfully.
+     * @since 3
+     */
+    success?: (data: { fileList: Array<FileResponse> }) => void;
+
+    /**
+     * Called when the list fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains information about a specified local file.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * File URI.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively obtain the file list under a subdirectory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when file information is obtained successfully.
+     * @since 3
+     */
+    success?: (file: FileResponse) => void;
+
+    /**
+     * Called when file information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a local file.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * URI of the file to be deleted, which cannot be an application resource path.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when local files are deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes texts into a specified file.
+   * @param options
+   */
+  static writeText(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Character string to write into the local file.
+     * @since 3
+     */
+    text: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Whether to enable the append mode. The default value is false.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when texts are written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when texts fail to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads texts from a specified file.
+   * @param options
+   */
+  static readText(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Called when texts are read successfully.
+     * @since 3
+     */
+    success?: (data: { text: string }) => void;
+
+    /**
+     * Called when texts fail to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes buffer data into a specified file.
+   * @param options Options.
+   */
+  static writeArrayBuffer(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Buffer from which the data is derived.
+     * @since 3
+     */
+    buffer: Uint8Array;
+
+    /**
+     * Offset to the position where the writing starts. The default value is 0.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Whether to enable the append mode. The default value is false. If the value is true, the position parameter will become invalid.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when data from a buffer is written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when data from a buffer fails to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads buffer data from a specified file.
+   * @param options Options.
+   */
+  static readArrayBuffer(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Length of the content to read.
+     * If this parameter is not set, the reading proceeds until the end of the file.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when the buffer data is read successfully.
+     * @since 3
+     */
+    success?: (data: { buffer: Uint8Array }) => void;
+
+    /**
+     * Called when the buffer data fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Checks whether a specified file or directory exists.
+   * @param options Options.
+   */
+  static access(options: {
+    /**
+     * URI of the directory or file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the check result is obtained successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the check fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Creates a specified directory.
+   * @param options Options.
+   */
+  static mkdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively create upper-level directories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is created successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the creation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a specified directory.
+   * @param options
+   */
+  static rmdir(options: {
+    /**
+     * URI of the directory.
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively delete sub files and subdirectories of the specified directory.
+     * The default value is false.
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is deleted successfully.
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/phone/@system.geolocation.d.ts b/api/phone/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..44ba6164c687ee6864e4876b70a24f6efe2787fb
--- /dev/null
+++ b/api/phone/@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/@system.mediaquery.d.ts b/api/phone/@system.mediaquery.d.ts
old mode 100755
new mode 100644
similarity index 55%
rename from api/@system.mediaquery.d.ts
rename to api/phone/@system.mediaquery.d.ts
index 442930b92caeb396c9568092306e98664038878a..da3f223c51ebf6d21ea1cc88072a2f05e3b98b1c
--- a/api/@system.mediaquery.d.ts
+++ b/api/phone/@system.mediaquery.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -16,13 +16,48 @@
 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/@system.network.d.ts b/api/phone/@system.network.d.ts
old mode 100755
new mode 100644
similarity index 35%
rename from api/@system.network.d.ts
rename to api/phone/@system.network.d.ts
index 85edb3608e44dd31337b53542bf6fe078c55b101..531ea6800be9e9d10c7837dc65c40e7e2d3f789a
--- a/api/@system.network.d.ts
+++ b/api/phone/@system.network.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,20 +14,68 @@
  */
 
 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;
 }
-export interface GetNetworkTypeOptions {
-  success?: (data: NetworkResponse) => void;
-  fail?: (data: any, code: number) => void;
-  complete?: () => void;
-}
-export interface SubscribeNetworkOptions {
-  success?: (data: NetworkResponse) => void;
-  fail?: (data: any, code: number) => void;
-}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
 export default class Network {
-  static getType(options?: GetNetworkTypeOptions): void;
-  static subscribe(options?: SubscribeNetworkOptions): void;
+  /**
+   * 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/@system.notification.d.ts b/api/phone/@system.notification.d.ts
old mode 100755
new mode 100644
similarity index 45%
rename from api/@system.notification.d.ts
rename to api/phone/@system.notification.d.ts
index be1f0fc35b3013cfe3ede1dc6df8d044cc9b4077..8066d0769d05eefc8071295e02235a7c0de91aab
--- a/api/@system.notification.d.ts
+++ b/api/phone/@system.notification.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,15 +14,56 @@
  */
 
 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 {
-  static show(options?: ShowNotificationOptions): void;
-}
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: ShowNotificationOptions): void;
+}
\ No newline at end of file
diff --git a/api/@system.package.d.ts b/api/phone/@system.package.d.ts
old mode 100755
new mode 100644
similarity index 60%
rename from api/@system.package.d.ts
rename to api/phone/@system.package.d.ts
index a2a9d1a34d4819d30f07e283194a1cac8140f5cb..bcb42820845c41d873edb65c1fcd73d6370411da
--- a/api/@system.package.d.ts
+++ b/api/phone/@system.package.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,14 +14,46 @@
  */
 
 export interface CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
   result: boolean;
 }
+
 export interface CheckPackageHasInstalledOptions {
+  /**
+   * 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;
 }
+
+/**
+ * @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: CheckPackageHasInstalledOptions): void;
 }
diff --git a/api/phone/@system.prompt.d.ts b/api/phone/@system.prompt.d.ts
old mode 100755
new mode 100644
index e5fe238932fceb8da777f57cf28358421c8ee300..9223d1b2b95479e19e5302c5188f92e3d5d22649
--- a/api/phone/@system.prompt.d.ts
+++ b/api/phone/@system.prompt.d.ts
@@ -1,132 +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;
-}
-
-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/@system.request.d.ts b/api/phone/@system.request.d.ts
old mode 100755
new mode 100644
similarity index 40%
rename from api/@system.request.d.ts
rename to api/phone/@system.request.d.ts
index 13bfc053696fb4402cc196ff7c419964b740e98e..fa1c61c5a43c101e5cea2e35a1ec526bb579fcdf
--- a/api/@system.request.d.ts
+++ b/api/phone/@system.request.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,53 +14,223 @@
  */
 
 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;
 }
+
 export interface UploadRequestOptions {
+  /**
+   * Resource URL.
+   * @since 3
+   */
   url: string;
+
+  /**
+   * Form data in the request body.
+   * @since 3
+   */
   data?: Array<RequestData>;
+
+  /**
+   * List of files to upload, which is submitted through multipart/form-data.
+   * @since 3
+   */
   files: Array<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;
 }
+
 export interface DownloadRequestOptions {
+  /**
+   * 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;
 }
+
 export interface OnDownloadCompleteOptions {
+  /**
+   * 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;
 }
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
 export default class Request {
+  /**
+   * Upload files.
+   * @param options Options.
+   */
   static upload(options: UploadRequestOptions): void;
+
+  /**
+   * This API is used to download files.
+   * @param options Options.
+   */
   static download(options: DownloadRequestOptions): void;
+
+  /**
+   * Listens to download task status.
+   * @param options Options.
+   */
   static onDownloadComplete(options: OnDownloadCompleteOptions): void;
 }
+
diff --git a/api/phone/@system.router.d.ts b/api/phone/@system.router.d.ts
old mode 100755
new mode 100644
index 296766ff808458362f4e54401d59d134ef1855c1..14394e0696e2ab6b45c33d0226486e953af5a1fb
--- a/api/phone/@system.router.d.ts
+++ b/api/phone/@system.router.d.ts
@@ -33,13 +33,7 @@ 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.
-   * @since 6
-   */
-  uri?: string;
-}
+
 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.
@@ -125,8 +119,16 @@ export default class Router {
   /**
    * Returns to the previous page or a specified page.
    * @param obj
+   * @since 7
+   */
+  static back(options?: RouterOptions): void;
+
+  /**
+   * Obtains information about the current page params.
+   * @returns Page params.
+   * @since 7
    */
-  static back(obj?: BackRouterOptions): void;
+  static getParams(): Object;
 
   /**
    * Clears all historical pages and retains only the current page at the top of the stack.
diff --git a/api/phone/@system.sensor.d.ts b/api/phone/@system.sensor.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b0addd5d69f76347f1206d1efb87cad53c34e555
--- /dev/null
+++ b/api/phone/@system.sensor.d.ts
@@ -0,0 +1,467 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface AccelerometerResponse {
+  /**
+   * X-coordinate
+   * @since 3
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 3
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 3
+   */
+  z: number;
+}
+
+export interface CompassResponse {
+  /**
+   * Direction of the device (in degrees).
+   * @since 3
+   */
+  direction: number;
+}
+
+export interface LightResponse {
+  /**
+   * Light intensity, in lux.
+   * @since 3
+   */
+  intensity: number;
+}
+
+export interface StepCounterResponse {
+  /**
+   * Number of steps counted.
+   * Each time the device restarts, the value is recalculated from 0.
+   * @since 3
+   */
+  steps: number;
+}
+
+export interface BarometerResponse {
+  /**
+   * Pressure, in pascal.
+   * @since 3
+   */
+  pressure: number;
+}
+
+export interface DeviceOrientationResponse {
+  /**
+   * alpha
+   * @since 6
+   */
+  alpha: number;
+
+  /**
+   * beta
+   * @since 6
+   */
+  beta: number;
+
+  /**
+   * gamma
+   * @since 6
+   */
+  gamma: number;
+}
+
+export interface GyroscopeResponse {
+  /**
+   * X-coordinate
+   * @since 6
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 6
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 6
+   */
+  z: number;
+}
+
+export interface GravityResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+export interface MagneticResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+export interface HallResponse {
+  /**
+   * Indicates the hall sensor data.
+   * @since 7
+   */
+  value: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Sensor {
+  /**
+   * Listens to acceleration sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeAccelerometer(options: {
+    /**
+     * Execution frequency of the callback function for listening to acceleration sensor data.
+     * The default value is normal.
+     * @since 3
+     */
+    interval: string;
+
+    /**
+     * Called when acceleration sensor data changes.
+     * @since 3
+     */
+    success: (data: AccelerometerResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to acceleration sensor data.
+   */
+  static unsubscribeAccelerometer(): void;
+
+  /**
+   * Listens to compass sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   */
+  static subscribeCompass(options: {
+    /**
+     * Called when compass sensor data changes.
+     * @since 3
+     */
+    success: (data: CompassResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to compass sensor data.
+   */
+  static unsubscribeCompass(): void;
+
+  /**
+   * Listens to distance sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeProximity(options: {
+    /**
+     * Called when distance sensor data changes.
+     * @since 3
+     */
+    success: (ret: { distance: number}) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to distance sensor data.
+   * @param options
+   */
+  static unsubscribeProximity(): void;
+
+  /**
+   * Listens to ambient light sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeLight(options: {
+    /**
+     * Called when ambient light sensor data changes.
+     * @since 3
+     */
+    success: (data: LightResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to ambient light sensor data.
+   */
+  static unsubscribeLight(): void;
+
+  /**
+   * Listens to step counter sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeStepCounter(options: {
+    /**
+     * Called when step counter sensor data changes.
+     * @since 3
+     */
+    success: (data: StepCounterResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to step counter sensor data.
+   */
+  static unsubscribeStepCounter(): void;
+
+  /**
+   * Listens to barometer sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeBarometer(options: {
+    /**
+     * Called when the barometer sensor data changes.
+     * @since 3
+     */
+    success: (data: BarometerResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to barometer sensor data.
+   */
+  static unsubscribeBarometer(): void;
+
+  /**
+   * Listens to device orientation sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeDeviceOrientation(options: {
+    /**
+     * Execution frequency of the callback function for listening to device orientation sensor data.
+     * The default value is normal.
+     * @since 6
+     */
+    interval: string;
+
+    /**
+     * Called when device orientation sensor data changes.
+     * @since 6
+     */
+    success: (data: DeviceOrientationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 6
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to device orientation sensor data.
+   */
+  static unsubscribeDeviceOrientation(): void;
+
+  /**
+   * Listens to gyroscope sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeGyroscope(options: {
+    /**
+     * Execution frequency of the callback function for listening to gyroscope sensor data.
+     * The default value is normal.
+     * @since 6
+     */
+    interval: string;
+
+    /**
+     * Called when gyroscope sensor data changes.
+     * @since 6
+     */
+    success: (data: GyroscopeResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 6
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to gyroscope sensor data.
+   */
+  static unsubscribeGyroscope(): void;
+
+  /**
+   * Listens to gravity sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeGravity(options: {
+    /**
+     * Execution frequency of the callback function for listening to gravity sensor data.
+     * The default value is normal.
+     * @since 7
+     */
+    interval: string;
+
+    /**
+     * Called when gravity sensor data changes.
+     * @since 7
+     */
+    success: (data: GravityResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 7
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to gravity sensor data.
+   */
+  static unsubscribeGravity(): void;
+
+  /**
+   * Listens to magnetic sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeMagnetic(options: {
+    /**
+     * Execution frequency of the callback function for listening to magnetic sensor data.
+     * The default value is normal.
+     * @since 7
+     */
+    interval: string;
+
+    /**
+     * Called when magnetic sensor data changes.
+     * @since 7
+     */
+    success: (data: MagneticResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 7
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to magnetic sensor data.
+   */
+  static unsubscribeMagnetic(): void;
+
+  /**
+   * Listens to hall sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribeHall(options: {
+    /**
+     * Execution frequency of the callback function for listening to hall sensor data.
+     * The default value is normal.
+     * @since 7
+     */
+    interval: string;
+
+    /**
+     * Called when hall sensor data changes.
+     * @since 7
+     */
+    success: (data: HallResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 7
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to hall sensor data.
+   */
+  static unsubscribeHall(): void;
+}
diff --git a/api/@system.storage.d.ts b/api/phone/@system.storage.d.ts
old mode 100755
new mode 100644
similarity index 37%
rename from api/@system.storage.d.ts
rename to api/phone/@system.storage.d.ts
index 7ea651f9cbbae5b86db0532b3d7278de59790f26..abb07c05e327c96f4ca7923de6f918b3c519a980
--- a/api/@system.storage.d.ts
+++ b/api/phone/@system.storage.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,33 +14,147 @@
  */
 
 export interface GetStorageOptions {
+  /**
+   * Content index.
+   * For liteWearable and smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @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 liteWearable and 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;
 }
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
 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 liteWearable and 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.UIEngine
+ */
 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/@system.vibrator.d.ts b/api/phone/@system.vibrator.d.ts
old mode 100755
new mode 100644
similarity index 69%
rename from api/@system.vibrator.d.ts
rename to api/phone/@system.vibrator.d.ts
index 94573bf4e3a679eb281238ded9638400d9e4862b..af7fd34f764f3767827282bfad5387ba93372a8f
--- a/api/@system.vibrator.d.ts
+++ b/api/phone/@system.vibrator.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -14,11 +14,21 @@
  */
 
 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";
-  success: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
 }
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
 export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   */
   static vibrate(options?: VibrateOptions): void;
-}
+}
\ No newline at end of file
diff --git a/remove_internal.py b/remove_internal.py
new file mode 100755
index 0000000000000000000000000000000000000000..0134a5cc1afff01b2023a574730bd5b86dfa7347
--- /dev/null
+++ b/remove_internal.py
@@ -0,0 +1,42 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+# Copyright (c) Huawei Technologies Co., Ltd. 2020-2020. All rights reserved.
+
+import os
+import sys
+import optparse
+import shutil
+
+# d.ts directories to be deleted
+remove_list = ["@internal", "common", "config", "form", "liteWearable",
+    "phone", "router", "smartVision", "tablet", "tv", "wearable"]
+
+
+# traversal all fill in project folder
+def copy_files(input_path, output_path):
+    for file in os.listdir(input_path):
+        src = os.path.join(input_path, file)
+        dst = os.path.join(output_path, file)
+        if os.path.isdir(src) and (not file in remove_list):
+            shutil.copytree(src, dst, dirs_exist_ok=True)
+        elif os.path.isfile(src) and (not file.startswith('@system')):
+            shutil.copy(src, dst)
+
+
+def parse_args(args):
+    parser = optparse.OptionParser()
+    parser.add_option('--input', help='d.ts document input path')
+    parser.add_option('--output', help='d.ts document output path')
+    options, _ = parser.parse_args(args)
+    return options
+
+
+def main(argv):
+    options = parse_args(argv)
+    if not os.path.exists(options.output):
+        os.makedirs(options.output)
+    copy_files(options.input, options.output)
+
+
+if __name__ == "__main__":
+    exit(main(sys.argv))
\ No newline at end of file
diff --git a/remove_internal.pydeps b/remove_internal.pydeps
new file mode 100755
index 0000000000000000000000000000000000000000..f2f25eed752fbefcb1af8f77d907df887cf68495
--- /dev/null
+++ b/remove_internal.pydeps
@@ -0,0 +1,3 @@
+# Generated by running:
+#   build/print_python_deps.py --root interface/sdk-js --output interface/sdk-js/remove_internal.pydeps interface/sdk-js/remove_internal.py
+remove_internal.py