From 7e0db2389529a355da5a1bc7e0da912a1b02d0d5 Mon Sep 17 00:00:00 2001
From: kukixi <kouxinxin@huawei.com>
Date: Mon, 14 Mar 2022 15:17:17 +0800
Subject: [PATCH 1/5] remove supportedDevices

Signed-off-by: kukixi <kouxinxin@huawei.com>
---
 api/config/css/css-json-schema.json           |   477 +-
 api/config/css/cssConfig.json                 | 16974 +++++++---------
 api/config/hml/basic/animate.json             |   106 +-
 api/config/hml/basic/animateMotion.json       |   106 +-
 api/config/hml/basic/animateTransform.json    |   112 +-
 api/config/hml/basic/block.json               |    16 +-
 api/config/hml/basic/button.json              |   842 +-
 api/config/hml/basic/calendar.json            |    54 +-
 api/config/hml/basic/chart.json               |  2677 +--
 api/config/hml/basic/circle.json              |   122 +-
 api/config/hml/basic/divider.json             |   393 +-
 api/config/hml/basic/ellipse.json             |   107 +-
 api/config/hml/basic/image-animator.json      |  2714 +--
 api/config/hml/basic/image.json               |  2493 +--
 api/config/hml/basic/input.json               |  3219 ++-
 api/config/hml/basic/label.json               |   372 +-
 api/config/hml/basic/line.json                |   116 +-
 api/config/hml/basic/marquee.json             |  2169 +-
 api/config/hml/basic/menu.json                |   400 +-
 api/config/hml/basic/option.json              |   392 +-
 api/config/hml/basic/path.json                |   113 +-
 api/config/hml/basic/picker-view.json         |  1869 +-
 api/config/hml/basic/picker.json              |   876 +-
 api/config/hml/basic/piece.json               |   832 +-
 api/config/hml/basic/polygon.json             |   104 +-
 api/config/hml/basic/polyline.json            |   104 +-
 api/config/hml/basic/progress.json            |  2577 +--
 api/config/hml/basic/qrcode.json              |   779 +-
 api/config/hml/basic/rating.json              |   680 +-
 api/config/hml/basic/rect.json                |   117 +-
 api/config/hml/basic/richtext.json            |   488 +-
 api/config/hml/basic/search.json              |   860 +-
 api/config/hml/basic/select.json              |   824 +-
 api/config/hml/basic/slider.json              |  2811 ++-
 api/config/hml/basic/slot.json                |    14 +-
 api/config/hml/basic/span.json                |  1968 +-
 api/config/hml/basic/switch.json              |  2551 +--
 api/config/hml/basic/text.json                |  2092 +-
 api/config/hml/basic/textarea.json            |   884 +-
 api/config/hml/basic/textpath.json            |    54 +-
 api/config/hml/basic/toggle.json              |   828 +-
 api/config/hml/basic/toolbar-item.json        |   824 +-
 api/config/hml/basic/toolbar.json             |   100 +-
 api/config/hml/basic/tspan.json               |    62 +-
 api/config/hml/basic/web.json                 |    28 +-
 api/config/hml/basic/xcomponent.json          |   474 +-
 api/config/hml/canvas/canvas.json             |  1777 +-
 api/config/hml/container/badge.json           |   840 +-
 api/config/hml/container/dialog.json          |   391 +-
 api/config/hml/container/div.json             |  2507 +--
 api/config/hml/container/form.json            |   824 +-
 api/config/hml/container/list-item-group.json |   842 +-
 api/config/hml/container/list-item.json       |  2703 +--
 api/config/hml/container/list.json            |  3469 ++--
 api/config/hml/container/panel.json           |   408 +-
 api/config/hml/container/popup.json           |   864 +-
 api/config/hml/container/refresh.json         |   415 +-
 api/config/hml/container/stack.json           |  2395 +--
 api/config/hml/container/stepper-item.json    |   828 +-
 api/config/hml/container/stepper.json         |   535 +-
 api/config/hml/container/svg.json             |   110 +-
 api/config/hml/container/swiper.json          |  3038 ++-
 api/config/hml/container/tab-bar.json         |   826 +-
 api/config/hml/container/tab-content.json     |   826 +-
 api/config/hml/container/tabs.json            |   833 +-
 api/config/hml/custom/element.json            |    12 +-
 api/config/hml/grid/grid-col.json             |   840 +-
 api/config/hml/grid/grid-container.json       |   959 +-
 api/config/hml/grid/grid-row.json             |   819 +-
 api/config/hml/hml-json-schema.json           |    99 +-
 api/config/hml/media/camera.json              |   899 +-
 api/config/hml/media/video.json               |   377 +-
 72 files changed, 31367 insertions(+), 53843 deletions(-)

diff --git a/api/config/css/css-json-schema.json b/api/config/css/css-json-schema.json
index 40ef282b69..3c62b8a4be 100644
--- a/api/config/css/css-json-schema.json
+++ b/api/config/css/css-json-schema.json
@@ -1,283 +1,194 @@
-{
-  "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"]
-}
+{
+  "type": "object",
+  "properties": {
+    "properties": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ],
+          
+          "syntax": {
+            "type": "array",
+            "description": "语法",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "支持<length>、<color>、<percentage> 、<line-width>、<line-style>、<repeat-style>、<time>、<transform-list>等内置类型单个或多个(||分割)"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "version": {
+            "type": "array",
+            "description": "该属性的当前的版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号例如:v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "属性的描述文档"
+                }
+              },
+              "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"
+                    ]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "values": {
+            "type": "array",
+            "description": "当restrictions字段存在enum时存在该字段,表示该属性对应的值的可选值",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "可选值"
+                },
+                "description": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        },
+        "required": ["name", "version", "description"]
+      }
+    },
+    "atDirectives": {
+      "type": "array",
+      "description": "指令列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "指令名称"
+          },
+          
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "指令的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    },
+    "pseudoClasses": {
+      "type": "array",
+      "description": "伪类列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "伪类名称"
+          },
+          
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "伪类的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "required": ["properties", "atDirectives", "pseudoClasses"]
+}
diff --git a/api/config/css/cssConfig.json b/api/config/css/cssConfig.json
index 2da5bfbcd1..43d690d399 100644
--- a/api/config/css/cssConfig.json
+++ b/api/config/css/cssConfig.json
@@ -1,9077 +1,7897 @@
-{
-  "properties": [
-    {
-      "name": "column-span",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "fill",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Use the shorthand property to set the fill color of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "fill-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "fill-rule",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "nonzero | evenodd"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "nonzero | evenodd"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-dasharray",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-dashoffset",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the offset of the associative dashed array when rendering."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-linejoin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[bevel | miter | round]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The shape used at the corner of the path when you stroke."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "bevel | miter | round"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-linecap",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[butt | round | square]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shapes used at the end of paths when they are traced"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "butt | round | square"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-miterlimit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the limit value for drawing acute angles as bevels."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the coordinate transformation parameters of components and subcomponents"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "viewBox",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "rx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "ry",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the radius of rectangle fillet in Y direction."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "cx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the center of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "cy",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the center of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "r",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the radius of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "d",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x1",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the line start point."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y1",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the line start point."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x2",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the end of the line."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y2",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the end of the line."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "points",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set multiple coordinate points of the polyline"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set text X axis offset"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dy",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set text Y axis offset"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Draws the font border and specifies the color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "startOffset",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the starting offset of the text along the path"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attributeName",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the name of the property to be active"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "begin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the delay time of the action"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dur",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How long does the dynamic effect end"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "repeatCount",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number | indefinite>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number",
-            "indefinite"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "calcMode",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<discrete | linear | paced | spline>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the interpolation mode for the animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "discrete",
-            "linear",
-            "paced",
-            "spline"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "keyTimes",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the start time of the keyframe animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "keySplines",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "from",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the start value of the property that you want to animate."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "to",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the end value of the property that you want to animate."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "values",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the variation values of a set of animations."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "type",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[translate | scale | rotate | skewX | skewY]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the type of the Transform animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "translate",
-            "scale",
-            "rotate",
-            "skewX",
-            "skewY"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component width. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component height. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>{1,4} || <percentage>{1,4}",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Shorthand attribute to set all padding attributes",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Left padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Top padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Right padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Bottom padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Start padding"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "End padding"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Left margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Top margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Right margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Bottom margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Start margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "End margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-source",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "border image."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-slice",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The border of the image is shifted inward"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-width",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Width about the border of the image"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-outset",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The border image can exceed the size of the border box"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-repeat",
-      "syntax": [
-        {
-          "name": "stretch | repeat | round | space"
-        }
-      ],
-      "values": [
-        {
-          "name": "stretch",
-          "description": "Stretch the picture to fill the border"
-        },
-        {
-          "name": "repeat",
-          "description": "Tile the picture to fill the border"
-        },
-        {
-          "name": "round",
-          "description": "Tile the picture according to the image size"
-        },
-        {
-          "name": "space",
-          "description": "Tile the picture according to the image size, leaving the extra part blank."
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How the picture fills the border"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The image of border attributes"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string",
-            "length",
-            "length",
-            "length",
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<line-width>{1,4}",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of left borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of top borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of left borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of top borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of bottom borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Attribute to set the radius of round borders of an element",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-left-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-right-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-left-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-right-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "mask-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "mask-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "image"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-size",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
-        }
-      ],
-      "values": [
-        {
-          "name": "contain"
-        },
-        {
-          "name": "cover"
-        },
-        {
-          "name": "auto"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum",
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-repeat",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<repeat-style>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "repeat"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ <bg-position> | <length> | <percentage> ]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "position",
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "display",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "values": [
-        {
-          "name": "flex",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "grid",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "none",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "visibility",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "The element is visible"
-        },
-        {
-          "name": "hidden",
-          "description": "The element is hidden but still takes up space"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-grow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-shrink",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-basis",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "align-self",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-     "values": [
-        {
-          "name": "stretch"
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "baseline"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
-        },
-        {
-          "syntax": [
-            {
-              "name": "stretch | flex-start | flex-end | center | baseline"
-            }
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "fixed"
-        },
-        {
-          "name": "absolute"
-        },
-        {
-          "name": "relative"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform-origin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "0px 0px"
-        },
-        {
-          "name": "0% 0%"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform",
-      "values": [
-        {
-          "name": "matrix()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "none()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "matrix3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translate()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translate3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translateX()"
-        },
-        {
-          "name": "translateY()"
-        },
-        {
-          "name": "translateZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scale()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scale3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleX()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleY()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotate()"
-        },
-        {
-          "name": "rotate3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateX('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateY('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skew()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skewX()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skewY()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "perspective()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<transform-list>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Translation, rotation, and scaling attributes"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation",
-      "syntax": [
-        {
-          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
-        }
-      ]
-    },
-    {
-      "name": "animation-name",
-      "syntax": [
-        {
-          "name": "[ none | <keyframes-name> ]#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "@keyframes rule"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "identifier"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-delay",
-      "syntax": [
-        {
-          "name": "<time>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-duration",
-      "syntax": [
-        {
-          "name": "<time>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-iteration-count",
-      "syntax": [
-        {
-          "name": "<single-animation-iteration-count>#"
-        }
-      ],
-      "values": [
-        {
-          "name": "infinite"
-        },
-        {
-          "name": "1"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number",
-            "enum"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "enum"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-timing-function",
-      "syntax": [
-        {
-          "name": "<easing-function>#"
-        }
-      ],
-      "values": [
-        {
-          "name": "linear"
-        },
-        {
-          "name": "ease",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "ease-in"
-        },
-        {
-          "name": "ease-out"
-        },
-        {
-          "name": "ease-in-out"
-        },
-        {
-          "name": "fast-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "linear-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "fast-out-linear-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "friction",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "extreme-deceleration",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "sharp",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rhythm",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "smooth",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "cubic-bezier()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "steps()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "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 | backwards | both"
-        }
-      ],
-      "values": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        },
-        {
-          "name": "backwards",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ]
-        },
-        {
-          "name": "both",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ]
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition-exit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition-duration",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "flex-start | flex-end | center | space-between | space-around"
-        }
-      ],
-      "values": [
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "space-between"
-        },
-        {
-          "name": "space-around"
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "values": [
-        {
-          "name": "stretch",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "baseline",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        }
-      ],
-      "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": "scrollbar-color",
-      "syntax": [
-        {
-          "name": "color"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the offset of the scroll bar."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-color",
-      "syntax": [
-        {
-          "name": "color"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-height",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-length",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-origin",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "z-index",
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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": "animation-direction",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "normal | reverse | alternate | alternate-reverse"
-        }
-      ],
-      "values": [
-        {
-          "name": "normal",
-          "description":"The animation is looped forward."
-        },
-        {
-          "name": "reverse",
-          "description":"Animation reverse loop"
-        },
-        {
-          "name": "alternate",
-          "description":"The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
-        },
-        {
-          "name": "alternate-reverse",
-          "description":"The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifying the Playback Mode of the Animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-play-state",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "paused | running"
-        }
-      ],
-      "values": [
-        {
-          "name": "paused",
-          "description":"The animation status is paused."
-        },
-        {
-          "name": "running",
-          "description":"The animation status is Play."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the current state of the animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the transition effect of a component state switch"
-        }
-      ]
-    },
-    {
-      "name": "overscroll-effect",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "spring | fade | none"
-        }
-      ],
-      "values": [
-        {
-          "name": "spring",
-          "description":"Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
-        },
-        {
-          "name": "fade",
-          "description":"Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
-        },
-        {
-          "name": "none",
-          "description": "No effect after sliding to the edge"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the scrolling edge effect"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "align-content",
-      "syntax": [
-        {
-          "name": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
-        }
-      ],
-      "values": [
-        {
-          "name": "center",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "space-between",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "space-around",
-          "supportedDevices": [
-            "tv",
-            "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "columns",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "progress-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Loading color of the <refresh> component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "object-fit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "object-position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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": "word-break",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "break-word | normal | break-all"
-        }
-      ],
-      "values": [
-        {
-          "name": "break-word",
-          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
-        },
-        {
-          "name": "normal",
-          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
-        },
-        {
-          "name": "break-all",
-          "description": "Line breaks anywhere"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text word-break."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "visible | hidden  | scroll"
-        }
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
-        },
-        {
-          "name": "hidden ",
-          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
-        },
-        {
-          "name": "scroll",
-          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "match-text-direction",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "stroke-width",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Width of the component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "secondary-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Secondary color of the component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "scale-width",
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Font size (px).Currently, only 30px and 38px font sizes are supported"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "allow-scale",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Character spacing (px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "word-spacing",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text spacing (px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-indent",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the amount of indentation before the first line of text"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "font-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "font-variant",
-      "syntax": [
-        {
-          "name": "normal | none | <string>"
-        }
-      ],
-      "values": [
-        {
-          "name": "normal"
-        },
-        {
-          "name": "none"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Font variant"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-decoration",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "values": [
-        {
-          "name": "left",
-          "description": "The text is left-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "center",
-          "description": "The text is center-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "right",
-          "description": "The text is right-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "start",
-          "description": "The text is aligned with the direction in which the text is written",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "end",
-          "description": "The text in aligned with the opposite direction in which the text is written",
-          "supportedDevices": [
-            "tv",
-            "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>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "column-height",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Height of the selector's selection list."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
-        },
-        {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
-        },
-        {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum",
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-valign",
-      "syntax": [
-        {
-          "name": "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": "font-family",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "sans-serif"
-        },
-        {
-          "name": "HYQiHei-65S"
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "true | false"
-        }
-      ],
-      "values": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": ""
-        }
-      ],
-      "restrictions": [
-        {
-          "name": ["enum"]
-        }
-      ]
-    },
-    {
-      "name": "star-background",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color of the hint text"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-decoration-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text decoration color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "icon-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Slider color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "texton-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "disappear-color",
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "disappear-font-size",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "colors",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the minimum width of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "min-height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the minimum height of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "max-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the maximum width of the element. The default value is unlimited."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "max-height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the maximum height of the element. The default value is unlimited."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "box-shadow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "h-shadow | v-shadow | blur | spread | color"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "This style allows you to set the shadow style of the current component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "backdrop-filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "window-filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur() | style"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "display-index",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-weight",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "aspect-ratio",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "caret-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the color of the input cursor."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    }
-  ],
-  "atDirectives": [
-    {
-      "name": "@import",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Includes content of another file.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@keyframes",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Defines set of animation key frames.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@font-face",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@media",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Defines a stylesheet for a particular media type",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "pseudoClasses": [
-    {
-      "name": ":active",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is being activated by the user",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":checked",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is checked or toggled to an on state",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":hover",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " Represents the element when the mouse is hovering",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":waiting",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is waiting for operation finished",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":disabled",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents any disabled element",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":focus",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that has received focus",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ]
-}
+{
+  "properties": [
+    {
+      "name": "column-span",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "fill",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Use the shorthand property to set the fill color of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "fill-opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "fill-rule",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "nonzero | evenodd"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "nonzero | evenodd"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-dasharray",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-dashoffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the offset of the associative dashed array when rendering."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linejoin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[bevel | miter | round]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The shape used at the corner of the path when you stroke."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "bevel | miter | round"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[butt | round | square]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shapes used at the end of paths when they are traced"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "butt | round | square"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the limit value for drawing acute angles as bevels."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the coordinate transformation parameters of components and subcomponents"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "viewBox",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ry",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the radius of rectangle fillet in Y direction."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the center of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cy",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the center of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "r",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the radius of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "d",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x1",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the line start point."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y1",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the line start point."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x2",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the end of the line."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y2",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the end of the line."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "points",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set multiple coordinate points of the polyline"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set text X axis offset"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dy",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set text Y axis offset"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "startOffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the starting offset of the text along the path"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attributeName",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the name of the property to be active"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "begin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the delay time of the action"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How long does the dynamic effect end"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "repeatCount",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number | indefinite>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "indefinite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<discrete | linear | paced | spline>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the interpolation mode for the animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "discrete",
+            "linear",
+            "paced",
+            "spline"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the start time of the keyframe animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "keySplines",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "from",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the start value of the property that you want to animate."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "to",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the end value of the property that you want to animate."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "values",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the variation values of a set of animations."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[translate | scale | rotate | skewX | skewY]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the type of the Transform animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "translate",
+            "scale",
+            "rotate",
+            "skewX",
+            "skewY"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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"
+        },
+        {
+          "name": "Component width. If this attribute is not set, default value 0 is used",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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"
+        },
+        {
+          "name": "Component height. If this attribute is not set, default value 0 is used",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>{1,4} || <percentage>{1,4}"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "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)"
+        },
+        {
+          "name": "Shorthand attribute to set all padding attributes",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-left",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-source",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "border image."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-slice",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border of the image is shifted inward"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width about the border of the image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-outset",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border image can exceed the size of the border box"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-repeat",
+      "syntax": [
+        {
+          "name": "stretch | repeat | round | space"
+        }
+      ],
+      "values": [
+        {
+          "name": "stretch",
+          "description": "Stretch the picture to fill the border"
+        },
+        {
+          "name": "repeat",
+          "description": "Tile the picture to fill the border"
+        },
+        {
+          "name": "round",
+          "description": "Tile the picture according to the image size"
+        },
+        {
+          "name": "space",
+          "description": "Tile the picture according to the image size, leaving the extra part blank."
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How the picture fills the border"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The image of border attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string",
+            "length",
+            "length",
+            "length",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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>"
+        },
+        {
+          "name": "<line-width>{1,4}",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of bottom borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-radius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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."
+        },
+        {
+          "name": "Attribute to set the radius of round borders of an element",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-left-radius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-repeat",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "flex",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "grid"
+        },
+        {
+          "name": "none",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-self",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "baseline"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
+        },
+        {
+          "syntax": [
+            {
+              "name": "stretch | flex-start | flex-end | center | baseline"
+            }
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "position",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform-origin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "values": [
+        {
+          "name": "0px 0px"
+        },
+        {
+          "name": "0% 0%"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "values": [
+        {
+          "name": "matrix()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "none()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "matrix3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "translate()"
+        },
+        {
+          "name": "translate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "translateX()"
+        },
+        {
+          "name": "translateY()"
+        },
+        {
+          "name": "translateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "scale()"
+        },
+        {
+          "name": "scale3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "scaleX()"
+        },
+        {
+          "name": "scaleY()"
+        },
+        {
+          "name": "scaleZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "rotate()"
+        },
+        {
+          "name": "rotate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "rotateX('angle')"
+        },
+        {
+          "name": "rotateY('angle')"
+        },
+        {
+          "name": "rotateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skew()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skewX()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skewY()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "perspective()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<transform-list>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Translation, rotation, and scaling attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation",
+      "syntax": [
+        {
+          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
+        }
+      ]
+    },
+    {
+      "name": "animation-name",
+      "syntax": [
+        {
+          "name": "[ none | <keyframes-name> ]#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "@keyframes rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "identifier"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-delay",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-duration",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-iteration-count",
+      "syntax": [
+        {
+          "name": "<single-animation-iteration-count>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "infinite"
+        },
+        {
+          "name": "1"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "enum"
+          ]
+        },
+        {
+          "name": [
+            "enum"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-timing-function",
+      "syntax": [
+        {
+          "name": "<easing-function>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "linear"
+        },
+        {
+          "name": "ease"
+        },
+        {
+          "name": "ease-in"
+        },
+        {
+          "name": "ease-out"
+        },
+        {
+          "name": "ease-in-out"
+        },
+        {
+          "name": "fast-out-slow-in"
+        },
+        {
+          "name": "linear-out-slow-in"
+        },
+        {
+          "name": "fast-out-linear-in"
+        },
+        {
+          "name": "friction"
+        },
+        {
+          "name": "extreme-deceleration"
+        },
+        {
+          "name": "sharp"
+        },
+        {
+          "name": "rhythm"
+        },
+        {
+          "name": "smooth"
+        },
+        {
+          "name": "cubic-bezier()"
+        },
+        {
+          "name": "steps()"
+        }
+      ],
+      "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 | backwards | both"
+        }
+      ],
+      "values": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        },
+        {
+          "name": "backwards",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "both",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-exit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-duration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "flex-start | flex-end | center | space-between | space-around"
+        }
+      ],
+      "values": [
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "space-between"
+        },
+        {
+          "name": "space-around"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "baseline"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        }
+      ],
+      "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": "scrollbar-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the color of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-width",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the width of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-offset",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the offset of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-height",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-length",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-origin",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "z-index",
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "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": "animation-direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "normal | reverse | alternate | alternate-reverse"
+        }
+      ],
+      "values": [
+        {
+          "name": "normal",
+          "description": "The animation is looped forward."
+        },
+        {
+          "name": "reverse",
+          "description": "Animation reverse loop"
+        },
+        {
+          "name": "alternate",
+          "description": "The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
+        },
+        {
+          "name": "alternate-reverse",
+          "description": "The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifying the Playback Mode of the Animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-play-state",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "paused | running"
+        }
+      ],
+      "values": [
+        {
+          "name": "paused",
+          "description": "The animation status is paused."
+        },
+        {
+          "name": "running",
+          "description": "The animation status is Play."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the current state of the animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the transition effect of a component state switch"
+        }
+      ]
+    },
+    {
+      "name": "overscroll-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "spring | fade | none"
+        }
+      ],
+      "values": [
+        {
+          "name": "spring",
+          "description": "Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
+        },
+        {
+          "name": "fade",
+          "description": "Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
+        },
+        {
+          "name": "none",
+          "description": "No effect after sliding to the edge"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the scrolling edge effect"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-content",
+      "syntax": [
+        {
+          "name": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
+        }
+      ],
+      "values": [
+        {
+          "name": "center"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "space-between"
+        },
+        {
+          "name": "space-around"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "columns",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Fill color of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-selected-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the currently selected navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-size",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "progress-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Loading color of the <refresh> component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "object-position",
+      "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": "word-break",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "break-word | normal | break-all"
+        }
+      ],
+      "values": [
+        {
+          "name": "break-word",
+          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
+        },
+        {
+          "name": "normal",
+          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
+        },
+        {
+          "name": "break-all",
+          "description": "Line breaks anywhere"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text word-break."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "overflow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "visible | hidden  | scroll"
+        }
+      ],
+      "values": [
+        {
+          "name": "visible",
+          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
+        },
+        {
+          "name": "hidden ",
+          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
+        },
+        {
+          "name": "scroll",
+          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "match-text-direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "stroke-width",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "secondary-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Secondary color of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scale-width",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font size (px).Currently, only 30px and 38px font sizes are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "allow-scale",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Character spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "word-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-indent",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the amount of indentation before the first line of text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "font-style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "font-variant",
+      "syntax": [
+        {
+          "name": "normal | none | <string>"
+        }
+      ],
+      "values": [
+        {
+          "name": "normal"
+        },
+        {
+          "name": "none"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font variant"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-decoration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "left",
+          "description": "The text is left-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "center",
+          "description": "The text is center-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "right",
+          "description": "The text is right-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "start",
+          "description": "The text is aligned with the direction in which the text is written"
+        },
+        {
+          "name": "end",
+          "description": "The text in aligned with the opposite direction in which the text is written"
+        }
+      ],
+      "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>"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "column-height",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the selector's selection list."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-valign",
+      "syntax": [
+        {
+          "name": "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": "font-family",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "sans-serif"
+        },
+        {
+          "name": "HYQiHei-65S"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "star-background",
+      "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",
+      "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",
+      "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",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the hint text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-decoration-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text decoration color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "icon-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Slider color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "texton-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "textoff-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is not checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-padding",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "disappear-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "disappear-font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "colors",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<url>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "url()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Supported sources of customized fonts"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "min-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the minimum width of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "min-height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the minimum height of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "max-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the maximum width of the element. The default value is unlimited."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "max-height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the maximum height of the element. The default value is unlimited."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "box-shadow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "h-shadow | v-shadow | blur | spread | color"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This style allows you to set the shadow style of the current component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "backdrop-filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "window-filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur() | style"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "display-index",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-weight",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "aspect-ratio",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "caret-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the color of the input cursor."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    }
+  ],
+  "atDirectives": [
+    {
+      "name": "@import",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Includes content of another file.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "@keyframes",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines set of animation key frames.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "@font-face",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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."
+        }
+      ]
+    },
+    {
+      "name": "@media",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines a stylesheet for a particular media type"
+        }
+      ]
+    }
+  ],
+  "pseudoClasses": [
+    {
+      "name": ":active",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is being activated by the user"
+        }
+      ]
+    },
+    {
+      "name": ":checked",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is checked or toggled to an on state"
+        }
+      ]
+    },
+    {
+      "name": ":hover",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " Represents the element when the mouse is hovering"
+        }
+      ]
+    },
+    {
+      "name": ":waiting",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is waiting for operation finished"
+        }
+      ]
+    },
+    {
+      "name": ":disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents any disabled element"
+        }
+      ]
+    },
+    {
+      "name": ":focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that has received focus"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
index 57c99e0268..1bca9a9dc5 100644
--- a/api/config/hml/basic/animate.json
+++ b/api/config/hml/basic/animate.json
@@ -6,204 +6,168 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "number",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "number" 
         },
         {
-          "name": "indefinite",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "indefinite" 
         }
       ]
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "by",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "by" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "values",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "values" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
index 5d2cb4ee3f..9db9003b9d 100644
--- a/api/config/hml/basic/animateMotion.json
+++ b/api/config/hml/basic/animateMotion.json
@@ -6,46 +6,38 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "path",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "path" ,
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "rotate" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
@@ -62,161 +54,133 @@
       ]
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "number"
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keyPoints",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyPoints" ,
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
index 47f48dc2bb..5aa960bc10 100644
--- a/api/config/hml/basic/animateTransform.json
+++ b/api/config/hml/basic/animateTransform.json
@@ -6,22 +6,18 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "type" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
@@ -44,197 +40,163 @@
       ]
     },
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "attributeType",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeType" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "values",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "values" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "number"
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
index 3e5db15375..6163fe51b1 100644
--- a/api/config/hml/basic/block.json
+++ b/api/config/hml/basic/block.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "'Logic control block.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "'Logic control block." 
     }
   ],
   "attributes": [
     {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "for" ,
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Expands the current element based on the configured data list." 
         }
       ],
       "type": "string"
     },
     {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "if" ,
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether the element is added or removed." 
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/button.json b/api/config/hml/basic/button.json
index b776be7776..85c5220695 100644
--- a/api/config/hml/basic/button.json
+++ b/api/config/hml/basic/button.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <button> component includes capsule, circle, text, arc, and download buttons."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic modification is not supported. If this attribute is not set, capsule-like buttons are displayed. Different from the capsule button, the four rounded corners of a capsule-like button can be configured using border-radius. Available button types are as follows: capsule: a capsule button with fillets, background color, and text. circle: a circle button which can be used to place icons. text: a text button which displays the text only. arc: an arc button. download: a download button. The download progress bar is added.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "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."
         }
       ],
       "type": "enum",
@@ -36,42 +34,35 @@
           "name": "text"
         },
         {
-          "name": "arc",
-          "supportedDevices": ["wearable"]
+          "name": "arc"
         },
         {
-          "name": "download",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "download"
         }
       ]
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Text value of the button. This attribute is unavailable for circle buttons.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Text value of the button. This attribute is unavailable for circle buttons."
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "version": [
         {
@@ -80,8 +71,7 @@
       ],
       "description": [
         {
-          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text."
         }
       ],
       "type": "enum",
@@ -102,12 +92,10 @@
     },
     {
       "name": "waiting",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Waiting status. When waiting is set to true, the waiting transition is displayed on the left of the text. This attribute is unavailable for download buttons and smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "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."
         }
       ],
       "type": "enum",
@@ -122,25 +110,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +133,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +143,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +156,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,13 +166,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -213,13 +179,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -227,13 +189,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -244,13 +202,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -258,12 +212,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -272,13 +220,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -293,12 +235,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +243,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -328,12 +258,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -342,25 +266,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -369,13 +281,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -393,12 +299,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -407,25 +307,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -434,13 +322,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -458,12 +340,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +348,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,13 +363,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -529,12 +387,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,13 +395,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -564,12 +410,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -578,25 +418,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -605,25 +433,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -632,26 +448,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +468,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -676,13 +478,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -693,13 +491,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -707,13 +501,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +514,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -746,12 +532,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -760,13 +540,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -784,13 +558,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -811,13 +581,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -830,13 +596,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -847,13 +609,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -871,12 +629,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -884,24 +636,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -909,24 +649,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -934,24 +662,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -959,25 +675,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -987,26 +693,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1016,26 +714,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1045,26 +735,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1074,26 +756,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1103,26 +777,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1132,26 +798,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1161,26 +819,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1190,26 +840,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1219,26 +861,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1248,26 +882,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1277,26 +903,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1306,26 +924,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1335,26 +945,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1364,25 +966,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1390,24 +982,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1415,24 +995,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1440,25 +1008,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1468,25 +1026,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1494,24 +1042,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1519,24 +1055,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1544,13 +1068,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1559,4 +1077,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/calendar.json b/api/config/hml/basic/calendar.json
index a19ebeeef4..29a4d309d3 100644
--- a/api/config/hml/basic/calendar.json
+++ b/api/config/hml/basic/calendar.json
@@ -5,47 +5,41 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <calendar> component is used to create a calendar component. ",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <calendar> component is used to create a calendar component. "
     }
   ],
   "attributes": [
     {
       "name": "date",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar date."
         }
       ],
       "type": "object"
     },
     {
       "name": "dateadapter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar date."
         }
       ],
       "type": "string"
     },
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar swipe direction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar swipe direction."
         }
       ],
       "type": "enum",
@@ -60,12 +54,10 @@
     },
     {
       "name": "showholiday",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar to show holiday.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar to show holiday."
         }
       ],
       "type": "enum",
@@ -80,12 +72,10 @@
     },
     {
       "name": "showlunar",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar to show lunar.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar to show lunar."
         }
       ],
       "type": "enum",
@@ -100,12 +90,10 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar type.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar type."
         }
       ],
       "type": "enum",
@@ -120,36 +108,30 @@
     },
     {
       "name": "offdays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar offdays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar offdays."
         }
       ],
       "type": "string"
     },
     {
       "name": "workdays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar workdays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar workdays."
         }
       ],
       "type": "string"
     },
     {
       "name": "holidays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar holidays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar holidays."
         }
       ],
       "type": "string"
@@ -158,21 +140,17 @@
   "events": [
     {
       "name": "selectedchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when the select date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when the select date."
         }
       ]
     },
     {
       "name": "goto",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when the jump to a certain month.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when the jump to a certain month."
         }
       ]
     }
@@ -181,4 +159,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/chart.json b/api/config/hml/basic/chart.json
index c410359f46..9bb8870dbb 100644
--- a/api/config/hml/basic/chart.json
+++ b/api/config/hml/basic/chart.json
@@ -1,1590 +1,1087 @@
-{
-  "name": "chart",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <chart> component displays line charts, gauge charts, and bar charts.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "bar"
-        },
-        {
-          "name": "line"
-        },
-        {
-          "name": "gauge",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "progress",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        },
-        {
-          "name": "loading",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        },
-        {
-          "name": "rainbow",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "options",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "datasets",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "segments",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "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", "tablet"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "effects",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable the effects for progress and rainbow charts.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "animationduration",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "chart",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <chart> component displays line charts, gauge charts, and bar charts."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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)."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bar"
+        },
+        {
+          "name": "line"
+        },
+        {
+          "name": "gauge",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "progress",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "loading",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "rainbow",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "options",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "datasets",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "segments",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "effects",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the effects for progress and rainbow charts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "animationduration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/circle.json b/api/config/hml/basic/circle.json
index 25a73ec27c..e22d5cc235 100644
--- a/api/config/hml/basic/circle.json
+++ b/api/config/hml/basic/circle.json
@@ -6,252 +6,225 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "cx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "cy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "r",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -261,16 +234,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/divider.json b/api/config/hml/basic/divider.json
index 83c0c05261..b45e1cc35f 100644
--- a/api/config/hml/basic/divider.json
+++ b/api/config/hml/basic/divider.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout."
     }
   ],
   "attributes": [
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,7 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -186,13 +145,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +160,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -221,13 +169,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +184,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -256,25 +193,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -283,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +227,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -321,25 +236,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -348,13 +252,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +270,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -386,25 +279,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -413,13 +295,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +319,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -457,13 +328,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +343,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -492,25 +352,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -519,25 +368,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -546,26 +384,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +404,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +414,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +427,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +437,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +450,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +468,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +477,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +495,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +518,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +533,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +546,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -787,4 +568,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/ellipse.json b/api/config/hml/basic/ellipse.json
index c4b6d8eb74..a13431ed5c 100644
--- a/api/config/hml/basic/ellipse.json
+++ b/api/config/hml/basic/ellipse.json
@@ -5,265 +5,221 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fillOpacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "cx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "cy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "rx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "ry",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -274,5 +230,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/image-animator.json b/api/config/hml/basic/image-animator.json
index a434f99d4a..20b1158ad2 100644
--- a/api/config/hml/basic/image-animator.json
+++ b/api/config/hml/basic/image-animator.json
@@ -1,1615 +1,1099 @@
-{
-  "name": "image-animator",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <image-animator> component is used to provide an image frame animator.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "images",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": true,
-      "description": [
-        {
-          "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "predecode",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "iteration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Number of times that the frame animation is played. number indicates a fixed number of playback operations, and infinite indicates an unlimited number of playback operations.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number|string"
-    },
-    {
-      "name": "reverse",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Playback sequence. The value false indicates that images are played from the first one to the last one, and true indicates that images are played from the last one to the first one.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "fixedsize",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the image size is fixed to the widget size. true: The image size is the same as the widget size. In this case, the width, height, top, and left attributes of the image are invalid. false: The width, height, top, and left attributes of each image must be set separately.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "duration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": true,
-      "description": [
-        {
-          "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "fillmode",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        }
-      ]
-
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "pause",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation pauses.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "resume",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation resumes.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "stop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation stops.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "image-animator",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <image-animator> component is used to provide an image frame animator."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "images",
+      "required": true,
+      "description": [
+        {
+          "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "predecode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "iteration",
+      "required": false,
+      "description": [
+        {
+          "name": "Number of times that the frame animation is played. number indicates a fixed number of playback operations, and infinite indicates an unlimited number of playback operations."
+        }
+      ],
+      "type": "number|string"
+    },
+    {
+      "name": "reverse",
+      "required": false,
+      "description": [
+        {
+          "name": "Playback sequence. The value false indicates that images are played from the first one to the last one, and true indicates that images are played from the last one to the first one."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "fixedsize",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the image size is fixed to the widget size. true: The image size is the same as the widget size. In this case, the width, height, top, and left attributes of the image are invalid. false: The width, height, top, and left attributes of each image must be set separately."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "duration",
+      "required": true,
+      "description": [
+        {
+          "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fillmode",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pause",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation pauses.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "resume",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation resumes.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stop",
+      "description": [
+        {
+          "name": "Triggered when the frame animation stops."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/image.json b/api/config/hml/basic/image.json
index 33a03471f7..a77158f79b 100644
--- a/api/config/hml/basic/image.json
+++ b/api/config/hml/basic/image.json
@@ -1,1500 +1,993 @@
-{
-  "name": "image",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <image> component is used to render and display images.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "alt",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Placeholder image displayed during image loading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "complete",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when an exception occurs during image loading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "image",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <image> component is used to render and display images."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "src",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "alt",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Placeholder image displayed during image loading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "complete",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when an image is successfully loaded.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "error",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when an exception occurs during image loading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/input.json b/api/config/hml/basic/input.json
index 180bea822b..924a549eeb 100644
--- a/api/config/hml/basic/input.json
+++ b/api/config/hml/basic/input.json
@@ -1,1836 +1,1383 @@
-{
-  "name": "input",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "button"
-        },
-        {
-          "name": "checkbox"
-        },
-        {
-          "name": "radio"
-        },
-        {
-          "name": "text",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "email",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "date",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "time",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "number",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "password",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "checked",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component is checked or not.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "name",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Name of the input component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "placeholder",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Content of the hint text. This attribute is available only when the component type is set to text, email, date, or time.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "maxlength",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum number of characters that can be entered in the input box. If no value is specified, the number of characters is not limited.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "enterkeytype",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed on the Enter button of the soft keyboard. Dynamic modification is not supported. Available values include: default, next, go, done, send, Search. NOTE The soft keyboard is automatically collapsed after you click the Enter button, except when next is displayed for the button.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "default"
-        },
-        {
-          "name": "next"
-        },
-        {
-          "name": "go"
-        },
-        {
-          "name": "done"
-        },
-        {
-          "name": "send"
-        },
-        {
-          "name": "search"
-        }
-      ]
-    },
-    {
-      "name": "headericon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Icon resource path before text input. This icon does not support click events and is unavailable for button, checkbox, and radio types. The supported icon image formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "showcounter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to obtain focus automatically.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to display the system soft keyboard during editing.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "showpasswordicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "selectedstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Initial selection position when you start selecting text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "End selection position when starting text selection.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Event triggered when text selection changes",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "enterkeyclick",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered after a user presses Enter on the soft keyboard. The type of the Enter button is returned.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "input",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "button"
+        },
+        {
+          "name": "checkbox"
+        },
+        {
+          "name": "radio"
+        },
+        {
+          "name": "text",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "email",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "date",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "time",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "number",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "password",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "checked",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is checked or not."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "name",
+      "required": false,
+      "description": [
+        {
+          "name": "Name of the input component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "value",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "placeholder",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Content of the hint text. This attribute is available only when the component type is set to text, email, date, or time.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "maxlength",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum number of characters that can be entered in the input box. If no value is specified, the number of characters is not limited.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "enterkeytype",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed on the Enter button of the soft keyboard. Dynamic modification is not supported. Available values include: default, next, go, done, send, Search. NOTE The soft keyboard is automatically collapsed after you click the Enter button, except when next is displayed for the button.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default"
+        },
+        {
+          "name": "next"
+        },
+        {
+          "name": "go"
+        },
+        {
+          "name": "done"
+        },
+        {
+          "name": "send"
+        },
+        {
+          "name": "search"
+        }
+      ]
+    },
+    {
+      "name": "headericon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Icon resource path before text input. This icon does not support click events and is unavailable for button, checkbox, and radio types. The supported icon image formats are JPG, PNG, and SVG.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "showcounter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "autofocus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to obtain focus automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "softkeyboardenabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to display the system soft keyboard during editing.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showpasswordicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "selectedstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Initial selection position when you start selecting text.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "selectedend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End selection position when starting text selection.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "menuoptions",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the content entered in the text box changes. The latest textsmost recent text entered by the user is returned."
+        }
+      ]
+    },
+    {
+      "name": "selectchange",
+      "description": [
+        {
+          "name": "Event triggered when text selection changes"
+        }
+      ]
+    },
+    {
+      "name": "enterkeyclick",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered after a user presses Enter on the soft keyboard. The type of the Enter button is returned.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "translate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "share",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "search",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "optionselect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/label.json b/api/config/hml/basic/label.json
index fc55275a1c..06598a496f 100644
--- a/api/config/hml/basic/label.json
+++ b/api/config/hml/basic/label.json
@@ -6,48 +6,38 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  
   "description": [
     {
-      "name": "The <label> component defines labels for the <input>, <button>, and <textarea> components. When a label is clicked, the click effect of the component associated with the label will be triggered.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <label> component defines labels for the <input>, <button>, and <textarea> components. When a label is clicked, the click effect of the component associated with the label will be triggered."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Attribute ID of the target component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute ID of the target component."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -57,28 +47,14 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -88,28 +64,14 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -119,28 +81,14 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -150,26 +98,14 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -178,13 +114,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +129,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -213,13 +138,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +153,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -248,25 +162,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -275,13 +178,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +196,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -313,25 +205,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -340,13 +221,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +239,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -378,25 +248,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -405,13 +264,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +288,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -449,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +312,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -484,25 +321,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -511,25 +337,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -538,27 +353,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -568,28 +370,14 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -599,28 +387,14 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -630,14 +404,7 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "enum",
@@ -652,12 +419,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +428,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,14 +446,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -717,14 +466,7 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -736,14 +478,7 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -753,14 +488,7 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/line.json b/api/config/hml/basic/line.json
index 2c59a18ac3..13047d8c9a 100644
--- a/api/config/hml/basic/line.json
+++ b/api/config/hml/basic/line.json
@@ -5,265 +5,221 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "x1",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y1",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "x2",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y2",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -273,19 +229,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/marquee.json b/api/config/hml/basic/marquee.json
index c8169cc827..d93fc8ea41 100644
--- a/api/config/hml/basic/marquee.json
+++ b/api/config/hml/basic/marquee.json
@@ -1,1228 +1,941 @@
-{
-  "name": "marquee",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <marquee> component displays single-line scrolling text.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "scrollamount",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum length of each scroll.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Number of rolling times. If this parameter is not set, the default value -1 is used. When the value is less than or equal to 0, the marquee scrolls continuously.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Direction in which the marquee scrolls, which can be left or right.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "left"
-        },
-        {
-          "name": "right"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "bounce",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee scrolls to the end.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "finish",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee finishes the specified number of scrollings (value of the loop attribute). It can be triggered only when the loop attribute is set to a number greater than 0.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee starts to scroll.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "marquee",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <marquee> component displays single-line scrolling text."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "scrollamount",
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum length of each scroll."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "loop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Number of rolling times. If this parameter is not set, the default value -1 is used. When the value is less than or equal to 0, the marquee scrolls continuously.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Direction in which the marquee scrolls, which can be left or right.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "left"
+        },
+        {
+          "name": "right"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "bounce",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee scrolls to the end.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "finish",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee finishes the specified number of scrollings (value of the loop attribute). It can be triggered only when the loop attribute is set to a number greater than 0.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee starts to scroll.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "description": [
+        {
+          "name": "Triggered when a component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "description": [
+        {
+          "name": "Triggered when a component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "description": [
+        {
+          "name": "Triggered when the pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "description": [
+        {
+          "name": "Triggered when the pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "description": [
+        {
+          "name": "Triggered when the pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "description": [
+        {
+          "name": "Triggered when a user quickly slides on a component."
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The event will be called when the render node is attached on the tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The event will be called when the render node is detached on the tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/menu.json b/api/config/hml/basic/menu.json
index c70af86028..7861be685e 100644
--- a/api/config/hml/basic/menu.json
+++ b/api/config/hml/basic/menu.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Target element selector. After the target element selector is used, a menu is automatically displayed when you click the target element. The pop-up menu is preferentially displayed in the lower right corner of the target element. When the visible space on the right is insufficient, the menu is moved leftward. When the visible space in the lower part is insufficient, the menu is moved upward.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Target element selector. After the target element selector is used, a menu is automatically displayed when you click the target element. The pop-up menu is preferentially displayed in the lower right corner of the target element. When the visible space on the right is insufficient, the menu is moved leftward. When the visible space in the lower part is insufficient, the menu is moved upward."
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Mode in which the target element triggers the pop-up window. Available values are as follows: click: Click the element to trigger the pop-up window. longpress: Press and hold the element to trigger the pop-up window.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Mode in which the target element triggers the pop-up window. Available values are as follows: click: Click the element to trigger the pop-up window. longpress: Press and hold the element to trigger the pop-up window."
         }
       ],
       "type": "enum",
@@ -48,37 +44,29 @@
     },
     {
       "name": "title",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Title of the pop-up window.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Title of the pop-up window."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -89,13 +77,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -103,13 +87,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -120,13 +100,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -134,13 +110,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +123,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +133,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +146,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,12 +156,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -210,13 +164,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -231,12 +179,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -245,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -266,12 +202,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -280,25 +210,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +225,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -331,12 +243,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -345,25 +251,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -372,13 +266,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -396,12 +284,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -410,25 +292,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +307,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -467,12 +331,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -481,13 +339,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -502,12 +354,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -516,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,25 +377,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -570,26 +392,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -600,13 +412,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -614,13 +422,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -631,13 +435,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -645,13 +445,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +458,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -684,12 +476,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -698,13 +484,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -722,13 +502,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -749,13 +525,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -768,13 +540,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -785,13 +553,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -809,21 +573,17 @@
   "events": [
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a value in a menu is selected. The returned value is the value attribute of the <option> component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a value in a menu is selected. The returned value is the value attribute of the <option> component."
         }
       ]
     },
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when an operation is canceled by the user.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when an operation is canceled by the user."
         }
       ]
     }
@@ -832,14 +592,12 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "option",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/option.json b/api/config/hml/basic/option.json
index 9825bb5dc7..e498b3702b 100644
--- a/api/config/hml/basic/option.json
+++ b/api/config/hml/basic/option.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "When used as a child component of <select>, the <option> component is used to display items in the drop-down list. When used as a child component of <menu>, the <option> component is used to display items in the displayed menu. When used as a child component of <navigation-menu>, the <option> component is used to display the menu item in the title bar.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "When used as a child component of <select>, the <option> component is used to display items in the drop-down list. When used as a child component of <menu>, the <option> component is used to display items in the displayed menu. When used as a child component of <navigation-menu>, the <option> component is used to display the menu item in the title bar."
     }
   ],
   "attributes": [
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a value is the default value in the drop-down list. This attribute is available only when the parent component is <select>.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a value is the default value in the drop-down list. This attribute is available only when the parent component is <select>."
         }
       ],
       "type": "enum",
@@ -36,31 +34,26 @@
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Value of the selection item, which is used as the returned value of the selected event of the <select>, <navigation-bar>, or <menu> parent component. NOTE The value of UI in the option must be placed in the label, for example, <option value='10'>October</option>.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value of the selection item, which is used as the returned value of the selected event of the <select>, <navigation-bar>, or <menu> parent component. NOTE The value of UI in the option must be placed in the label, for example, <option value='10'>October</option>."
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "action",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -69,8 +62,7 @@
       "required": false,
       "description": [
         {
-          "name": "Action of the option in the navigation bar. This attribute is available only when the parent component is <navigation-menu>. Available values include: popup: This option is hidden in More in the navigation bar. When a user clicks More, a pop-up window is displayed. show: This option is displayed on the navigation bar. When the icon is set, only the icon is displayed. When the number of options on the screen exceeds the maximum number (3, including the More icon) allowed by the navigation bar, the rest options are displayed in the pop-up window. When the number of options on the smart TV screen exceeds the maximum number (4) allowed by the navigation bar, the rest options will be discarded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Action of the option in the navigation bar. This attribute is available only when the parent component is <navigation-menu>. Available values include: popup: This option is hidden in More in the navigation bar. When a user clicks More, a pop-up window is displayed. show: This option is displayed on the navigation bar. When the icon is set, only the icon is displayed. When the number of options on the screen exceeds the maximum number (3, including the More icon) allowed by the navigation bar, the rest options are displayed in the pop-up window. When the number of options on the smart TV screen exceeds the maximum number (4) allowed by the navigation bar, the rest options will be discarded."
         }
       ],
       "type": "enum",
@@ -85,25 +77,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -114,13 +100,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -128,13 +110,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -145,13 +123,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -159,13 +133,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -176,13 +146,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -190,13 +156,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -207,13 +169,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -221,12 +179,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -235,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -256,12 +202,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -270,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -291,12 +225,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -305,25 +233,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -332,13 +248,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -356,12 +266,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -370,25 +274,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -397,13 +289,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -421,12 +307,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -435,25 +315,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,13 +330,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -492,12 +354,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -506,13 +362,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -527,12 +377,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -541,25 +385,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -568,25 +400,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -595,26 +415,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -625,13 +435,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -639,13 +445,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -656,13 +458,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -670,13 +468,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -687,13 +481,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -709,12 +499,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -723,13 +507,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -747,13 +525,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -774,13 +548,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -793,13 +563,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -810,13 +576,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -836,4 +598,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/path.json b/api/config/hml/basic/path.json
index 03fa512cc5..82b422ec1e 100644
--- a/api/config/hml/basic/path.json
+++ b/api/config/hml/basic/path.json
@@ -6,228 +6,204 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "d",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,16 +213,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/picker-view.json b/api/config/hml/basic/picker-view.json
index 1f8f5ec2e2..2ccc2c6006 100644
--- a/api/config/hml/basic/picker-view.json
+++ b/api/config/hml/basic/picker-view.json
@@ -1,1022 +1,847 @@
-{
-  "name": "picker-view",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <picker-view> component provides the view that shows an embedded scrollable selector on the screen.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Type of the scrollable selector. Available values include: text: text selector. time: time selector. date (Rich): date selector. datetime (Rich): date and time selector. multi-text (Rich): multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "text"
-        },
-        {
-          "name": "date",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "time"
-        },
-        {
-          "name": "datetime",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "multi-text",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "range",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Value range of the text selector. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Default value of the text selector. The value is the index of range.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "indicatorprefix",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Prefix field added when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "indicatorsuffix",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Suffix field added when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "containsecond",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether seconds are contained.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "hours",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Time format used by the time selector. Available values include: 12: displayed in 12-hour format and distinguished by a.m. and p.m. 24: displayed in 24-hour format.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "12"
-        },
-        {
-          "name": "24"
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Start date of the date selector, in the format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "End date of the date selector, in the format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "lunar",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the pop-up window displays the lunar calendar.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "vibrate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "lunarswitch",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "columns",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": true,
-      "description": [
-        {
-          "name": "Number of columns in the multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "columnchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the value of a column in the multi-column selector changes. column indicates the column whose value has changed, newValue indicates the selected value, and newSelected indicates the index of the selected value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "picker-view",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <picker-view> component provides the view that shows an embedded scrollable selector on the screen."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "required": false,
+      "description": [
+        {
+          "name": "Type of the scrollable selector. Available values include: text: text selector. time: time selector. date (Rich): date selector. datetime (Rich): date and time selector. multi-text (Rich): multi-column text selector."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "text"
+        },
+        {
+          "name": "date",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "time"
+        },
+        {
+          "name": "datetime",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "multi-text",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "range",
+      "required": false,
+      "description": [
+        {
+          "name": "Value range of the text selector. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "selected",
+      "required": false,
+      "description": [
+        {
+          "name": "Default value of the text selector. The value is the index of range."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "indicatorprefix",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Prefix field added when a value is specified for the text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "indicatorsuffix",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Suffix field added when a value is specified for the text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "containsecond",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether seconds are contained.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "hours",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Time format used by the time selector. Available values include: 12: displayed in 12-hour format and distinguished by a.m. and p.m. 24: displayed in 24-hour format.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "12"
+        },
+        {
+          "name": "24"
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Start date of the date selector, in the format of YYYY-MM-DD.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End date of the date selector, in the format of YYYY-MM-DD.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "lunar",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the pop-up window displays the lunar calendar.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "vibrate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "lunarswitch",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "columns",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": true,
+      "description": [
+        {
+          "name": "Number of columns in the multi-column text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when a value is specified for the text selector."
+        }
+      ]
+    },
+    {
+      "name": "columnchange",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the value of a column in the multi-column selector changes. column indicates the column whose value has changed, newValue indicates the selected value, and newSelected indicates the index of the selected value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/picker.json b/api/config/hml/basic/picker.json
index 102968128a..f73ae1beae 100644
--- a/api/config/hml/basic/picker.json
+++ b/api/config/hml/basic/picker.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <picker> component supports common, date, time, data and time, and multi-column text selectors.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <picker> component supports common, date, time, data and time, and multi-column text selectors."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic modification is not supported. Available values include: text: text selector. date: date selector. time: time selector. datetime: date and time selector. multi-text: multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Dynamic modification is not supported. Available values include: text: text selector. date: date selector. time: time selector. datetime: date and time selector. multi-text: multi-column text selector."
         }
       ],
       "type": "enum",
@@ -45,67 +43,56 @@
     },
     {
       "name": "range",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Value range of the common selector, for example, ['15', '20', '25']. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript file.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value range of the common selector, for example, ['15', '20', '25']. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript file."
         }
       ],
       "type": "string"
     },
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Default value of the common selector. The value should be the index of range.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Default value of the common selector. The value should be the index of range."
         }
       ],
       "type": "string"
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Value of the common selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value of the common selector."
         }
       ],
       "type": "string"
     },
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Start date, in format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Start date, in format of YYYY-MM-DD."
         }
       ],
       "type": "string"
     },
     {
       "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "End date, in format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "End date, in format of YYYY-MM-DD."
         }
       ],
       "type": "string"
     },
     {
       "name": "lunar",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -114,8 +101,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the pop-up window displays the lunar calendar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the pop-up window displays the lunar calendar."
         }
       ],
       "type": "enum",
@@ -130,7 +116,6 @@
     },
     {
       "name": "vibrate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v7.0"
@@ -139,8 +124,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled."
         }
       ],
       "type": "enum",
@@ -155,12 +139,10 @@
     },
     {
       "name": "lunarswitch",
-      "supportedDevices": ["phone","tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
-          "supportedDevices": ["phone","tablet"]
+          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones."
         }
       ],
       "type": "enum",
@@ -175,12 +157,10 @@
     },
     {
       "name": "containsecond",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether seconds are contained.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether seconds are contained."
         }
       ],
       "type": "enum",
@@ -195,7 +175,6 @@
     },
     {
       "name": "hours",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -204,8 +183,7 @@
       "required": false,
       "description": [
         {
-          "name": "Time format used by the date and time selector. Available values include: 12: displayed in 12-hour format and distinguished by morninga.m. and afternoonp.m. 24: displayed in 24-hour format.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Time format used by the date and time selector. Available values include: 12: displayed in 12-hour format and distinguished by morninga.m. and afternoonp.m. 24: displayed in 24-hour format."
         }
       ],
       "type": "enum",
@@ -220,37 +198,29 @@
     },
     {
       "name": "columns",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Number of columns in the multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Number of columns in the multi-column text selector."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -261,13 +231,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -275,13 +241,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -292,13 +254,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -306,13 +264,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -323,13 +277,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -337,13 +287,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -354,13 +300,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -368,12 +310,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -382,13 +318,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -403,12 +333,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +341,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -438,12 +356,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -452,25 +364,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -479,13 +379,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -503,12 +397,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -517,25 +405,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -544,13 +420,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -568,12 +438,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -582,25 +446,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -609,13 +461,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -639,12 +485,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -653,13 +493,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -674,12 +508,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -688,25 +516,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -715,25 +531,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -742,26 +546,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -772,13 +566,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -786,13 +576,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -803,13 +589,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -817,13 +599,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -834,13 +612,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -856,12 +630,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -870,13 +638,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -894,13 +656,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -921,13 +679,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -940,13 +694,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -957,13 +707,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -981,42 +727,30 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the cancel button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the cancel button is clicked."
         }
       ]
     },
     {
       "name": "columnchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the value of a column in the multi-column text selector changes. column indicates the column whose value has changed. newValue indicates the selected value. newSelected indicates the index of the selected value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the value of a column in the multi-column text selector changes. column indicates the column whose value has changed. newValue indicates the selected value. newSelected indicates the index of the selected value."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1024,24 +758,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1049,24 +771,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1074,24 +784,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1099,25 +797,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +815,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +836,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +857,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +878,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +899,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +920,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +941,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,26 +962,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1359,26 +983,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1388,26 +1004,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1417,26 +1025,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1446,26 +1046,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1475,26 +1067,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1504,25 +1088,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1530,24 +1104,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1555,24 +1117,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1580,25 +1130,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1608,25 +1148,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1634,24 +1164,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1659,24 +1177,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1684,13 +1190,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1699,4 +1199,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/piece.json b/api/config/hml/basic/piece.json
index 2731c2f627..a96c54912b 100644
--- a/api/config/hml/basic/piece.json
+++ b/api/config/hml/basic/piece.json
@@ -5,35 +5,31 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients."
     }
   ],
   "attributes": [
     {
       "name": "content",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Action block text content.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Action block text content."
         }
       ],
       "type": "string"
     },
     {
       "name": "closable",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon."
         }
       ],
       "type": "enum",
@@ -48,37 +44,29 @@
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -89,13 +77,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -103,13 +87,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -120,13 +100,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -134,13 +110,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +123,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +133,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +146,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,12 +156,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -210,13 +164,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -231,12 +179,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -245,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -266,12 +202,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -280,25 +210,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +225,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -331,12 +243,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -345,25 +251,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -372,13 +266,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -396,12 +284,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -410,25 +292,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +307,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -467,12 +331,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -481,13 +339,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -502,12 +354,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -516,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,25 +377,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -570,26 +392,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -600,13 +412,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -614,13 +422,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -631,13 +435,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -645,13 +445,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +458,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -684,12 +476,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -698,13 +484,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -722,13 +502,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -749,13 +525,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -768,13 +540,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -785,13 +553,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -809,22 +573,14 @@
   "events": [
     {
       "name": "close",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -832,24 +588,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -857,24 +601,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -882,24 +614,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -907,25 +627,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -935,26 +645,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -964,26 +666,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -993,26 +687,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1022,26 +708,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1051,26 +729,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1080,26 +750,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1109,26 +771,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1138,26 +792,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1167,26 +813,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1196,26 +834,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1225,26 +855,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1254,26 +876,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1283,26 +897,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1312,25 +918,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1338,24 +934,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1363,24 +947,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1388,25 +960,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1416,25 +978,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1442,24 +994,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1467,24 +1007,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1492,13 +1020,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1507,4 +1029,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/polygon.json b/api/config/hml/basic/polygon.json
index df814724ad..72285ef3e8 100644
--- a/api/config/hml/basic/polygon.json
+++ b/api/config/hml/basic/polygon.json
@@ -5,229 +5,191 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "points",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,19 +199,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/polyline.json b/api/config/hml/basic/polyline.json
index dc48f50e6c..3f4e3d2b4f 100644
--- a/api/config/hml/basic/polyline.json
+++ b/api/config/hml/basic/polyline.json
@@ -5,229 +5,191 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "points",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,19 +199,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/progress.json b/api/config/hml/basic/progress.json
index 18e86c38d9..5fd951f1db 100644
--- a/api/config/hml/basic/progress.json
+++ b/api/config/hml/basic/progress.json
@@ -1,1541 +1,1036 @@
-{
-  "name": "progress",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "horizontal"
-        },
-        {
-          "name": "circular",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "ring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "scale-ring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "arc"
-        },
-        {
-          "name": "eclipse",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "percent",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Current progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "secondarypercent",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Secondary progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "clockwise",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the ring progress bar uses clockwise.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "progress",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <progress> component is used to provide a progress bar that displays the progress of content loading or operation processing."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "horizontal"
+        },
+        {
+          "name": "circular",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "ring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "scale-ring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "arc"
+        },
+        {
+          "name": "eclipse",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "percent",
+      "required": false,
+      "description": [
+        {
+          "name": "Current progress. The value ranges from 0 to 100."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "secondarypercent",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Secondary progress. The value ranges from 0 to 100.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "clockwise",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the ring progress bar uses clockwise.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/qrcode.json b/api/config/hml/basic/qrcode.json
index 4b8a8252cb..2e6bf0c2a3 100644
--- a/api/config/hml/basic/qrcode.json
+++ b/api/config/hml/basic/qrcode.json
@@ -5,35 +5,32 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
   "description": [
     {
-      "name": "The <qrcode> component is used to generate and display a QR code.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+      "name": "The <qrcode> component is used to generate and display a QR code."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "required": true,
       "description": [
         {
-          "name": "Content used to generate the QR code",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Content used to generate the QR code"
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "required": false,
       "description": [
         {
-          "name": "QR code type Available values are as follows:rect: rectangular QR code.circle: round QR code.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "QR code type Available values are as follows:rect: rectangular QR code.circle: round QR code."
         }
       ],
       "type": "enum",
@@ -48,26 +45,22 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -76,29 +69,13 @@
       ],
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -107,29 +84,13 @@
       ],
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -138,29 +99,13 @@
       ],
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -169,26 +114,15 @@
       ],
       "description": [
         {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -199,11 +133,8 @@
       "description": [
         {
           "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -219,11 +150,8 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -234,11 +162,8 @@
       "description": [
         {
           "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -254,11 +179,8 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -269,11 +191,8 @@
       "description": [
         {
           "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -281,11 +200,8 @@
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -296,11 +212,8 @@
       "description": [
         {
           "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -319,11 +232,8 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -334,11 +244,8 @@
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -346,11 +253,8 @@
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -361,11 +265,8 @@
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -384,11 +285,8 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -399,11 +297,8 @@
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -411,11 +306,8 @@
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -426,11 +318,8 @@
       "description": [
         {
           "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -455,11 +344,8 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -470,11 +356,8 @@
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -490,11 +373,8 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -505,11 +385,8 @@
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -517,11 +394,8 @@
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -532,11 +406,8 @@
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -544,11 +415,8 @@
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -559,11 +427,8 @@
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -571,14 +436,6 @@
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -587,29 +444,13 @@
       ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -618,29 +459,13 @@
       ],
       "description": [
         {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -649,15 +474,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -672,11 +489,8 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -687,11 +501,8 @@
       "description": [
         {
           "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -710,14 +521,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -737,14 +540,6 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -756,14 +551,6 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -772,15 +559,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -797,11 +576,8 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -811,22 +587,16 @@
       "description": [
         {
           "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -836,22 +606,16 @@
       "description": [
         {
           "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -861,22 +625,16 @@
       "description": [
         {
           "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -886,25 +644,14 @@
       "description": [
         {
           "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -912,28 +659,12 @@
       ],
       "description": [
         {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -941,28 +672,12 @@
       ],
       "description": [
         {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -970,28 +685,12 @@
       ],
       "description": [
         {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -999,28 +698,12 @@
       ],
       "description": [
         {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1028,28 +711,12 @@
       ],
       "description": [
         {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1057,28 +724,12 @@
       ],
       "description": [
         {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1086,28 +737,12 @@
       ],
       "description": [
         {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch is interrupted."
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1115,28 +750,12 @@
       ],
       "description": [
         {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The duration of drag."
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1144,28 +763,12 @@
       ],
       "description": [
         {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag starts."
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1173,28 +776,12 @@
       ],
       "description": [
         {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag ends."
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1202,28 +789,12 @@
       ],
       "description": [
         {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag enters."
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1231,28 +802,12 @@
       ],
       "description": [
         {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag overs."
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1260,28 +815,12 @@
       ],
       "description": [
         {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag leaves."
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1289,25 +828,14 @@
       ],
       "description": [
         {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag drops."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1317,22 +845,16 @@
       "description": [
         {
           "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1342,22 +864,16 @@
       "description": [
         {
           "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1367,25 +883,14 @@
       "description": [
         {
           "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v5.0"
@@ -1393,25 +898,14 @@
       ],
       "description": [
         {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A user quickly swipes on a component."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1421,22 +915,16 @@
       "description": [
         {
           "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1446,22 +934,16 @@
       "description": [
         {
           "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1471,11 +953,8 @@
       "description": [
         {
           "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
@@ -1485,4 +964,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/rating.json b/api/config/hml/basic/rating.json
index 5abdec0cab..18811e0347 100644
--- a/api/config/hml/basic/rating.json
+++ b/api/config/hml/basic/rating.json
@@ -5,59 +5,51 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <rating> component provides a rating bar used for reviews and ratings.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <rating> component provides a rating bar used for reviews and ratings."
     }
   ],
   "attributes": [
     {
       "name": "numstars",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of rating stars.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Maximum number of rating stars."
         }
       ],
       "type": "number"
     },
     {
       "name": "rating",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Current rating value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Current rating value."
         }
       ],
       "type": "number"
     },
     {
       "name": "stepsize",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Step to increment the rating value, which is supported for smartphones only.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Step to increment the rating value, which is supported for smartphones only."
         }
       ],
       "type": "number"
     },
     {
       "name": "indicator",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether to make the rating icons as an indicator (not-editable by users).",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether to make the rating icons as an indicator (not-editable by users)."
         }
       ],
       "type": "enum",
@@ -72,25 +64,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -101,13 +87,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -115,13 +97,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -132,13 +110,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -146,13 +120,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -163,13 +133,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -177,13 +143,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -194,13 +156,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -208,12 +166,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -222,13 +174,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -243,12 +189,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -257,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -278,12 +212,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -292,25 +220,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -319,13 +235,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -343,12 +253,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -357,25 +261,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -384,13 +276,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -408,12 +294,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -422,25 +302,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +317,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -479,12 +341,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -493,13 +349,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -514,12 +364,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -528,25 +372,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -555,25 +387,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -582,26 +402,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -612,13 +422,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -626,13 +432,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -643,13 +445,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -657,13 +455,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -674,13 +468,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -696,12 +486,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -710,13 +494,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -734,13 +512,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +535,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -780,13 +550,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -797,13 +563,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -821,63 +583,49 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the rating value changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the rating value changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping starts."
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping ends."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -887,26 +635,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -916,26 +656,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -945,26 +677,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -974,26 +698,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1003,26 +719,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1032,26 +740,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1061,26 +761,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1090,26 +782,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1119,26 +803,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1148,26 +824,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1177,26 +845,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1206,84 +866,66 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user quickly slides on a component."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is attached on the tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is detached on the tree."
         }
       ]
     }
@@ -1292,4 +934,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/rect.json b/api/config/hml/basic/rect.json
index bd7509f258..05c31de4bb 100644
--- a/api/config/hml/basic/rect.json
+++ b/api/config/hml/basic/rect.json
@@ -6,288 +6,238 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "height",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "rx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "ry",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -297,16 +247,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/richtext.json b/api/config/hml/basic/richtext.json
index a264015261..f2b085e140 100644
--- a/api/config/hml/basic/richtext.json
+++ b/api/config/hml/basic/richtext.json
@@ -5,47 +5,65 @@
       "name": "v6.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <richtext> component is used to render and display html rich text content.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <richtext> component is used to render and display html rich text content."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -54,32 +72,22 @@
   "events": [
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an image is successfully loaded."
         }
       ]
     },
     {
       "name": "complete",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an image is successfully loaded."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -87,24 +95,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -112,24 +108,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -137,24 +121,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -162,25 +134,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -190,26 +152,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -219,26 +173,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -248,26 +194,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -277,26 +215,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -306,26 +236,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -335,26 +257,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -364,26 +278,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -393,26 +299,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -422,26 +320,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -451,26 +341,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -480,26 +362,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -509,26 +383,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -538,26 +404,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -567,25 +425,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -593,24 +441,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -618,24 +454,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -643,25 +467,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -671,25 +485,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -697,24 +501,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -722,24 +514,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -747,13 +527,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -762,4 +536,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/search.json b/api/config/hml/basic/search.json
index 38c4061ea5..e5ce238ae9 100644
--- a/api/config/hml/basic/search.json
+++ b/api/config/hml/basic/search.json
@@ -5,54 +5,47 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <search> component provides an input area for users to search.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <search> component provides an input area for users to search."
     }
   ],
   "attributes": [
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Search icon. By default, the system search icon is used. The supported icon format is SVG, JPG, and PNG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Search icon. By default, the system search icon is used. The supported icon format is SVG, JPG, and PNG."
         }
       ],
       "type": "string"
     },
     {
       "name": "hint",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Hint text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Hint text."
         }
       ],
       "type": "string"
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Text in the search box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Text in the search box."
         }
       ],
       "type": "string"
     },
     {
       "name": "searchbutton",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -61,15 +54,13 @@
       "required": false,
       "description": [
         {
-          "name": "Search button text value at the end of the search box",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Search button text value at the end of the search box"
         }
       ],
       "type": "string"
     },
     {
       "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -78,33 +69,26 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -115,13 +99,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -129,13 +109,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -146,13 +122,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -160,13 +132,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -177,13 +145,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -191,13 +155,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -208,13 +168,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -222,12 +178,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,13 +186,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -257,12 +201,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -271,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -292,12 +224,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -306,25 +232,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,13 +247,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -357,12 +265,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -371,25 +273,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,13 +288,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -422,12 +306,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -436,25 +314,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -463,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -493,12 +353,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -507,13 +361,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -528,12 +376,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -542,25 +384,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -569,25 +399,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -596,26 +414,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -626,13 +434,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,13 +444,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -657,13 +457,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -671,13 +467,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -688,13 +480,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -710,12 +498,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -724,13 +506,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -748,13 +524,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -775,13 +547,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -794,13 +562,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -811,13 +575,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -835,72 +595,54 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "submit",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user clicks the search icon or presses the search button on the soft keyboard.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user clicks the search icon or presses the search button on the soft keyboard."
         }
       ]
     },
     {
       "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -908,24 +650,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -933,24 +663,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -958,24 +676,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -983,25 +689,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1011,26 +707,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1040,26 +728,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1069,26 +749,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1098,26 +770,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +791,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +812,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +833,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +854,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +875,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +896,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +917,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,26 +938,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1359,26 +959,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1388,25 +980,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1414,24 +996,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1439,24 +1009,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1464,25 +1022,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1492,25 +1040,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1518,24 +1056,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1543,24 +1069,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1568,13 +1082,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1583,4 +1091,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/select.json b/api/config/hml/basic/select.json
index 84c2167112..cddd7792ca 100644
--- a/api/config/hml/basic/select.json
+++ b/api/config/hml/basic/select.json
@@ -5,36 +5,30 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <select> component provides a drop-down list that allows users to select among multiple options.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <select> component provides a drop-down list that allows users to select among multiple options."
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,22 +535,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -788,24 +550,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -813,24 +563,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -838,24 +576,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -863,25 +589,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -891,26 +607,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -920,26 +628,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -949,26 +649,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -978,26 +670,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1007,26 +691,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1036,26 +712,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1065,26 +733,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1094,26 +754,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1123,26 +775,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1152,26 +796,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1181,26 +817,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1210,26 +838,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1239,26 +859,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1268,25 +880,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1294,24 +896,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1319,24 +909,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1344,25 +922,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1372,25 +940,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1398,24 +956,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1423,24 +969,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1448,13 +982,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1463,14 +991,12 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "option",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/slider.json b/api/config/hml/basic/slider.json
index e6f597d76b..8be6ec22ab 100644
--- a/api/config/hml/basic/slider.json
+++ b/api/config/hml/basic/slider.json
@@ -1,1655 +1,1156 @@
-{
-  "name": "slider",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <slider> component is used to quickly adjust the settings, such as the volume and brightness.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "min",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Minimum value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "max",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Initial value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "step",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Step of each slide. This attribute is supported only for smart TVs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "type",
-      "supportedDevices": ["wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
-          "supportedDevices": ["wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "continuous"
-        },
-        {
-          "name": "intermittent"
-        }
-      ]
-    },
-    {
-      "name": "minicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "URI of the image at the minimum end of the slider. This attribute is available only for smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "maxicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "URI of the image at the maximum end of the slider. This attribute is available only for smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "mode",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "outset"
-        },
-        {
-          "name": "inset"
-        }
-      ]
-    },
-    {
-      "name": "showsteps",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display slider scales.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "showtips",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the progress value changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "slider",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <slider> component is used to quickly adjust the settings, such as the volume and brightness."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "direction",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "min",
+      "required": false,
+      "description": [
+        {
+          "name": "Minimum value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "max",
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "value",
+      "required": false,
+      "description": [
+        {
+          "name": "Initial value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "step",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Step of each slide. This attribute is supported only for smart TVs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "continuous"
+        },
+        {
+          "name": "intermittent"
+        }
+      ]
+    },
+    {
+      "name": "minicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "URI of the image at the minimum end of the slider. This attribute is available only for smart watches.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "maxicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "URI of the image at the maximum end of the slider. This attribute is available only for smart watches.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "mode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "outset"
+        },
+        {
+          "name": "inset"
+        }
+      ]
+    },
+    {
+      "name": "showsteps",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display slider scales.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showtips",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the progress value changes."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/slot.json b/api/config/hml/basic/slot.json
index e549b64e78..e9c0904bcb 100644
--- a/api/config/hml/basic/slot.json
+++ b/api/config/hml/basic/slot.json
@@ -6,27 +6,19 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": [
-    "phone",
-    "tablet",
-    "tv",
-    "wearable"
-  ],
+  
   "description": [
     {
-      "name": "slot component allow developer to distribute the content of custom component",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "slot component allow developer to distribute the content of custom component"
     }
   ],
   "attributes": [
     {
       "name": "name",
-      "supportedDevices": [],
       "required": false,
       "description": [
         {
-          "name": "Specify insert name",
-          "supportedDevices": []
+          "name": "Specify insert name"
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/span.json b/api/config/hml/basic/span.json
index afc2e8a5d9..172f5c2658 100644
--- a/api/config/hml/basic/span.json
+++ b/api/config/hml/basic/span.json
@@ -1,1113 +1,855 @@
-{
-  "name": "span",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-  "description": [
-    {
-      "name": "The <span> child component of <text> is used as a text modifier.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "span",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
+  "description": [
+    {
+      "name": "The <span> child component of <text> is used as a text modifier."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "drag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "description": [
+        {
+          "name": "Triggered when the tapping starts."
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "description": [
+        {
+          "name": "Triggered when the tapping moves."
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "description": [
+        {
+          "name": "Triggered when the tapping is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "description": [
+        {
+          "name": "Triggered when the tapping ends."
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is long pressed.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "description": [
+        {
+          "name": "The event will be called when the render node is attached on the tree."
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "description": [
+        {
+          "name": "The event will be called when the render node is detached on the tree."
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "span"
+    },
+    {
+      "name": "block"
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/switch.json b/api/config/hml/basic/switch.json
index eb412c7ee4..dd9c3771f1 100644
--- a/api/config/hml/basic/switch.json
+++ b/api/config/hml/basic/switch.json
@@ -1,1530 +1,1021 @@
-{
-  "name": "switch",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <switch> component is used to enable or disable a function.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "checked",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component is checked or not.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "showtext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component displays text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "texton",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed when the component is checked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "textoff",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed when the component is not checked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the progress value changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "switch",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <switch> component is used to enable or disable a function."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "checked",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is checked or not."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "showtext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component displays text.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "texton",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed when the component is checked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "textoff",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed when the component is not checked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the progress value changes."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/text.json b/api/config/hml/basic/text.json
index 2cd97a8aad..2d225cae59 100644
--- a/api/config/hml/basic/text.json
+++ b/api/config/hml/basic/text.json
@@ -1,1213 +1,879 @@
-{
-  "name": "text",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <text> component is used to display a piece of textual information.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "color"
-    },
-    {
-      "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "dy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set text Y axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "dx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set text x axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "color"
-    },
-    {
-      "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "tspan",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "textpath",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "text",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+  
+  "description": [
+    {
+      "name": "The <text> component is used to display a piece of textual information."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text Y axis offset.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text x axis offset.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "id",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Attribute set for components to facilitate data storage and reading.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "voicelabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      
+      "required": false,
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      
+      "required": false,
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "detached",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "span",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "animateTransform",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "tspan",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "textpath",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "animate",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "block",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/textarea.json b/api/config/hml/basic/textarea.json
index bf20f5358d..d987e5e8d1 100644
--- a/api/config/hml/basic/textarea.json
+++ b/api/config/hml/basic/textarea.json
@@ -5,59 +5,51 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <textarea> component provides a text box to receive multi-line text input.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <textarea> component provides a text box to receive multi-line text input."
     }
   ],
   "attributes": [
     {
       "name": "placeholder",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Content of the hint text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Content of the hint text."
         }
       ],
       "type": "string"
     },
     {
       "name": "maxlength",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of characters that can be entered in the multi-line text box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Maximum number of characters that can be entered in the multi-line text box."
         }
       ],
       "type": "number"
     },
     {
       "name": "headericon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Icon displayed before text input. This icon does not support click events. The supported icon formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Icon displayed before text input. This icon does not support click events. The supported icon formats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "extend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a text box can be extended. If the value of this attribute is set to true, the height of the text box can adapt to the text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a text box can be extended. If the value of this attribute is set to true, the height of the text box can adapt to the text."
         }
       ],
       "type": "enum",
@@ -72,7 +64,6 @@
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -81,15 +72,13 @@
       "required": false,
       "description": [
         {
-          "name": "Contents of a multiline text box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Contents of a multiline text box."
         }
       ],
       "type": "string"
     },
     {
       "name": "showcounter",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -98,8 +87,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength."
         }
       ],
       "type": "enum",
@@ -114,7 +102,6 @@
     },
     {
       "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -123,15 +110,13 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box."
         }
       ],
       "type": "string"
     },
     {
       "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -140,8 +125,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to obtain focus automatically.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether to obtain focus automatically."
         }
       ],
       "type": "enum",
@@ -156,7 +140,6 @@
     },
     {
       "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -165,8 +148,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to display the system soft keyboard during editing.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether to display the system soft keyboard during editing."
         }
       ],
       "type": "enum",
@@ -181,7 +163,6 @@
     },
     {
       "name": "selectedstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -190,15 +171,13 @@
       "required": false,
       "description": [
         {
-          "name": "Initial selection position when you start selecting text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Initial selection position when you start selecting text."
         }
       ],
       "type": "number"
     },
     {
       "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -207,33 +186,26 @@
       "required": false,
       "description": [
         {
-          "name": "End selection position when starting text selection.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "End selection position when starting text selection."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -244,13 +216,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -258,13 +226,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -275,13 +239,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -289,13 +249,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -306,13 +262,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -320,13 +272,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -337,13 +285,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -351,12 +295,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -365,13 +303,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -386,12 +318,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -400,13 +326,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -421,12 +341,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -435,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,13 +364,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -486,12 +382,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -500,25 +390,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -527,13 +405,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -551,12 +423,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -565,25 +431,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -592,13 +446,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -622,12 +470,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -636,13 +478,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -657,12 +493,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -671,25 +501,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -698,25 +516,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -725,26 +531,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -755,13 +551,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -769,13 +561,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -786,13 +574,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -800,13 +584,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -817,13 +597,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -839,12 +615,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -853,13 +623,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -877,13 +641,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -904,13 +664,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -923,13 +679,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -940,13 +692,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -964,17 +712,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -982,14 +727,12 @@
       ],
       "description": [
         {
-          "name": "Event triggered when text selection changes",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event triggered when text selection changes"
         }
       ]
     },
     {
       "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -997,14 +740,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1012,14 +753,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1027,14 +766,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1042,19 +779,12 @@
       ],
       "description": [
         {
-          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1062,24 +792,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1087,24 +805,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1112,24 +818,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1137,25 +831,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1165,26 +849,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1194,26 +870,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1223,26 +891,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1252,26 +912,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1281,26 +933,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1310,26 +954,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1339,26 +975,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1368,26 +996,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1397,26 +1017,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1426,26 +1038,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1455,26 +1059,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1484,26 +1080,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1513,26 +1101,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1542,25 +1122,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1568,24 +1138,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1593,24 +1151,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1618,25 +1164,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1646,25 +1182,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1672,24 +1198,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1697,24 +1211,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1722,13 +1224,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1737,4 +1233,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/textpath.json b/api/config/hml/basic/textpath.json
index 9d529cc46e..968cb03203 100644
--- a/api/config/hml/basic/textpath.json
+++ b/api/config/hml/basic/textpath.json
@@ -6,130 +6,118 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
   "description": [
     {
-      "name": "Draw text along a path.",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": "Draw text along a path."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "path",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the shape of the path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the shape of the path."
         }
       ],
       "type": "string"
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the size of the text."
         }
       ],
       "type": "length"
     },
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill color."
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Draws the font border and specifies the color."
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border width."
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border transparency."
         }
       ],
       "type": "number"
     },
     {
       "name": "startOffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the starting offset of the text along the path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the starting offset of the text along the path."
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill transparency."
         }
       ],
       "type": "number"
diff --git a/api/config/hml/basic/toggle.json b/api/config/hml/basic/toggle.json
index 1b04477f60..6e718d66d6 100644
--- a/api/config/hml/basic/toggle.json
+++ b/api/config/hml/basic/toggle.json
@@ -5,35 +5,31 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Text value of the toggle component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Text value of the toggle component."
         }
       ],
       "type": "string"
     },
     {
       "name": "checked",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the toggle component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the toggle component is selected."
         }
       ],
       "type": "enum",
@@ -48,25 +44,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -77,13 +67,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -91,13 +77,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -108,13 +90,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -122,13 +100,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -139,13 +113,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -153,13 +123,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +136,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,12 +146,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -198,13 +154,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -219,12 +169,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -233,13 +177,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -254,12 +192,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,25 +200,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -295,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -319,12 +233,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,25 +241,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -360,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -384,12 +274,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,25 +282,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -425,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -455,12 +321,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -469,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -490,12 +344,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -504,25 +352,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -531,25 +367,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -558,26 +382,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -588,13 +402,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -602,13 +412,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -619,13 +425,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -633,13 +435,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -650,13 +448,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,12 +466,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -686,13 +474,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -710,13 +492,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -737,13 +515,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -756,13 +530,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -773,13 +543,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -797,22 +563,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the component selection status changes.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggered when the component selection status changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +578,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +591,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +604,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +617,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +635,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +656,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +677,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +698,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +719,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +740,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +761,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +782,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +803,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +824,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +845,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +866,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +887,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +908,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +924,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +937,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +950,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +968,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +984,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +997,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1010,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,4 +1019,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/toolbar-item.json b/api/config/hml/basic/toolbar-item.json
index b47c924afe..e1bf4c0030 100644
--- a/api/config/hml/basic/toolbar-item.json
+++ b/api/config/hml/basic/toolbar-item.json
@@ -5,60 +5,50 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Text content of the operation item",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Text content of the operation item"
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -69,13 +59,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -83,13 +69,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -100,13 +82,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -114,13 +92,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -131,13 +105,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -145,13 +115,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -162,13 +128,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -176,12 +138,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -190,13 +146,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -211,12 +161,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -225,13 +169,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -246,12 +184,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -260,25 +192,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -287,13 +207,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -311,12 +225,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -325,25 +233,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -352,13 +248,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -376,12 +266,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -390,25 +274,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +289,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -447,12 +313,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -461,13 +321,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -482,12 +336,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -496,25 +344,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -523,25 +359,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -550,26 +374,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -580,13 +394,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -594,13 +404,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -611,13 +417,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -625,13 +427,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -642,13 +440,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -664,12 +458,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -678,13 +466,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -702,13 +484,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -729,13 +507,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -748,13 +522,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -765,13 +535,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -789,12 +555,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -802,24 +562,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -827,24 +575,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -852,24 +588,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -877,25 +601,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -905,26 +619,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -934,26 +640,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -963,26 +661,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -992,26 +682,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1021,26 +703,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1050,26 +724,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1079,26 +745,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1108,26 +766,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1137,26 +787,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1166,26 +808,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1195,26 +829,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1224,26 +850,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1253,26 +871,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1282,25 +892,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1308,24 +908,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1333,24 +921,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1358,25 +934,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1386,25 +952,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1412,24 +968,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1437,24 +981,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1462,13 +994,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1477,4 +1003,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/toolbar.json b/api/config/hml/basic/toolbar.json
index 6190a6c5fc..3532588a82 100644
--- a/api/config/hml/basic/toolbar.json
+++ b/api/config/hml/basic/toolbar.json
@@ -6,94 +6,85 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": [],
+
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "data-*",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for components to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "enum",
@@ -111,24 +102,21 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -152,12 +140,11 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "enum",
@@ -172,48 +159,44 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      
       "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": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can 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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -228,7 +211,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [],
       "type": "enum",
@@ -243,43 +226,40 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -294,12 +274,11 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
@@ -309,8 +288,7 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "toolbar-item",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "toolbar-item"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/tspan.json b/api/config/hml/basic/tspan.json
index e644160ad8..96398545b2 100644
--- a/api/config/hml/basic/tspan.json
+++ b/api/config/hml/basic/tspan.json
@@ -5,167 +5,141 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise"
         }
       ],
       "type": "number"
     },
     {
       "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the size of the text."
         }
       ],
       "type": "length"
     },
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill color."
         }
       ],
       "type": "color"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the x-coordinate of the upper left corner of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the x-coordinate of the upper left corner of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath."
         }
       ],
       "type": "string"
     },
     {
       "name": "dy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the text Y-axis offset Invalid as a child of TextPath.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the text Y-axis offset Invalid as a child of TextPath."
         }
       ],
       "type": "string"
     },
     {
       "name": "dx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the text X-axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the text X-axis offset."
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Draws the font border and specifies the color."
         }
       ],
       "type": "color"
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border width."
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border transparency."
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill transparency."
         }
       ],
       "type": "number"
@@ -176,4 +150,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/web.json b/api/config/hml/basic/web.json
index c01e34e491..78eff894ec 100644
--- a/api/config/hml/basic/web.json
+++ b/api/config/hml/basic/web.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
   "description": [
     {
-      "name": "Component that displays web page content.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "Component that displays web page content."
     }
   ],
   "attributes": [
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
@@ -42,37 +36,30 @@
   "events": [
     {
       "name": "pagestart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a web page is loaded",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a web page is loaded"
         }
       ]
     },
     {
       "name": "pagefinish",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when web page loading ends",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when web page loading ends"
         }
       ]
     },
     {
       "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page"
         }
       ]
     },
     {
       "name": "message",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v7.0"
@@ -80,8 +67,7 @@
       ],
       "description": [
         {
-          "name": "Triggered when a message sent from a web page is received.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a message sent from a web page is received."
         }
       ]
     }
diff --git a/api/config/hml/basic/xcomponent.json b/api/config/hml/basic/xcomponent.json
index 4b0ff89e87..b8c616bf64 100644
--- a/api/config/hml/basic/xcomponent.json
+++ b/api/config/hml/basic/xcomponent.json
@@ -5,47 +5,41 @@
       "name": "v8.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "Used to specify the xcomponent surface type.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to specify the xcomponent surface type."
         }
       ],
       "type": "enum",
@@ -57,12 +51,10 @@
     },
     {
       "name": "libraryname",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used to specify the library file name of napi so.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to specify the library file name of napi so."
         }
       ],
       "type": "string"
@@ -71,32 +63,22 @@
   "events": [
     {
       "name": "load",
-      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
       "description": [
         {
-          "name": "Triggered when plug-in loading is complete.",
-          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+          "name": "Triggered when plug-in loading is complete."
         }
       ]
     },
     {
       "name": "destroy",
-      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
       "description": [
         {
-          "name": "Triggered when plug-in uninstallation is complete.",
-          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+          "name": "Triggered when plug-in uninstallation is complete."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -104,24 +86,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -129,24 +99,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -154,24 +112,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -179,25 +125,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -207,26 +143,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -236,26 +164,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -265,26 +185,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -294,26 +206,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -323,26 +227,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -352,26 +248,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -381,26 +269,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -410,26 +290,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -439,26 +311,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -468,26 +332,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -497,26 +353,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -526,26 +374,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -555,26 +395,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -584,25 +416,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -610,24 +432,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -635,24 +445,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -660,25 +458,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -688,25 +476,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -714,24 +492,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -739,24 +505,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -764,13 +518,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -779,4 +527,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/canvas/canvas.json b/api/config/hml/canvas/canvas.json
index d746d2addb..05d9d48290 100644
--- a/api/config/hml/canvas/canvas.json
+++ b/api/config/hml/canvas/canvas.json
@@ -1,1050 +1,727 @@
-{
-  "name": "canvas",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "<canvas> provides a component for customizing drawings.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "canvas",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "<canvas> provides a component for customizing drawings."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Attribute set for components to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "voicelabel",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/badge.json b/api/config/hml/container/badge.json
index 60ba4a58d3..d2499bbd44 100644
--- a/api/config/hml/container/badge.json
+++ b/api/config/hml/container/badge.json
@@ -5,23 +5,21 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder."
     }
   ],
   "attributes": [
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component."
         }
       ],
       "type": "enum",
@@ -39,24 +37,20 @@
     },
     {
       "name": "count",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot."
         }
       ],
       "type": "number"
     },
     {
       "name": "visible",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set."
         }
       ],
       "type": "enum",
@@ -71,31 +65,26 @@
     },
     {
       "name": "maxcount",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed."
         }
       ],
       "type": "number"
     },
     {
       "name": "config",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Set the configuration attributes related to the new event flag.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Set the configuration attributes related to the new event flag."
         }
       ],
       "type": "string"
     },
     {
       "name": "label",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v6.0"
@@ -104,33 +93,26 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the text value for the new event alert.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the text value for the new event alert."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -141,13 +123,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -155,13 +133,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -172,13 +146,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -186,13 +156,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -203,13 +169,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -217,13 +179,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -234,13 +192,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -248,12 +202,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -262,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -283,12 +225,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -297,13 +233,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -318,12 +248,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -332,25 +256,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -359,13 +271,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -383,12 +289,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -397,25 +297,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -424,13 +312,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -448,12 +330,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,25 +338,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -489,13 +353,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -519,12 +377,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -533,13 +385,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -554,12 +400,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -568,25 +408,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -595,25 +423,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -622,26 +438,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -652,13 +458,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -666,13 +468,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -683,13 +481,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -697,13 +491,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -714,13 +504,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -736,12 +522,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -750,13 +530,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -774,13 +548,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -801,13 +571,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -820,13 +586,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -837,13 +599,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -861,12 +619,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -874,24 +626,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -899,24 +639,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -924,24 +652,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -949,25 +665,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -977,26 +683,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1006,26 +704,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1035,26 +725,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1064,26 +746,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1093,26 +767,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1122,26 +788,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1151,26 +809,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1180,26 +830,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1209,26 +851,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1238,26 +872,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1267,26 +893,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1296,26 +914,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1325,26 +935,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1354,25 +956,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1380,24 +972,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1405,24 +985,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1430,25 +998,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1458,25 +1016,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1484,24 +1032,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1509,24 +1045,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1534,13 +1058,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1549,4 +1067,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/dialog.json b/api/config/hml/container/dialog.json
index 620d8fe6a3..c371eece21 100644
--- a/api/config/hml/container/dialog.json
+++ b/api/config/hml/container/dialog.json
@@ -5,17 +5,17 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <dialog> component is a custom pop-up container.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <dialog> component is a custom pop-up container."
     }
   ],
   "attributes": [
     {
       "name": "dragable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -24,8 +24,7 @@
       "required": false,
       "description": [
         {
-          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon."
         }
       ],
       "type": "enum",
@@ -40,25 +39,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -69,13 +62,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -83,13 +72,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -100,13 +85,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -114,13 +95,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -131,13 +108,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -145,13 +118,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -162,13 +131,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -176,12 +141,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -190,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -211,12 +164,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -225,13 +172,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -246,12 +187,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -260,25 +195,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -287,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -311,12 +228,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -325,25 +236,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -352,13 +251,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -376,12 +269,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -390,25 +277,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +292,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -447,12 +316,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -461,13 +324,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -482,12 +339,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -496,25 +347,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -523,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -550,26 +377,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -580,13 +397,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -594,13 +407,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -611,13 +420,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -625,13 +430,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -642,13 +443,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -664,12 +461,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -678,13 +469,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -702,13 +487,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -729,13 +510,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -748,13 +525,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -765,13 +538,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -789,17 +558,14 @@
   "events": [
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a user taps a non-dialog area to cancel the pop-up.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a user taps a non-dialog area to cancel the pop-up."
         }
       ]
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -807,14 +573,12 @@
       ],
       "description": [
         {
-          "name": "This event is triggered when a pop-up window appears.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This event is triggered when a pop-up window appears."
         }
       ]
     },
     {
       "name": "close",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -822,8 +586,7 @@
       ],
       "description": [
         {
-          "name": "This event is triggered when a pop-up window disappears.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This event is triggered when a pop-up window disappears."
         }
       ]
     }
@@ -832,4 +595,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/div.json b/api/config/hml/container/div.json
index 07529aae0f..fe09934287 100644
--- a/api/config/hml/container/div.json
+++ b/api/config/hml/container/div.json
@@ -1,1516 +1,991 @@
-{
-  "name": "div",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "reachstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachtop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachbottom",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "div",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "reachstart",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used."
+        }
+      ]
+    },
+    {
+      "name": "reachend",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used."
+        }
+      ]
+    },
+    {
+      "name": "reachtop",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used."
+        }
+      ]
+    },
+    {
+      "name": "reachbottom",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/form.json b/api/config/hml/container/form.json
index 941b918738..538a39b788 100644
--- a/api/config/hml/container/form.json
+++ b/api/config/hml/container/form.json
@@ -5,36 +5,30 @@
       "name": "v6.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <form> component is a column container that is used for input message submit and reset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <form> component is a column container that is used for input message submit and reset"
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,32 +535,22 @@
   "events": [
     {
       "name": "submit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the submit input button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the submit input button is clicked."
         }
       ]
     },
     {
       "name": "reset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the reset input button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the reset input button is clicked."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +558,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +571,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +584,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +597,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +615,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +636,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +657,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +678,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +699,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +720,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +741,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +762,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +783,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +804,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +825,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +846,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +867,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +888,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +904,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +917,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +930,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +948,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +964,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +977,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +990,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1473,4 +999,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list-item-group.json b/api/config/hml/container/list-item-group.json
index febcfb721f..a1eb77e32b 100644
--- a/api/config/hml/container/list-item-group.json
+++ b/api/config/hml/container/list-item-group.json
@@ -5,48 +5,40 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<list-item-group> is a child component of <list> and is used to group items in a list. By default, the width of <list-item-group> is equal to that of <list>.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "<list-item-group> is a child component of <list> and is used to group items in a list. By default, the width of <list-item-group> is equal to that of <list>."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Type of the list-item-group. A list supports multiple list-item-group types. The same type of list-item-groups should have the same view layout after being rendered. When the type is fixed, replace the if attribute with the show attribute to ensure that the view layout remains unchanged.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Type of the list-item-group. A list supports multiple list-item-group types. The same type of list-item-groups should have the same view layout after being rendered. When the type is fixed, replace the if attribute with the show attribute to ensure that the view layout remains unchanged."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -57,13 +49,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -71,13 +59,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -88,13 +72,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -102,13 +82,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -119,13 +95,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -133,13 +105,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -150,13 +118,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -164,12 +128,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -178,13 +136,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +151,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -213,13 +159,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +174,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -248,25 +182,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -275,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +215,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -313,25 +223,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +256,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -378,25 +264,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,13 +279,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +303,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +311,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +326,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -484,25 +334,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -511,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -538,26 +364,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -568,13 +384,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -582,13 +394,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -599,13 +407,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -613,13 +417,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -630,13 +430,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -652,12 +448,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +456,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,13 +474,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -717,13 +497,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -736,13 +512,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -753,13 +525,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -777,42 +545,30 @@
   "events": [
     {
       "name": "groupclick",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is clicked. groupid: ID of the group that is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is clicked. groupid: ID of the group that is clicked."
         }
       ]
     },
     {
       "name": "groupcollapse",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is collapsed. groupid: ID of the group collapsed. If the parameter is not carried or groupid is left empty, all groups are collapsed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is collapsed. groupid: ID of the group collapsed. If the parameter is not carried or groupid is left empty, all groups are collapsed."
         }
       ]
     },
     {
       "name": "groupexpand",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is expanded. groupid: ID of the group expanded. If the parameter is not carried or groupid is left empty, all groups are expanded.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is expanded. groupid: ID of the group expanded. If the parameter is not carried or groupid is left empty, all groups are expanded."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +576,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +589,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +602,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +615,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +633,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +654,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +675,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +696,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +717,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +738,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +759,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +780,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +801,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +822,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +843,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +864,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +885,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +906,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +922,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +935,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +948,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +966,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +982,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +995,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1008,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,23 +1017,19 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "list-item",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "list",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "list"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list-item.json b/api/config/hml/container/list-item.json
index 167b21ad06..1a8006fcaf 100644
--- a/api/config/hml/container/list-item.json
+++ b/api/config/hml/container/list-item.json
@@ -1,1589 +1,1114 @@
-{
-  "name": "list-item",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "wearable"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "primary",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "The value true indicates that the item is the primary item in the group, which is the item that appears in a collapsed group. If there is more than one item marked as primary, the first one is the primary item. If there is no item marked as primary, the first item is the primary item.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "section",
-      "supportedDevices": ["phone", "tablet", "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", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "none",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "normal",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "opacity",
-          "supportedDevices": ["wearable"]
-        }
-      ]
-    },
-    {
-      "name": "stickyradius",
-      "supportedDevices": ["wearable"],
-      "required": false,
-      "description": [
-        {
-          "supportedDevices": ["wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "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": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "sticky",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Callback events for a sticky component. value: false: The current item is not in the sticky state. value: true: The current item is in the sticky state. This event is supported only when the item is configured with the sticky attribute.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": [
-    {
-      "name": "list",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    },
-    {
-      "name": "list-item-group",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ]
-}
+{
+  "name": "list-item",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "<list-item> is a child component of <list> and is used to display items in a list.",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ]
+    },
+    {
+      "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>.",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "primary",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The value true indicates that the item is the primary item in the group, which is the item that appears in a collapsed group. If there is more than one item marked as primary, the first one is the primary item. If there is no item marked as primary, the first item is the primary item.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "section",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "sticky",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "none",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "normal",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "opacity",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stickyradius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "clickeffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets whether the current item has the click effect.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "sticky",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Callback events for a sticky component. value: false: The current item is not in the sticky state. value: true: The current item is in the sticky state. This event is supported only when the item is configured with the sticky attribute.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": [
+    {
+      "name": "list"
+    },
+    {
+      "name": "list-item-group",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    },
+    {
+      "name": "block",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list.json b/api/config/hml/container/list.json
index 583381f517..143136c969 100644
--- a/api/config/hml/container/list.json
+++ b/api/config/hml/container/list.json
@@ -1,1932 +1,1537 @@
-{
-  "name": "list",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "scrollpage",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to scroll the non-list part on the top of the list page out of the visible area with the list. The value can be true (scrolls the non-list part out) or false (does not scroll the non-list part out). This attribute is not available when the direction is row.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "cachedcount",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "scrollbar",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "off",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "auto",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "on",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolleffect",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "fade",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "no",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "indexer",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the alphabetical index scroll bar at a side of the list. This parameter is used together with the section attribute of item, and is valid only when flex-direction is set to column.Example values:'indexer' : 'true' indicates the default alphabetical index.'indexer' : 'false' indicates no index.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexercircle",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexermulti",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexerbubble",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "divider",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "shapemode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "default",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "rect",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "itemscale",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to cancel the zoom-in and zoom-out effects of the focus. (This attribute applies only to smart watches and smart TVs.).",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "itemcenter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether there is always an item at the center of the cross axis of the view for the initialization page and a page after scrolling. (This attribute applies only to smart watches.).",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "updateeffect",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "chainanimation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "scrollvibrate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the device vibrates when the list is scrolled. This attribute takes effect only for smart watches. false: The device vibrates when the list is scrolled; true: The device does not vibrate when the list is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "initialindex",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "initialoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "indexerchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scroll",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered to indicate the offset and status of list scrolling. stateValue: 0: The list is not scrolling. stateValue: 1: The list is scrolling along with user's touches. stateValue: 2: The list is scrolling after the user lifts their fingers.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrollbottom",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list is scrolled to the bottom.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolltop",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list is scrolled to the top.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrollend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"],
-      "description": [
-        {
-          "name": "Triggered when the list stops scrolling.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolltouchup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list continues scrolling after the user lifts their fingers.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "requestitem",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered for a request to create a list-item. This event is triggered when the number of cached list-items outside the visible area is less than the value of cachedcount during long list loading with delay.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "rotation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Triggered when crown rotates and returns the angle of rotation",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "list-item-group",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "list-item",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 2
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "list",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "scrollpage",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to scroll the non-list part on the top of the list page out of the visible area with the list. The value can be true (scrolls the non-list part out) or false (does not scroll the non-list part out). This attribute is not available when the direction is row.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "cachedcount",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrollbar",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "off",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "auto",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "on",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrolleffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "fade",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "no",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indexer",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the alphabetical index scroll bar at a side of the list. This parameter is used together with the section attribute of item, and is valid only when flex-direction is set to column.Example values:'indexer' : 'true' indicates the default alphabetical index.'indexer' : 'false' indicates no index.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexercircle",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexermulti",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexerbubble",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "divider",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shapemode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "rect",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "round",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "itemscale",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to cancel the zoom-in and zoom-out effects of the focus. (This attribute applies only to smart watches and smart TVs.).",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "itemcenter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether there is always an item at the center of the cross axis of the view for the initialization page and a page after scrolling. (This attribute applies only to smart watches.).",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "updateeffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "chainanimation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "scrollvibrate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the device vibrates when the list is scrolled. This attribute takes effect only for smart watches. false: The device vibrates when the list is scrolled; true: The device does not vibrate when the list is scrolled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "initialindex",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "initialoffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "selected",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "indexerchange",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scroll",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered to indicate the offset and status of list scrolling. stateValue: 0: The list is not scrolling. stateValue: 1: The list is scrolling along with user's touches. stateValue: 2: The list is scrolling after the user lifts their fingers.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list is scrolled to the bottom.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrolltop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list is scrolled to the top.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollend",
+      "description": [
+        {
+          "name": "Triggered when the list stops scrolling."
+        }
+      ]
+    },
+    {
+      "name": "scrolltouchup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list continues scrolling after the user lifts their fingers.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "requestitem",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered for a request to create a list-item. This event is triggered when the number of cached list-items outside the visible area is less than the value of cachedcount during long list loading with delay.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rotation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Triggered when crown rotates and returns the angle of rotation",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "list-item-group",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "level": 1
+    },
+    {
+      "name": "list-item",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "level": 2
+    },
+    {
+      "name": "block",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/panel.json b/api/config/hml/container/panel.json
index 03267ef763..b60d04522f 100644
--- a/api/config/hml/container/panel.json
+++ b/api/config/hml/container/panel.json
@@ -5,23 +5,21 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen).",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen)."
         }
       ],
       "type": "enum",
@@ -39,12 +37,10 @@
     },
     {
       "name": "mode",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode."
         }
       ],
       "type": "enum",
@@ -62,12 +58,10 @@
     },
     {
       "name": "dragbar",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist."
         }
       ],
       "type": "enum",
@@ -82,61 +76,49 @@
     },
     {
       "name": "fullheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in full state. The default value is screen size - 8px.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in full state. The default value is screen size - 8px."
         }
       ],
       "type": "length"
     },
     {
       "name": "halfheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in the half state. The default value is half the screen size.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in the half state. The default value is half the screen size."
         }
       ],
       "type": "length"
     },
     {
       "name": "miniheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in mini mode. The default value is 48px.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in mini mode. The default value is 48px."
         }
       ],
       "type": "length"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -147,13 +129,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -161,13 +139,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -178,13 +152,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -192,13 +162,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -209,13 +175,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -223,13 +185,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -240,13 +198,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -254,12 +208,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,13 +216,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -289,12 +231,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -303,13 +239,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -324,12 +254,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -338,25 +262,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -365,13 +277,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -389,12 +295,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -403,25 +303,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -430,13 +318,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -454,12 +336,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -468,25 +344,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -495,13 +359,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -525,12 +383,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -539,13 +391,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -560,12 +406,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -574,25 +414,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -601,25 +429,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -628,26 +444,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -658,13 +464,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,13 +474,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -689,13 +487,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -703,13 +497,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -720,13 +510,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -742,12 +528,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -756,13 +536,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -780,13 +554,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -807,13 +577,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -826,13 +592,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -843,13 +605,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -867,21 +625,17 @@
   "events": [
     {
       "name": "sizechange",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:"
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -890,4 +644,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/popup.json b/api/config/hml/container/popup.json
index 93817ca9d1..64ba6af3d1 100644
--- a/api/config/hml/container/popup.json
+++ b/api/config/hml/container/popup.json
@@ -5,76 +5,63 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <popup> component is used to display a pop-up to instruct user operations after a user clicks a bound control.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The <popup> component is used to display a pop-up to instruct user operations after a user clicks a bound control."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "ID of the target element. Dynamic switch is not supported.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "ID of the target element. Dynamic switch is not supported."
         }
       ],
       "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item."
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "left",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "left"
         },
         {
-          "name": "right",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "right"
         },
         {
-          "name": "top",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "top"
         },
         {
-          "name": "bottom",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottom"
         },
         {
-          "name": "topLeft",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "topLeft"
         },
         {
-          "name": "topRight",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "topRight"
         },
         {
-          "name": "bottomLeft",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottomLeft"
         },
         {
-          "name": "bottomRight",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottomRight"
         }
       ]
     },
     {
       "name": "keepalive",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -83,8 +70,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page."
         }
       ],
       "type": "enum",
@@ -99,7 +85,6 @@
     },
     {
       "name": "clickable",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -108,8 +93,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported."
         }
       ],
       "type": "enum",
@@ -124,7 +108,6 @@
     },
     {
       "name": "arrowoffset",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -133,33 +116,26 @@
       "required": false,
       "description": [
         {
-          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse."
         }
       ],
       "type": "length"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +146,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,13 +156,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -201,13 +169,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -215,13 +179,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -232,13 +192,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -246,13 +202,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -263,13 +215,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -277,12 +225,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -291,13 +233,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -312,12 +248,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -326,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -347,12 +271,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -361,25 +279,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -388,13 +294,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -412,12 +312,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -426,25 +320,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -453,13 +335,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -477,12 +353,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -491,25 +361,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -518,13 +376,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -548,12 +400,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -562,13 +408,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -583,12 +423,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -597,25 +431,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -624,25 +446,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -651,26 +461,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -681,13 +481,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -695,13 +491,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -712,13 +504,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -726,13 +514,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -743,13 +527,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,12 +545,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -779,13 +553,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -803,13 +571,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -830,13 +594,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -849,13 +609,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -866,13 +622,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -890,22 +642,14 @@
   "events": [
     {
       "name": "visibilitychange",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This callback function is triggered when a bubble pops up or disappears.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This callback function is triggered when a bubble pops up or disappears."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -913,24 +657,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -938,24 +670,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -963,24 +683,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -988,25 +696,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1016,26 +714,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1045,26 +735,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1074,26 +756,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1103,26 +777,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1132,26 +798,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1161,26 +819,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1190,26 +840,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1219,26 +861,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1248,26 +882,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1277,26 +903,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1306,26 +924,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1335,26 +945,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1364,26 +966,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1393,25 +987,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1419,24 +1003,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1444,24 +1016,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1469,25 +1029,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1497,25 +1047,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1523,24 +1063,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1548,24 +1076,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1573,13 +1089,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1588,4 +1098,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/refresh.json b/api/config/hml/container/refresh.json
index 98aca43490..0a8e206b20 100644
--- a/api/config/hml/container/refresh.json
+++ b/api/config/hml/container/refresh.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <refresh> component is used to pull down to refresh the page.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "name": "The <refresh> component is used to pull down to refresh the page."
     }
   ],
   "attributes": [
     {
       "name": "offset",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Distance to the top of the parent component from the <refresh> component that comes to rest after a successful swipe gesture.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Distance to the top of the parent component from the <refresh> component that comes to rest after a successful swipe gesture."
         }
       ],
       "type": "length"
     },
     {
       "name": "refreshing",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether the <refresh> component is being refreshed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether the <refresh> component is being refreshed."
         }
       ],
       "type": "enum",
@@ -48,34 +44,28 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic effect when the component is refreshed. Two options are available and cannot be modified dynamically. auto: default effect. When the list is pulled to the top, the list does not move. When the list is pulled to the bottom, a circle is displayed. pulldown: When the list is pulled to the top, users can continue to pull down to trigger a refresh. The rebound effect will appear after the refresh. If the child component contains a list, set scrolleffect of the list to no to prevent drop-down effect conflicts.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Dynamic effect when the component is refreshed. Two options are available and cannot be modified dynamically. auto: default effect. When the list is pulled to the top, the list does not move. When the list is pulled to the bottom, a circle is displayed. pulldown: When the list is pulled to the top, users can continue to pull down to trigger a refresh. The rebound effect will appear after the refresh. If the child component contains a list, set scrolleffect of the list to no to prevent drop-down effect conflicts."
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "auto",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "auto"
         },
         {
-          "name": "pulldown",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "pulldown"
         }
       ]
     },
     {
       "name": "lasttime",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to display the last update time. The character string format is last update time: XXXX, where XXXX is displayed based on the time and date display specifications and cannot be dynamically modified. (It is recommended that this attribute be used when type is set to pulldown. The fixed distance is at the bottom of the content drop-down area. Pay attention to the offset attribute setting to prevent overlapping.).",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether to display the last update time. The character string format is last update time: XXXX, where XXXX is displayed based on the time and date display specifications and cannot be dynamically modified. (It is recommended that this attribute be used when type is set to pulldown. The fixed distance is at the bottom of the content drop-down area. Pay attention to the offset attribute setting to prevent overlapping.)."
         }
       ],
       "type": "enum",
@@ -90,7 +80,6 @@
     },
     {
       "name": "timeoffset",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -99,46 +88,36 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the distance between the update time and the top of the parent component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Sets the distance between the update time and the top of the parent component."
         }
       ],
       "type": "length"
     },
-
     {
       "name": "friction",
-      "supportedDevices": ["phone", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
-          "supportedDevices": ["phone", "wearable"]
+          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -149,13 +128,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -163,13 +138,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -180,13 +151,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -194,13 +161,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -211,13 +174,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -225,13 +184,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -242,13 +197,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -256,12 +207,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -270,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -291,12 +230,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -305,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -326,12 +253,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,25 +261,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -367,13 +276,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -391,12 +294,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,25 +302,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -432,13 +317,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -456,12 +335,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -470,25 +343,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -497,13 +358,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -527,12 +382,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -541,13 +390,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -562,12 +405,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -576,25 +413,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -603,25 +428,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -630,26 +443,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -660,13 +463,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -674,13 +473,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -691,13 +486,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -705,13 +496,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -722,13 +509,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -744,12 +527,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -758,13 +535,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -782,13 +553,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -809,13 +576,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -828,13 +591,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -845,13 +604,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -869,21 +624,17 @@
   "events": [
     {
       "name": "refresh",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "description": [
         {
-          "name": "Called when the <refresh> component is pulled down and the refresh status changes. Available values are as follows: false: The <refresh> component is being pulled down. true: The <refresh> component is not being pulled down.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Called when the <refresh> component is pulled down and the refresh status changes. Available values are as follows: false: The <refresh> component is being pulled down. true: The <refresh> component is not being pulled down."
         }
       ]
     },
     {
       "name": "pulldown",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "description": [
         {
-          "name": "Triggered when a user starts or stops pulling down the <refresh> component. Available values are as follows: start: The pull-down starts. end: The pull-down ends.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Triggered when a user starts or stops pulling down the <refresh> component. Available values are as follows: start: The pull-down starts. end: The pull-down ends."
         }
       ]
     }
@@ -892,4 +643,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stack.json b/api/config/hml/container/stack.json
index d2035f693d..5eb8d1d0a6 100644
--- a/api/config/hml/container/stack.json
+++ b/api/config/hml/container/stack.json
@@ -1,1456 +1,939 @@
-{
-  "name": "stack",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "stack",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <stack> component provides a stack container where child components are successively stacked and the latter one overwrites the previous one."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stepper-item.json b/api/config/hml/container/stepper-item.json
index 9c744aef56..3d78e72dba 100644
--- a/api/config/hml/container/stepper-item.json
+++ b/api/config/hml/container/stepper-item.json
@@ -5,48 +5,40 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator."
     }
   ],
   "attributes": [
     {
       "name": "label",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language).",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language)."
         }
       ],
       "type": "object"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -57,13 +49,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -71,13 +59,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -88,13 +72,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -102,13 +82,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -119,13 +95,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -133,13 +105,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -150,13 +118,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -164,12 +128,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -178,13 +136,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +151,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -213,13 +159,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +174,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -248,25 +182,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -275,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +215,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -313,25 +223,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +256,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -378,25 +264,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,13 +279,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +303,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +311,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +326,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -484,25 +334,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -511,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -538,26 +364,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -568,13 +384,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -582,13 +394,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -599,13 +407,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -613,13 +417,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -630,13 +430,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -652,12 +448,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +456,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,13 +474,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -717,13 +497,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -736,13 +512,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -753,13 +525,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -777,32 +545,22 @@
   "events": [
     {
       "name": "appear",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when this step occurs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when this step occurs."
         }
       ]
     },
     {
       "name": "disappear",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when the step disappears.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when the step disappears."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -810,24 +568,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -835,24 +581,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -860,24 +594,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -885,25 +607,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -913,26 +625,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -942,26 +646,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -971,26 +667,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1000,26 +688,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1029,26 +709,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1058,26 +730,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1087,26 +751,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1116,26 +772,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1145,26 +793,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1174,26 +814,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1203,26 +835,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1232,26 +856,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1261,26 +877,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1290,25 +898,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1316,24 +914,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1341,24 +927,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1366,25 +940,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1394,25 +958,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1420,24 +974,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1445,24 +987,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1470,13 +1000,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1485,4 +1009,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stepper.json b/api/config/hml/container/stepper.json
index 0637495cc4..3f004e8a34 100644
--- a/api/config/hml/container/stepper.json
+++ b/api/config/hml/container/stepper.json
@@ -5,47 +5,41 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress."
     }
   ],
   "attributes": [
     {
       "name": "index",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step."
         }
       ],
       "type": "number"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "enum",
@@ -63,24 +57,20 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -104,12 +94,10 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "enum",
@@ -124,48 +112,40 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can 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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -180,12 +160,10 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specify the text direction of an element."
         }
       ],
       "type": "enum",
@@ -203,7 +181,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -218,43 +195,36 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -269,12 +239,10 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
@@ -283,62 +251,46 @@
   "events": [
     {
       "name": "finish",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when the last step of the Step Navigator completes.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when the last step of the Step Navigator completes."
         }
       ]
     },
     {
       "name": "skip",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right."
         }
       ]
     },
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step."
         }
       ]
     },
     {
       "name": "next",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step."
         }
       ]
     },
     {
       "name": "back",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -346,24 +298,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -371,24 +311,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -396,24 +324,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -421,25 +337,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -449,26 +355,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -478,26 +376,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -507,26 +397,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -536,26 +418,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -565,26 +439,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -594,26 +460,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -623,26 +481,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -652,26 +502,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -681,26 +523,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -710,26 +544,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -739,26 +565,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -768,26 +586,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -797,26 +607,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -826,25 +628,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -852,24 +644,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -877,24 +657,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -902,25 +670,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,25 +688,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -956,24 +704,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -981,24 +717,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1006,13 +730,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1020,10 +738,9 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "stepper-item",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "stepper-item"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/svg.json b/api/config/hml/container/svg.json
index 07759ca398..a112486e9b 100644
--- a/api/config/hml/container/svg.json
+++ b/api/config/hml/container/svg.json
@@ -5,277 +5,231 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout."
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used."
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "height",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the height of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the height of the component."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "viewBox",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment."
         }
       ],
       "type": "length|percentage"
@@ -286,4 +240,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/swiper.json b/api/config/hml/container/swiper.json
index 68b907387d..9461d5951a 100644
--- a/api/config/hml/container/swiper.json
+++ b/api/config/hml/container/swiper.json
@@ -1,1758 +1,1280 @@
-{
-  "name": "swiper",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <swiper> component provides a swiper container that enables the switch of child components.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "index",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Index of the child component currently displayed in the container.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "autoplay",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable autoplay for the child component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "interval",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Autoplay interval, in milliseconds, when autoplay is enabled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "indicator",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable the navigation point indicator. The default value is true.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indicatormask",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to use the indicator mask. If this attribute is set to true, the indicator has a gradient mask.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "digital",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "indicatordisabled",
-      "supportedDevices": ["phone"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
-          "supportedDevices": ["phone"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable looping.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "Whether to enable looping. Dynamic modification is not supported. NOTE This attribute takes effect only when the following conditions are met: The total length of the child components, except for the first one, is greater than or equal to the length of <swiper>. The total length of the child components, except for the last one, is greater than or equal to the length of <swiper>.",
-          "supportedDevices": ["liteWearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "duration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Duration of the animation played for switching between child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "cachedsize",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "scrolleffect",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring"
-        },
-        {
-          "name": "fade"
-        },
-        {
-          "name": "none"
-        }
-      ]
-    },
-    {
-      "name": "displaymode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "stretch"
-        },
-        {
-          "name": "autoLinear"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the index of the currently displayed component changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "animationfinish",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"],
-      "description": [
-        {
-          "name": "Trigger event at the end of the swiper animation",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "rotation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the crown of the wearable rotates.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [
-    {
-      "name": "list"
-    }
-  ],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "swiper",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <swiper> component provides a swiper container that enables the switch of child components."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "index",
+      "required": false,
+      "description": [
+        {
+          "name": "Index of the child component currently displayed in the container."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "autoplay",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable autoplay for the child component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "interval",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Autoplay interval, in milliseconds, when autoplay is enabled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "indicator",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the navigation point indicator. The default value is true.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indicatormask",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to use the indicator mask. If this attribute is set to true, the indicator has a gradient mask.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "digital",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "indicatordisabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "loop",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable looping.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "Whether to enable looping. Dynamic modification is not supported. NOTE This attribute takes effect only when the following conditions are met: The total length of the child components, except for the first one, is greater than or equal to the length of <swiper>. The total length of the child components, except for the last one, is greater than or equal to the length of <swiper>.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "duration",
+      "required": false,
+      "description": [
+        {
+          "name": "Duration of the animation played for switching between child components."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "vertical",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the swipe gesture is performed vertically. A vertical swipe uses the vertical indicator. Dynamic modification is not supported."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "cachedsize",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrolleffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring"
+        },
+        {
+          "name": "fade"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "displaymode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "autoLinear"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the index of the currently displayed component changes."
+        }
+      ]
+    },
+    {
+      "name": "animationfinish",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Trigger event at the end of the swiper animation",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rotation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the crown of the wearable rotates.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [
+    {
+      "name": "list"
+    }
+  ],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tab-bar.json b/api/config/hml/container/tab-bar.json
index a50cf22cf2..1e3e87fcc5 100644
--- a/api/config/hml/container/tab-bar.json
+++ b/api/config/hml/container/tab-bar.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<tab-bar> is a child component of <tabs> and is used to provide the area to display tab labels. Its child components are horizontally arranged.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "<tab-bar> is a child component of <tabs> and is used to provide the area to display tab labels. Its child components are horizontally arranged."
     }
   ],
   "attributes": [
     {
       "name": "mode",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Extensibility of the component width. Available values are as follows: scrollable: The width of a child component is the configured width. When the total width of all child components is greater than the tab-bar width, the child component can scroll horizontally. fixed: The width of a child component equals the tab-bar width divided by the number of child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Extensibility of the component width. Available values are as follows: scrollable: The width of a child component is the configured width. When the total width of all child components is greater than the tab-bar width, the child component can scroll horizontally. fixed: The width of a child component equals the tab-bar width divided by the number of child components."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -186,13 +144,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +159,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -221,13 +167,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +182,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -256,25 +190,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -283,13 +205,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +223,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -321,25 +231,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -348,13 +246,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +264,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -386,25 +272,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -413,13 +287,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +311,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -457,13 +319,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +334,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -492,25 +342,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -519,25 +357,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -546,26 +372,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +392,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +402,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +415,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +425,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +438,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +456,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +464,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +482,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +505,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +520,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +533,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -785,12 +553,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +560,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +573,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +586,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +599,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +617,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +638,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +659,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +680,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +701,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +722,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +743,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +764,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +785,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +806,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +827,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +848,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +869,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +890,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +906,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +919,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +932,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +950,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +966,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +979,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +992,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1474,12 +1002,10 @@
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "tabs",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "tabs"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tab-content.json b/api/config/hml/container/tab-content.json
index 3475876bb6..78056f50ea 100644
--- a/api/config/hml/container/tab-content.json
+++ b/api/config/hml/container/tab-content.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<tab-content> is a child component of tabs and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the <tabs> component is filled. The child components are arranged horizontally. When <tab-content> is used as a child element in a container, the length on the main axis direction must be specified. Otherwise, the child element cannot be displayed.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "<tab-content> is a child component of tabs and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the <tabs> component is filled. The child components are arranged horizontally. When <tab-content> is used as a child element in a container, the length on the main axis direction must be specified. Otherwise, the child element cannot be displayed."
     }
   ],
   "attributes": [
     {
       "name": "scrollable",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the tabs can be switched by swiping left or right. The default value is true. If this attribute is set to false, tab switching is implemented only through the association with tab-bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the tabs can be switched by swiping left or right. The default value is true. If this attribute is set to false, tab switching is implemented only through the association with tab-bar."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -186,13 +144,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +159,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -221,13 +167,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +182,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -256,25 +190,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -283,13 +205,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +223,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -321,25 +231,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -348,13 +246,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +264,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -386,25 +272,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -413,13 +287,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +311,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -457,13 +319,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +334,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -492,25 +342,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -519,25 +357,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -546,26 +372,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +392,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +402,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +415,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +425,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +438,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +456,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +464,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +482,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +505,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +520,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +533,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -785,12 +553,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +560,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +573,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +586,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +599,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +617,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +638,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +659,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +680,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +701,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +722,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +743,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +764,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +785,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +806,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +827,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +848,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +869,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +890,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +906,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +919,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +932,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +950,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +966,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +979,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +992,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1474,12 +1002,10 @@
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "tabs",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "tabs"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tabs.json b/api/config/hml/container/tabs.json
index c9f67d47d0..5c2565f28b 100644
--- a/api/config/hml/container/tabs.json
+++ b/api/config/hml/container/tabs.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <tabs> component provides a tab container.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <tabs> component provides a tab container."
     }
   ],
   "attributes": [
     {
       "name": "index",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Index of the active tab.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Index of the active tab."
         }
       ],
       "type": "number"
     },
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the tab is vertical. Available values are as follows: false: The <tab-bar> and <tab-content> are arranged vertically; true: The <tab-bar> and <tab-content> are arranged horizontally.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the tab is vertical. Available values are as follows: false: The <tab-bar> and <tab-content> are arranged vertically; true: The <tab-bar> and <tab-content> are arranged horizontally."
         }
       ],
       "type": "enum",
@@ -48,25 +44,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -77,13 +67,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -91,13 +77,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -108,13 +90,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -122,13 +100,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -139,13 +113,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -153,13 +123,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +136,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,12 +146,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -198,13 +154,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -219,12 +169,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -233,13 +177,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -254,12 +192,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,25 +200,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -295,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -319,12 +233,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,25 +241,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -360,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -384,12 +274,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,25 +282,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -425,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -455,12 +321,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -469,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -490,12 +344,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -504,25 +352,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -531,25 +367,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -558,26 +382,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -588,13 +402,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -602,13 +412,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -619,13 +425,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -633,13 +435,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -650,13 +448,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,12 +466,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -686,13 +474,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -710,13 +492,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -737,13 +515,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -756,13 +530,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -773,13 +543,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -797,22 +563,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered upon tab switching.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered upon tab switching."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +578,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +591,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +604,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +617,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +635,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +656,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +677,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +698,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +719,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +740,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +761,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +782,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +803,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +824,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +845,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +866,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +887,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +908,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +924,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +937,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +950,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +968,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +984,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +997,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1010,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,21 +1019,18 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "tab-bar",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "maximum": 1,
       "level": 1
     },
     {
       "name": "tab-content",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "maximum": 1,
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/custom/element.json b/api/config/hml/custom/element.json
index 67b757160f..eadcb5e1f1 100644
--- a/api/config/hml/custom/element.json
+++ b/api/config/hml/custom/element.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "custom component.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "custom component."
     }
   ],
   "attributes": [
     {
       "name": "name",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "custom component name.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "custom component name."
         }
       ],
       "type": "string"
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "custom component path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "custom component path."
         }
       ],
       "type": "url"
diff --git a/api/config/hml/grid/grid-col.json b/api/config/hml/grid/grid-col.json
index 227451a58b..977d6753c0 100644
--- a/api/config/hml/grid/grid-col.json
+++ b/api/config/hml/grid/grid-col.json
@@ -5,108 +5,90 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "grid-col is a subcontainer component of grid layout container grid-row.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "grid-col is a subcontainer component of grid layout container grid-row."
     }
   ],
   "attributes": [
     {
       "name": "xs",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "sm",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "md",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "lg",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Default number of occupied columns when no explicit breakpoint is set",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Default number of occupied columns when no explicit breakpoint is set"
         }
       ],
       "type": "number"
     },
     {
       "name": "offset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -117,13 +99,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -131,13 +109,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -148,13 +122,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -162,13 +132,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -179,13 +145,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -193,13 +155,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -210,13 +168,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -224,12 +178,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -238,13 +186,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -259,12 +201,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -273,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -294,12 +224,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -308,25 +232,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -335,13 +247,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -359,12 +265,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -373,25 +273,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -400,13 +288,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -424,12 +306,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -438,25 +314,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -465,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -495,12 +353,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -509,13 +361,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -530,12 +376,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -544,25 +384,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -571,25 +399,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -598,26 +414,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -628,13 +434,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -642,13 +444,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -659,13 +457,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -673,13 +467,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -690,13 +480,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -712,12 +498,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -726,13 +506,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -750,13 +524,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -777,13 +547,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -796,13 +562,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -813,13 +575,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -837,12 +595,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -850,24 +602,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -875,24 +615,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -900,24 +628,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -925,25 +641,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -953,26 +659,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -982,26 +680,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1011,26 +701,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1040,26 +722,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1069,26 +743,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1098,26 +764,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +785,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +806,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +827,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +848,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +869,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +890,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +911,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,25 +932,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1356,24 +948,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1381,24 +961,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1406,25 +974,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1434,25 +992,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1460,24 +1008,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1485,24 +1021,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1510,13 +1034,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1525,4 +1043,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/grid/grid-container.json b/api/config/hml/grid/grid-container.json
index b246b74b5d..46e60f10b2 100644
--- a/api/config/hml/grid/grid-container.json
+++ b/api/config/hml/grid/grid-container.json
@@ -6,32 +6,19 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout."
     }
   ],
   "attributes": [
     {
       "name": "columns",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype."
         }
       ],
       "type": "enum",
@@ -52,31 +39,26 @@
     },
     {
       "name": "sizetype",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size."
         }
       ],
       "type": "string"
     },
     {
       "name": "gutter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Setting the Gutter Width",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Setting the Gutter Width"
         }
       ],
       "type": "length"
     },
     {
       "name": "gridtemplate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -85,8 +67,7 @@
       "required": false,
       "description": [
         {
-          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values."
         }
       ],
       "type": "enum",
@@ -101,26 +82,20 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -130,28 +105,20 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -161,28 +128,20 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -192,28 +151,20 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -223,26 +174,17 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -251,13 +193,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -272,12 +208,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -286,13 +217,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -307,12 +232,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -321,25 +241,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -348,13 +257,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -372,12 +275,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -386,25 +284,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -413,13 +300,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -437,12 +318,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -451,25 +327,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -478,13 +343,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -508,12 +367,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -522,13 +376,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -543,12 +391,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -557,25 +400,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -584,25 +416,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -611,27 +432,17 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -641,28 +452,20 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -672,28 +475,20 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -703,14 +498,10 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "enum",
@@ -725,12 +516,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -739,13 +525,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -763,14 +543,10 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -790,14 +566,10 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -809,14 +581,10 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -826,14 +594,10 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "enum",
@@ -850,12 +614,7 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -863,24 +622,13 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -888,24 +636,13 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -913,24 +650,13 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -938,26 +664,16 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -966,27 +682,19 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -995,27 +703,19 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1024,27 +724,19 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1053,27 +745,19 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1082,27 +766,19 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1111,27 +787,19 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1140,27 +808,19 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1169,27 +829,19 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1198,27 +850,19 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1227,27 +871,19 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1256,27 +892,19 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1285,27 +913,19 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1314,27 +934,19 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1343,25 +955,16 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1369,24 +972,13 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1394,24 +986,13 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1419,26 +1000,16 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v5.0"
@@ -1447,25 +1018,16 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -1473,24 +1035,13 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -1498,24 +1049,13 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1523,13 +1063,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1537,8 +1071,7 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "grid-row",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "grid-row"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/grid/grid-row.json b/api/config/hml/grid/grid-row.json
index 9d65a3d27b..1fc090c4c3 100644
--- a/api/config/hml/grid/grid-row.json
+++ b/api/config/hml/grid/grid-row.json
@@ -5,36 +5,30 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines."
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,12 +535,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -778,24 +542,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -803,24 +555,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -828,24 +568,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -853,25 +581,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -881,26 +599,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -910,26 +620,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -939,26 +641,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -968,26 +662,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -997,26 +683,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1026,26 +704,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1055,26 +725,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1084,26 +746,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1113,26 +767,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1142,26 +788,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1171,26 +809,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1200,26 +830,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1229,26 +851,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1258,25 +872,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1284,24 +888,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1309,24 +901,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1334,25 +914,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1362,25 +932,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1388,24 +948,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1413,24 +961,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1438,13 +974,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1452,10 +982,9 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "grid-col",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "grid-col"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/hml-json-schema.json b/api/config/hml/hml-json-schema.json
index 5297e5531e..d91a379ecc 100644
--- a/api/config/hml/hml-json-schema.json
+++ b/api/config/hml/hml-json-schema.json
@@ -15,26 +15,12 @@
             "type": "string",
             "description": "版本号例如:V3.0"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          }
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         },
         "required": ["name"]
       }
     },
-    "supportedDevices": {
-      "type": "array",
-      "description": "本字段非必填,如果为空，表示该属性支持所有的设备类型",
-      "items": {
-        "type": "string",
-        "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-      }
-    },
+    "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
     "description": {
       "type": "array",
       "items": {
@@ -44,14 +30,7 @@
             "type": "string",
             "description": "属性的描述文档"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          }
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         },
         "required": ["name"]
       }
@@ -66,14 +45,7 @@
             "type": "string",
             "description": "属性名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "required": {
             "type": "boolean",
             "description": "表示属性是否为组件的必填属性"
@@ -87,14 +59,7 @@
                   "type": "string",
                   "description": "属性的描述文档"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               },
               "required": ["name"]
             }
@@ -113,14 +78,7 @@
                   "type": "string",
                   "description": "属性值"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               },
               "required": ["name"]
             }
@@ -139,14 +97,7 @@
             "type": "string",
             "description": "事件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "description": {
             "type": "array",
             "items": {
@@ -156,14 +107,7 @@
                   "type": "string",
                   "description": "事件的描述文档"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               }
             }
           }
@@ -185,14 +129,7 @@
             "type": "string",
             "description": "支持的子组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number"
           }
@@ -210,14 +147,7 @@
             "type": "string",
             "description": "不支持的子组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number"
           }
@@ -235,14 +165,7 @@
             "type": "string",
             "description": "支持的父组件的组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number",
             "description": "本字段非必填,取值范围大于等于1，只有标签补齐时需要联想出对应子组件时需要填此字段，如果level为n+1时，level为n的组件有且只有一个(n>1)"
diff --git a/api/config/hml/media/camera.json b/api/config/hml/media/camera.json
index 26daed17d7..0baf66a4c9 100644
--- a/api/config/hml/media/camera.json
+++ b/api/config/hml/media/camera.json
@@ -1,84 +1,71 @@
 {
-    "name": "camera",
-    "version": [
-      {
-        "name": "v6.0"
-      }
-    ],
-    "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-    "supportedDevices": ["phone","smartVision"],
-    "description": [
-      {
-        "name": "Camera component, which provides the preview and photographing functions.",
-        "supportedDevices": ["phone","smartVision"]
-      }
-    ],
-    "attributes": [
-      {
-        "name": "flash",
-        "supportedDevices": ["phone","smartVision"],
-        "required": false,
-        "description": [
-          {
-            "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on).",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ],
-        "type": "enum",
-        "options": [
-          {
-            "name": "on"
-          },
-          {
-            "name": "off"
-          },
-          {
-            "name": "torch"
-          }
-        ]
-      },
-      {
-        "name": "deviceposition",
-        "supportedDevices": ["phone","smartVision"],
-        "required": false,
-        "description": [
-          {
-            "name": "Front or back. The value can be front or back.",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ],
-        "type": "enum",
-        "options": [
-          {
-            "name": "front"
-          },
-          {
-            "name": "back"
-          }
-        ]
-      },
+  "name": "camera",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "Camera component, which provides the preview and photographing functions."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "flash",
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on)."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        },
+        {
+          "name": "torch"
+        }
+      ]
+    },
+    {
+      "name": "deviceposition",
+      "required": false,
+      "description": [
+        {
+          "name": "Front or back. The value can be front or back."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "front"
+        },
+        {
+          "name": "back"
+        }
+      ]
+    },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -87,29 +74,13 @@
       ],
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -118,29 +89,13 @@
       ],
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -149,29 +104,13 @@
       ],
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -180,27 +119,13 @@
       ],
       "description": [
         {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -209,13 +134,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -230,12 +149,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -244,13 +157,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -265,12 +172,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -279,25 +180,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -306,13 +195,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -330,12 +213,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -344,25 +221,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -371,13 +236,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -395,12 +254,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -409,25 +262,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -436,13 +277,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -466,12 +301,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -480,13 +309,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -501,12 +324,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -515,25 +332,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -542,25 +347,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -569,27 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -598,29 +377,13 @@
       ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -629,29 +392,13 @@
       ],
       "description": [
         {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -660,15 +407,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -683,12 +422,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -697,13 +430,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -721,14 +448,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -748,14 +467,6 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -767,14 +478,6 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -783,15 +486,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -805,25 +500,17 @@
       ]
     }
   ],
-    "events": [
-      {
-        "name": "error",
-        "supportedDevices": ["phone","smartVision"],
-        "description": [
-          {
-            "name": "Triggered when the user is not allowed to use the camera.",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ]
-      },
+  "events": [
+    {
+      "name": "error",
+      "description": [
+        {
+          "name": "Triggered when the user is not allowed to use the camera."
+        }
+      ]
+    },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -831,24 +518,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -856,24 +531,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -881,24 +544,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -906,26 +557,12 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -933,28 +570,12 @@
       ],
       "description": [
         {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -962,28 +583,12 @@
       ],
       "description": [
         {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -991,28 +596,12 @@
       ],
       "description": [
         {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1020,28 +609,12 @@
       ],
       "description": [
         {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1049,28 +622,12 @@
       ],
       "description": [
         {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1078,28 +635,12 @@
       ],
       "description": [
         {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1107,28 +648,12 @@
       ],
       "description": [
         {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch is interrupted."
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1136,28 +661,12 @@
       ],
       "description": [
         {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The duration of drag."
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1165,28 +674,12 @@
       ],
       "description": [
         {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag starts."
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1194,28 +687,12 @@
       ],
       "description": [
         {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag ends."
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1223,28 +700,12 @@
       ],
       "description": [
         {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag enters."
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1252,28 +713,12 @@
       ],
       "description": [
         {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag overs."
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1281,28 +726,12 @@
       ],
       "description": [
         {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag leaves."
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1310,26 +739,12 @@
       ],
       "description": [
         {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag drops."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1337,24 +752,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1362,24 +765,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1387,26 +778,12 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v5.0"
@@ -1414,26 +791,12 @@
       ],
       "description": [
         {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A user quickly swipes on a component."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1441,24 +804,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1466,24 +817,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1491,19 +830,13 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
   ],
-    "supportedSubComponents": false,
-    "supportedSubComponentsRestriction": [],
-    "unSupportSubComponentsRestriction": [],
-    "parentComponentsRestriction": []
-  }
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/media/video.json b/api/config/hml/media/video.json
index 5a3019418e..08fa079c85 100644
--- a/api/config/hml/media/video.json
+++ b/api/config/hml/media/video.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <video> component provides a video player.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <video> component provides a video player."
     }
   ],
   "attributes": [
     {
       "name": "muted",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a video is muted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a video is muted."
         }
       ],
       "type": "enum",
@@ -36,24 +34,20 @@
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "URI of the video content to play.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "URI of the video content to play."
         }
       ],
       "type": "string"
     },
     {
       "name": "autoplay",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a video is played automatically after being rendered.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a video is played automatically after being rendered."
         }
       ],
       "type": "enum",
@@ -68,19 +62,16 @@
     },
     {
       "name": "poster",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Preview poster of a video.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Preview poster of a video."
         }
       ],
       "type": "string"
     },
     {
       "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -89,8 +80,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the video play from the beginning.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the video play from the beginning."
         }
       ],
       "type": "enum",
@@ -105,12 +95,10 @@
     },
     {
       "name": "controls",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the control bar is displayed during video playback. If the value is set to false, the control bar is not displayed. The default value is true, and the platform can either show or hide the control bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the control bar is displayed during video playback. If the value is set to false, the control bar is not displayed. The default value is true, and the platform can either show or hide the control bar."
         }
       ],
       "type": "enum",
@@ -125,7 +113,6 @@
     },
     {
       "name": "starttime",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -134,15 +121,13 @@
       "required": false,
       "description": [
         {
-          "name": "Where the video starts playing.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Where the video starts playing."
         }
       ],
       "type": "number"
     },
     {
       "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -151,15 +136,13 @@
       "required": false,
       "description": [
         {
-          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction."
         }
       ],
       "type": "string"
     },
     {
       "name": "speed",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -168,69 +151,57 @@
       "required": false,
       "description": [
         {
-          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float."
         }
       ],
       "type": "number"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
-
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -245,12 +216,10 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus."
         }
       ],
       "type": "enum",
@@ -265,36 +234,30 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for components to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -312,24 +275,20 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -353,12 +312,10 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -373,72 +330,60 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -453,7 +398,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -468,19 +412,16 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -497,13 +438,9 @@
   "events": [
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -513,26 +450,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -542,26 +471,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -571,26 +492,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -600,26 +513,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -629,26 +534,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -658,26 +555,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -687,294 +576,234 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "prepared",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video preparation is complete.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video preparation is complete."
         }
       ]
     },
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video is played.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video is played."
         }
       ]
     },
     {
       "name": "pause",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video is paused.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video is paused."
         }
       ]
     },
     {
       "name": "finish",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the video finishes playing.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the video finishes playing."
         }
       ]
     },
     {
       "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the playback fails.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the playback fails."
         }
       ]
     },
     {
       "name": "seeking",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered to report time information when the progress bar is being dragged.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered to report time information when the progress bar is being dragged."
         }
       ]
     },
     {
       "name": "seeked",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered to report playback time information when the user finishes dragging the progress bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered to report playback time information when the user finishes dragging the progress bar."
         }
       ]
     },
     {
       "name": "timeupdate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered once per 250 ms when the playing progress changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered once per 250 ms when the playing progress changes."
         }
       ]
     },
     {
       "name": "stop",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered."
         }
       ]
     },
     {
       "name": "fullscreenchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video enters or exits the full screen mode.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video enters or exits the full screen mode."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping starts."
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping ends."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user quickly slides on a component."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch is interrupted."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is attached on the tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is detached on the tree."
         }
       ]
     }
@@ -983,4 +812,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
-- 
Gitee


From 6ff01d3fc5ecab7c52bc1c8d53d7f0773ea4eecc Mon Sep 17 00:00:00 2001
From: kukixi <kouxinxin@huawei.com>
Date: Mon, 14 Mar 2022 15:24:55 +0800
Subject: [PATCH 2/5] remove supportedDevices

Signed-off-by: kukixi <kouxinxin@huawei.com>
---
 api/config/css/css-json-schema.json           |   477 +-
 api/config/css/cssConfig.json                 | 16974 +++++++---------
 api/config/hml/basic/animate.json             |   106 +-
 api/config/hml/basic/animateMotion.json       |   106 +-
 api/config/hml/basic/animateTransform.json    |   112 +-
 api/config/hml/basic/block.json               |    16 +-
 api/config/hml/basic/button.json              |   842 +-
 api/config/hml/basic/calendar.json            |    54 +-
 api/config/hml/basic/chart.json               |  2677 +--
 api/config/hml/basic/circle.json              |   122 +-
 api/config/hml/basic/divider.json             |   393 +-
 api/config/hml/basic/ellipse.json             |   107 +-
 api/config/hml/basic/image-animator.json      |  2714 +--
 api/config/hml/basic/image.json               |  2493 +--
 api/config/hml/basic/input.json               |  3219 ++-
 api/config/hml/basic/label.json               |   372 +-
 api/config/hml/basic/line.json                |   116 +-
 api/config/hml/basic/marquee.json             |  2169 +-
 api/config/hml/basic/menu.json                |   400 +-
 api/config/hml/basic/option.json              |   392 +-
 api/config/hml/basic/path.json                |   113 +-
 api/config/hml/basic/picker-view.json         |  1869 +-
 api/config/hml/basic/picker.json              |   876 +-
 api/config/hml/basic/piece.json               |   832 +-
 api/config/hml/basic/polygon.json             |   104 +-
 api/config/hml/basic/polyline.json            |   104 +-
 api/config/hml/basic/progress.json            |  2577 +--
 api/config/hml/basic/qrcode.json              |   779 +-
 api/config/hml/basic/rating.json              |   680 +-
 api/config/hml/basic/rect.json                |   117 +-
 api/config/hml/basic/richtext.json            |   488 +-
 api/config/hml/basic/search.json              |   860 +-
 api/config/hml/basic/select.json              |   824 +-
 api/config/hml/basic/slider.json              |  2811 ++-
 api/config/hml/basic/slot.json                |    14 +-
 api/config/hml/basic/span.json                |  1968 +-
 api/config/hml/basic/switch.json              |  2551 +--
 api/config/hml/basic/text.json                |  2092 +-
 api/config/hml/basic/textarea.json            |   884 +-
 api/config/hml/basic/textpath.json            |    54 +-
 api/config/hml/basic/toggle.json              |   828 +-
 api/config/hml/basic/toolbar-item.json        |   824 +-
 api/config/hml/basic/toolbar.json             |   100 +-
 api/config/hml/basic/tspan.json               |    62 +-
 api/config/hml/basic/web.json                 |    28 +-
 api/config/hml/basic/xcomponent.json          |   474 +-
 api/config/hml/canvas/canvas.json             |  1777 +-
 api/config/hml/container/badge.json           |   840 +-
 api/config/hml/container/dialog.json          |   391 +-
 api/config/hml/container/div.json             |  2507 +--
 api/config/hml/container/form.json            |   824 +-
 api/config/hml/container/list-item-group.json |   842 +-
 api/config/hml/container/list-item.json       |  2703 +--
 api/config/hml/container/list.json            |  3469 ++--
 api/config/hml/container/panel.json           |   408 +-
 api/config/hml/container/popup.json           |   864 +-
 api/config/hml/container/refresh.json         |   415 +-
 api/config/hml/container/stack.json           |  2395 +--
 api/config/hml/container/stepper-item.json    |   828 +-
 api/config/hml/container/stepper.json         |   535 +-
 api/config/hml/container/svg.json             |   110 +-
 api/config/hml/container/swiper.json          |  3038 ++-
 api/config/hml/container/tab-bar.json         |   826 +-
 api/config/hml/container/tab-content.json     |   826 +-
 api/config/hml/container/tabs.json            |   833 +-
 api/config/hml/custom/element.json            |    12 +-
 api/config/hml/grid/grid-col.json             |   840 +-
 api/config/hml/grid/grid-container.json       |   959 +-
 api/config/hml/grid/grid-row.json             |   819 +-
 api/config/hml/hml-json-schema.json           |    99 +-
 api/config/hml/media/camera.json              |   899 +-
 api/config/hml/media/video.json               |   377 +-
 72 files changed, 31367 insertions(+), 53843 deletions(-)

diff --git a/api/config/css/css-json-schema.json b/api/config/css/css-json-schema.json
index 40ef282b69..3c62b8a4be 100644
--- a/api/config/css/css-json-schema.json
+++ b/api/config/css/css-json-schema.json
@@ -1,283 +1,194 @@
-{
-  "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"]
-}
+{
+  "type": "object",
+  "properties": {
+    "properties": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ],
+          
+          "syntax": {
+            "type": "array",
+            "description": "语法",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "支持<length>、<color>、<percentage> 、<line-width>、<line-style>、<repeat-style>、<time>、<transform-list>等内置类型单个或多个(||分割)"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "version": {
+            "type": "array",
+            "description": "该属性的当前的版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号例如:v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "属性的描述文档"
+                }
+              },
+              "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"
+                    ]
+                  }
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "values": {
+            "type": "array",
+            "description": "当restrictions字段存在enum时存在该字段,表示该属性对应的值的可选值",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "可选值"
+                },
+                "description": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        },
+        "required": ["name", "version", "description"]
+      }
+    },
+    "atDirectives": {
+      "type": "array",
+      "description": "指令列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "指令名称"
+          },
+          
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "指令的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    },
+    "pseudoClasses": {
+      "type": "array",
+      "description": "伪类列表",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "伪类名称"
+          },
+          
+          "version": {
+            "type": "array",
+            "description": "版本",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string",
+                  "description": "版本号eg: v3.0"
+                }
+              },
+              "required": ["name"]
+            }
+          },
+          "description": {
+            "type": "array",
+            "description": "伪类的描述",
+            "items": {
+              "type": "object",
+              "properties": {
+                "name": {
+                  "type": "string"
+                }
+              },
+              "required": ["name"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "required": ["properties", "atDirectives", "pseudoClasses"]
+}
diff --git a/api/config/css/cssConfig.json b/api/config/css/cssConfig.json
index 2da5bfbcd1..43d690d399 100644
--- a/api/config/css/cssConfig.json
+++ b/api/config/css/cssConfig.json
@@ -1,9077 +1,7897 @@
-{
-  "properties": [
-    {
-      "name": "column-span",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "fill",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Use the shorthand property to set the fill color of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "fill-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "fill-rule",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "nonzero | evenodd"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "nonzero | evenodd"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-dasharray",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-dashoffset",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the offset of the associative dashed array when rendering."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-linejoin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[bevel | miter | round]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The shape used at the corner of the path when you stroke."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "bevel | miter | round"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-linecap",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[butt | round | square]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shapes used at the end of paths when they are traced"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "butt | round | square"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-miterlimit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the limit value for drawing acute angles as bevels."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the coordinate transformation parameters of components and subcomponents"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "viewBox",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "rx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "ry",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the radius of rectangle fillet in Y direction."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "cx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the center of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "cy",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the center of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "r",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the radius of the circle."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "d",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x1",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the line start point."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y1",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the line start point."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "x2",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the x-axis coordinate of the end of the line."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "y2",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the y-axis coordinate of the end of the line."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "points",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set multiple coordinate points of the polyline"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set text X axis offset"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dy",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set text Y axis offset"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stroke",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Draws the font border and specifies the color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "startOffset",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>|<percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the starting offset of the text along the path"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attributeName",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the name of the property to be active"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "begin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the delay time of the action"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dur",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<time>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How long does the dynamic effect end"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "repeatCount",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number | indefinite>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number",
-            "indefinite"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "calcMode",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<discrete | linear | paced | spline>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the interpolation mode for the animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "discrete",
-            "linear",
-            "paced",
-            "spline"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "keyTimes",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the start time of the keyframe animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "keySplines",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "from",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the start value of the property that you want to animate."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "to",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the end value of the property that you want to animate."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "values",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "string"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the variation values of a set of animations."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "type",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[translate | scale | rotate | skewX | skewY]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the type of the Transform animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "translate",
-            "scale",
-            "rotate",
-            "skewX",
-            "skewY"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component width. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component height. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>{1,4} || <percentage>{1,4}",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Shorthand attribute to set all padding attributes",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Left padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Top padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Right padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Bottom padding (in px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Start padding"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "padding-end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "End padding"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Left margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Top margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Right margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Bottom margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Start margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "margin-end",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "End margin"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
-        }
-      ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
-        {
-          "name": "solid"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-source",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "border image."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-slice",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The border of the image is shifted inward"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-width",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Width about the border of the image"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-outset",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The border image can exceed the size of the border box"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image-repeat",
-      "syntax": [
-        {
-          "name": "stretch | repeat | round | space"
-        }
-      ],
-      "values": [
-        {
-          "name": "stretch",
-          "description": "Stretch the picture to fill the border"
-        },
-        {
-          "name": "repeat",
-          "description": "Tile the picture to fill the border"
-        },
-        {
-          "name": "round",
-          "description": "Tile the picture according to the image size"
-        },
-        {
-          "name": "space",
-          "description": "Tile the picture according to the image size, leaving the extra part blank."
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How the picture fills the border"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The image of border attributes"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string",
-            "length",
-            "length",
-            "length",
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<line-width> || <line-style> || <color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "line-style",
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<line-width>{1,4}",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-left-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of left borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of top borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set widths of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of left borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of top borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-right-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of right borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set colors of bottom borders"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Attribute to set the radius of round borders of an element",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-left-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-top-right-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-left-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "border-bottom-right-radius",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "mask-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "mask-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "image"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-image",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-size",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
-        }
-      ],
-      "values": [
-        {
-          "name": "contain"
-        },
-        {
-          "name": "cover"
-        },
-        {
-          "name": "auto"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum",
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-repeat",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<repeat-style>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "repeat"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "background-position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ <bg-position> | <length> | <percentage> ]"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "position",
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "display",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "values": [
-        {
-          "name": "flex",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "grid",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "none",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "visibility",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "The element is visible"
-        },
-        {
-          "name": "hidden",
-          "description": "The element is hidden but still takes up space"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-grow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-shrink",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-basis",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "align-self",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-     "values": [
-        {
-          "name": "stretch"
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "baseline"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
-        },
-        {
-          "syntax": [
-            {
-              "name": "stretch | flex-start | flex-end | center | baseline"
-            }
-          ]
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "fixed"
-        },
-        {
-          "name": "absolute"
-        },
-        {
-          "name": "relative"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "left",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform-origin",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "0px 0px"
-        },
-        {
-          "name": "0% 0%"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transform",
-      "values": [
-        {
-          "name": "matrix()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "none()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "matrix3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translate()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translate3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translateX()"
-        },
-        {
-          "name": "translateY()"
-        },
-        {
-          "name": "translateZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scale()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scale3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleX()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleY()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotate()"
-        },
-        {
-          "name": "rotate3d()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateX('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateY('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateZ()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skew()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skewX()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "skewY()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "perspective()",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<transform-list>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Translation, rotation, and scaling attributes"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation",
-      "syntax": [
-        {
-          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
-        }
-      ]
-    },
-    {
-      "name": "animation-name",
-      "syntax": [
-        {
-          "name": "[ none | <keyframes-name> ]#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "@keyframes rule"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "identifier"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-delay",
-      "syntax": [
-        {
-          "name": "<time>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-duration",
-      "syntax": [
-        {
-          "name": "<time>#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "time"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-iteration-count",
-      "syntax": [
-        {
-          "name": "<single-animation-iteration-count>#"
-        }
-      ],
-      "values": [
-        {
-          "name": "infinite"
-        },
-        {
-          "name": "1"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number",
-            "enum"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "enum"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-timing-function",
-      "syntax": [
-        {
-          "name": "<easing-function>#"
-        }
-      ],
-      "values": [
-        {
-          "name": "linear"
-        },
-        {
-          "name": "ease",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "ease-in"
-        },
-        {
-          "name": "ease-out"
-        },
-        {
-          "name": "ease-in-out"
-        },
-        {
-          "name": "fast-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "linear-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "fast-out-linear-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "friction",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "extreme-deceleration",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "sharp",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rhythm",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "smooth",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "cubic-bezier()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "steps()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "version": [
-        {
-          "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 | backwards | both"
-        }
-      ],
-      "values": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        },
-        {
-          "name": "backwards",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ]
-        },
-        {
-          "name": "both",
-          "version": [
-            {
-              "name": "v6.0"
-            }
-          ]
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition-exit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition-duration",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "flex-start | flex-end | center | space-between | space-around"
-        }
-      ],
-      "values": [
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "space-between"
-        },
-        {
-          "name": "space-around"
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "values": [
-        {
-          "name": "stretch",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "baseline",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        }
-      ],
-      "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": "scrollbar-color",
-      "syntax": [
-        {
-          "name": "color"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the offset of the scroll bar."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-color",
-      "syntax": [
-        {
-          "name": "color"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-height",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-length",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "divider-origin",
-      "syntax": [
-        {
-          "name": "length"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "z-index",
-      "syntax": [
-        {
-          "name": "number"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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": "animation-direction",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "normal | reverse | alternate | alternate-reverse"
-        }
-      ],
-      "values": [
-        {
-          "name": "normal",
-          "description":"The animation is looped forward."
-        },
-        {
-          "name": "reverse",
-          "description":"Animation reverse loop"
-        },
-        {
-          "name": "alternate",
-          "description":"The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
-        },
-        {
-          "name": "alternate-reverse",
-          "description":"The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifying the Playback Mode of the Animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-play-state",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "paused | running"
-        }
-      ],
-      "values": [
-        {
-          "name": "paused",
-          "description":"The animation status is paused."
-        },
-        {
-          "name": "running",
-          "description":"The animation status is Play."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the current state of the animation"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "transition",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Specifies the transition effect of a component state switch"
-        }
-      ]
-    },
-    {
-      "name": "overscroll-effect",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "spring | fade | none"
-        }
-      ],
-      "values": [
-        {
-          "name": "spring",
-          "description":"Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
-        },
-        {
-          "name": "fade",
-          "description":"Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
-        },
-        {
-          "name": "none",
-          "description": "No effect after sliding to the edge"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the scrolling edge effect"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "align-content",
-      "syntax": [
-        {
-          "name": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
-        }
-      ],
-      "values": [
-        {
-          "name": "center",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "space-between",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "space-around",
-          "supportedDevices": [
-            "tv",
-            "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<string>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "columns",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-top",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-right",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "indicator-bottom",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Diameter of the navigation point indicator"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "progress-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Loading color of the <refresh> component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "object-fit",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "object-position",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "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": "word-break",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "break-word | normal | break-all"
-        }
-      ],
-      "values": [
-        {
-          "name": "break-word",
-          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
-        },
-        {
-          "name": "normal",
-          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
-        },
-        {
-          "name": "break-all",
-          "description": "Line breaks anywhere"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text word-break."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "visible | hidden  | scroll"
-        }
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
-        },
-        {
-          "name": "hidden ",
-          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
-        },
-        {
-          "name": "scroll",
-          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "match-text-direction",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "stroke-width",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Width of the component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "secondary-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Secondary color of the component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "scale-width",
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Font size (px).Currently, only 30px and 38px font sizes are supported"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "allow-scale",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Character spacing (px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "word-spacing",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text spacing (px)"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-indent",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Set the amount of indentation before the first line of text"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "font-style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "font-variant",
-      "syntax": [
-        {
-          "name": "normal | none | <string>"
-        }
-      ],
-      "values": [
-        {
-          "name": "normal"
-        },
-        {
-          "name": "none"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Font variant"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-decoration",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "values": [
-        {
-          "name": "left",
-          "description": "The text is left-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "center",
-          "description": "The text is center-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "right",
-          "description": "The text is right-aligned",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
-        {
-          "name": "start",
-          "description": "The text is aligned with the direction in which the text is written",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "end",
-          "description": "The text in aligned with the opposite direction in which the text is written",
-          "supportedDevices": [
-            "tv",
-            "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>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "column-height",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Height of the selector's selection list."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
-        },
-        {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-overflow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
-        },
-        {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum",
-            "string"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-valign",
-      "syntax": [
-        {
-          "name": "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": "font-family",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-      "syntax": [
-        {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
-        }
-      ],
-      "values": [
-        {
-          "name": "sans-serif"
-        },
-        {
-          "name": "HYQiHei-65S"
-        }
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "true | false"
-        }
-      ],
-      "values": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": ""
-        }
-      ],
-      "restrictions": [
-        {
-          "name": ["enum"]
-        }
-      ]
-    },
-    {
-      "name": "star-background",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet"
-      ],
-      "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Color of the hint text"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "text-decoration-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Text decoration color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "icon-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Slider color"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "texton-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": "disappear-color",
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "disappear-font-size",
-      "syntax": [
-        {
-          "name": "<length>"
-        }
-      ],
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "phone"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "colors",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the minimum width of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "min-height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the minimum height of the element."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "max-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the maximum width of the element. The default value is unlimited."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "max-height",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<length> | <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the maximum height of the element. The default value is unlimited."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "box-shadow",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "h-shadow | v-shadow | blur | spread | color"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "This style allows you to set the shadow style of the current component"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "backdrop-filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "window-filter",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "blur() | style"
-        }
-      ],
-      "values": [
-        {
-          "name": "blur()"
-        }
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "display-index",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "flex-weight",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "aspect-ratio",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<number>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " "
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "number"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "caret-color",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
-        {
-          "name": "<color>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Sets the color of the input cursor."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "color"
-          ]
-        }
-      ]
-    }
-  ],
-  "atDirectives": [
-    {
-      "name": "@import",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Includes content of another file.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@keyframes",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Defines set of animation key frames.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@font-face",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "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": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "@media",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Defines a stylesheet for a particular media type",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "pseudoClasses": [
-    {
-      "name": ":active",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is being activated by the user",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":checked",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is checked or toggled to an on state",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":hover",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": " Represents the element when the mouse is hovering",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":waiting",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that is waiting for operation finished",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":disabled",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents any disabled element",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": ":focus",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Represents an element that has received focus",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ]
-}
+{
+  "properties": [
+    {
+      "name": "column-span",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "fill",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Use the shorthand property to set the fill color of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "fill-opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "fill-rule",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "nonzero | evenodd"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "nonzero | evenodd"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-dasharray",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-dashoffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the offset of the associative dashed array when rendering."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linejoin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[bevel | miter | round]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The shape used at the corner of the path when you stroke."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "bevel | miter | round"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[butt | round | square]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shapes used at the end of paths when they are traced"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "butt | round | square"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the limit value for drawing acute angles as bevels."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the coordinate transformation parameters of components and subcomponents"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "viewBox",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ry",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the radius of rectangle fillet in Y direction."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the center of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cy",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the center of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "r",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the radius of the circle."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "d",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x1",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the line start point."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y1",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the line start point."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "x2",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the x-axis coordinate of the end of the line."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "y2",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the y-axis coordinate of the end of the line."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "points",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set multiple coordinate points of the polyline"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dx",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set text X axis offset"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dy",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set text Y axis offset"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "startOffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>|<percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the starting offset of the text along the path"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attributeName",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the name of the property to be active"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "begin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the delay time of the action"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<time>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How long does the dynamic effect end"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "repeatCount",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number | indefinite>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "indefinite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<discrete | linear | paced | spline>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the interpolation mode for the animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "discrete",
+            "linear",
+            "paced",
+            "spline"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the start time of the keyframe animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "keySplines",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "from",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the start value of the property that you want to animate."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "to",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the end value of the property that you want to animate."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "values",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "string"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the variation values of a set of animations."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[translate | scale | rotate | skewX | skewY]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the type of the Transform animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "translate",
+            "scale",
+            "rotate",
+            "skewX",
+            "skewY"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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"
+        },
+        {
+          "name": "Component width. If this attribute is not set, default value 0 is used",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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"
+        },
+        {
+          "name": "Component height. If this attribute is not set, default value 0 is used",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>{1,4} || <percentage>{1,4}"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "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)"
+        },
+        {
+          "name": "Shorthand attribute to set all padding attributes",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-left",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom padding (in px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "padding-end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        },
+        {
+          "name": "<length>",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End padding"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Left margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Top margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Right margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Bottom margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Start margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "margin-end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-source",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "border image."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-slice",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border of the image is shifted inward"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width about the border of the image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-outset",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border image can exceed the size of the border box"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-repeat",
+      "syntax": [
+        {
+          "name": "stretch | repeat | round | space"
+        }
+      ],
+      "values": [
+        {
+          "name": "stretch",
+          "description": "Stretch the picture to fill the border"
+        },
+        {
+          "name": "repeat",
+          "description": "Tile the picture to fill the border"
+        },
+        {
+          "name": "round",
+          "description": "Tile the picture according to the image size"
+        },
+        {
+          "name": "space",
+          "description": "Tile the picture according to the image size, leaving the extra part blank."
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How the picture fills the border"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The image of border attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string",
+            "length",
+            "length",
+            "length",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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>"
+        },
+        {
+          "name": "<line-width>{1,4}",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of bottom borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-radius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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."
+        },
+        {
+          "name": "Attribute to set the radius of round borders of an element",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-left-radius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-image",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-repeat",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "flex",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "grid"
+        },
+        {
+          "name": "none",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-self",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "baseline"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
+        },
+        {
+          "syntax": [
+            {
+              "name": "stretch | flex-start | flex-end | center | baseline"
+            }
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "position",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform-origin",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "values": [
+        {
+          "name": "0px 0px"
+        },
+        {
+          "name": "0% 0%"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "values": [
+        {
+          "name": "matrix()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "none()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "matrix3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "translate()"
+        },
+        {
+          "name": "translate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "translateX()"
+        },
+        {
+          "name": "translateY()"
+        },
+        {
+          "name": "translateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "scale()"
+        },
+        {
+          "name": "scale3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "scaleX()"
+        },
+        {
+          "name": "scaleY()"
+        },
+        {
+          "name": "scaleZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "rotate()"
+        },
+        {
+          "name": "rotate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "rotateX('angle')"
+        },
+        {
+          "name": "rotateY('angle')"
+        },
+        {
+          "name": "rotateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skew()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skewX()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "skewY()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "perspective()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<transform-list>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Translation, rotation, and scaling attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation",
+      "syntax": [
+        {
+          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
+        }
+      ]
+    },
+    {
+      "name": "animation-name",
+      "syntax": [
+        {
+          "name": "[ none | <keyframes-name> ]#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "@keyframes rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "identifier"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-delay",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-duration",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-iteration-count",
+      "syntax": [
+        {
+          "name": "<single-animation-iteration-count>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "infinite"
+        },
+        {
+          "name": "1"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "enum"
+          ]
+        },
+        {
+          "name": [
+            "enum"
+          ],
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-timing-function",
+      "syntax": [
+        {
+          "name": "<easing-function>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "linear"
+        },
+        {
+          "name": "ease"
+        },
+        {
+          "name": "ease-in"
+        },
+        {
+          "name": "ease-out"
+        },
+        {
+          "name": "ease-in-out"
+        },
+        {
+          "name": "fast-out-slow-in"
+        },
+        {
+          "name": "linear-out-slow-in"
+        },
+        {
+          "name": "fast-out-linear-in"
+        },
+        {
+          "name": "friction"
+        },
+        {
+          "name": "extreme-deceleration"
+        },
+        {
+          "name": "sharp"
+        },
+        {
+          "name": "rhythm"
+        },
+        {
+          "name": "smooth"
+        },
+        {
+          "name": "cubic-bezier()"
+        },
+        {
+          "name": "steps()"
+        }
+      ],
+      "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 | backwards | both"
+        }
+      ],
+      "values": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        },
+        {
+          "name": "backwards",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        },
+        {
+          "name": "both",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-exit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Related to @keyframes, which supports transform and transparent animations"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-duration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "flex-start | flex-end | center | space-between | space-around"
+        }
+      ],
+      "values": [
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "space-between"
+        },
+        {
+          "name": "space-around"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "baseline"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        }
+      ],
+      "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": "scrollbar-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the color of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-width",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the width of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-offset",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the offset of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-height",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-length",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-origin",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "z-index",
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "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": "animation-direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "normal | reverse | alternate | alternate-reverse"
+        }
+      ],
+      "values": [
+        {
+          "name": "normal",
+          "description": "The animation is looped forward."
+        },
+        {
+          "name": "reverse",
+          "description": "Animation reverse loop"
+        },
+        {
+          "name": "alternate",
+          "description": "The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
+        },
+        {
+          "name": "alternate-reverse",
+          "description": "The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifying the Playback Mode of the Animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-play-state",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "paused | running"
+        }
+      ],
+      "values": [
+        {
+          "name": "paused",
+          "description": "The animation status is paused."
+        },
+        {
+          "name": "running",
+          "description": "The animation status is Play."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the current state of the animation"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the transition effect of a component state switch"
+        }
+      ]
+    },
+    {
+      "name": "overscroll-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "spring | fade | none"
+        }
+      ],
+      "values": [
+        {
+          "name": "spring",
+          "description": "Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
+        },
+        {
+          "name": "fade",
+          "description": "Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
+        },
+        {
+          "name": "none",
+          "description": "No effect after sliding to the edge"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the scrolling edge effect"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-content",
+      "syntax": [
+        {
+          "name": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
+        }
+      ],
+      "values": [
+        {
+          "name": "center"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "space-between"
+        },
+        {
+          "name": "space-around"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<string>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "columns",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Fill color of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-selected-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the currently selected navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-size",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-top",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-right",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-bottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "progress-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Loading color of the <refresh> component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "object-position",
+      "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": "word-break",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "break-word | normal | break-all"
+        }
+      ],
+      "values": [
+        {
+          "name": "break-word",
+          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
+        },
+        {
+          "name": "normal",
+          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
+        },
+        {
+          "name": "break-all",
+          "description": "Line breaks anywhere"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text word-break."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "overflow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "visible | hidden  | scroll"
+        }
+      ],
+      "values": [
+        {
+          "name": "visible",
+          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
+        },
+        {
+          "name": "hidden ",
+          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
+        },
+        {
+          "name": "scroll",
+          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "match-text-direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "stroke-width",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "secondary-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Secondary color of the component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scale-width",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font size (px).Currently, only 30px and 38px font sizes are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "allow-scale",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Character spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "word-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-indent",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the amount of indentation before the first line of text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "font-style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "font-variant",
+      "syntax": [
+        {
+          "name": "normal | none | <string>"
+        }
+      ],
+      "values": [
+        {
+          "name": "normal"
+        },
+        {
+          "name": "none"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Font variant"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-decoration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "values": [
+        {
+          "name": "left",
+          "description": "The text is left-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "center",
+          "description": "The text is center-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "right",
+          "description": "The text is right-aligned",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        },
+        {
+          "name": "start",
+          "description": "The text is aligned with the direction in which the text is written"
+        },
+        {
+          "name": "end",
+          "description": "The text in aligned with the opposite direction in which the text is written"
+        }
+      ],
+      "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>"
+        }
+      ],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "column-height",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the selector's selection list."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-valign",
+      "syntax": [
+        {
+          "name": "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": "font-family",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "sans-serif"
+        },
+        {
+          "name": "HYQiHei-65S"
+        }
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "star-background",
+      "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",
+      "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",
+      "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",
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color of the hint text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-decoration-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text decoration color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "icon-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Slider color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "texton-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "textoff-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text color displayed when the component is not checked"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-padding",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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": "disappear-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "disappear-font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "colors",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<url>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "url()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Supported sources of customized fonts"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "min-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the minimum width of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "min-height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the minimum height of the element."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "max-width",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the maximum width of the element. The default value is unlimited."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "max-height",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<length> | <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the maximum height of the element. The default value is unlimited."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "box-shadow",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "h-shadow | v-shadow | blur | spread | color"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This style allows you to set the shadow style of the current component"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "backdrop-filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "window-filter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "blur() | style"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "display-index",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-weight",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "aspect-ratio",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " "
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "caret-color",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Sets the color of the input cursor."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    }
+  ],
+  "atDirectives": [
+    {
+      "name": "@import",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Includes content of another file.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "@keyframes",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines set of animation key frames.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "@font-face",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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."
+        }
+      ]
+    },
+    {
+      "name": "@media",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Defines a stylesheet for a particular media type"
+        }
+      ]
+    }
+  ],
+  "pseudoClasses": [
+    {
+      "name": ":active",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is being activated by the user"
+        }
+      ]
+    },
+    {
+      "name": ":checked",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is checked or toggled to an on state"
+        }
+      ]
+    },
+    {
+      "name": ":hover",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " Represents the element when the mouse is hovering"
+        }
+      ]
+    },
+    {
+      "name": ":waiting",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that is waiting for operation finished"
+        }
+      ]
+    },
+    {
+      "name": ":disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents any disabled element"
+        }
+      ]
+    },
+    {
+      "name": ":focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Represents an element that has received focus"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
index 57c99e0268..1bca9a9dc5 100644
--- a/api/config/hml/basic/animate.json
+++ b/api/config/hml/basic/animate.json
@@ -6,204 +6,168 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "number",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "number" 
         },
         {
-          "name": "indefinite",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "indefinite" 
         }
       ]
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "by",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "by" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "values",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "values" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
index 5d2cb4ee3f..9db9003b9d 100644
--- a/api/config/hml/basic/animateMotion.json
+++ b/api/config/hml/basic/animateMotion.json
@@ -6,46 +6,38 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "path",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "path" ,
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "rotate" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
@@ -62,161 +54,133 @@
       ]
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "number"
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keyPoints",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyPoints" ,
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
index 47f48dc2bb..5aa960bc10 100644
--- a/api/config/hml/basic/animateTransform.json
+++ b/api/config/hml/basic/animateTransform.json
@@ -6,22 +6,18 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "" 
     }
   ],
   "attributes": [
     {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "type" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
@@ -44,197 +40,163 @@
       ]
     },
     {
-      "name": "attributeName",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeName" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "attributeType",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attributeType" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "begin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "begin" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "values",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "values" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keyTimes",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keyTimes" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "keySplines",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "keySplines" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "dur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "dur" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "end" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "repeatCount",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "repeatCount" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "number"
     },
     {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "fill" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "freeze" 
         },
         {
-          "name": "remove",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "remove" 
         }
       ]
     },
     {
-      "name": "calcMode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "calcMode" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "discrete" 
         },
         {
-          "name": "linear",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "linear" 
         },
         {
-          "name": "paced",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "paced" 
         },
         {
-          "name": "spline",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "spline" 
         }
       ]
     },
     {
-      "name": "from",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "from" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
     },
     {
-      "name": "to",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "to" ,
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "" 
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
index 3e5db15375..6163fe51b1 100644
--- a/api/config/hml/basic/block.json
+++ b/api/config/hml/basic/block.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "'Logic control block.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "'Logic control block." 
     }
   ],
   "attributes": [
     {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "for" ,
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Expands the current element based on the configured data list." 
         }
       ],
       "type": "string"
     },
     {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "if" ,
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether the element is added or removed." 
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/button.json b/api/config/hml/basic/button.json
index b776be7776..85c5220695 100644
--- a/api/config/hml/basic/button.json
+++ b/api/config/hml/basic/button.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <button> component includes capsule, circle, text, arc, and download buttons."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic modification is not supported. If this attribute is not set, capsule-like buttons are displayed. Different from the capsule button, the four rounded corners of a capsule-like button can be configured using border-radius. Available button types are as follows: capsule: a capsule button with fillets, background color, and text. circle: a circle button which can be used to place icons. text: a text button which displays the text only. arc: an arc button. download: a download button. The download progress bar is added.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "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."
         }
       ],
       "type": "enum",
@@ -36,42 +34,35 @@
           "name": "text"
         },
         {
-          "name": "arc",
-          "supportedDevices": ["wearable"]
+          "name": "arc"
         },
         {
-          "name": "download",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "download"
         }
       ]
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Text value of the button. This attribute is unavailable for circle buttons.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Text value of the button. This attribute is unavailable for circle buttons."
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "version": [
         {
@@ -80,8 +71,7 @@
       ],
       "description": [
         {
-          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text."
         }
       ],
       "type": "enum",
@@ -102,12 +92,10 @@
     },
     {
       "name": "waiting",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Waiting status. When waiting is set to true, the waiting transition is displayed on the left of the text. This attribute is unavailable for download buttons and smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "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."
         }
       ],
       "type": "enum",
@@ -122,25 +110,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +133,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +143,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +156,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,13 +166,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -213,13 +179,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -227,13 +189,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -244,13 +202,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -258,12 +212,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -272,13 +220,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -293,12 +235,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +243,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -328,12 +258,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -342,25 +266,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -369,13 +281,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -393,12 +299,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -407,25 +307,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -434,13 +322,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -458,12 +340,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +348,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,13 +363,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -529,12 +387,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,13 +395,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -564,12 +410,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -578,25 +418,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -605,25 +433,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -632,26 +448,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +468,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -676,13 +478,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -693,13 +491,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -707,13 +501,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +514,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -746,12 +532,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -760,13 +540,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -784,13 +558,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -811,13 +581,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -830,13 +596,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -847,13 +609,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -871,12 +629,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -884,24 +636,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -909,24 +649,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -934,24 +662,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -959,25 +675,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -987,26 +693,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1016,26 +714,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1045,26 +735,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1074,26 +756,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1103,26 +777,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1132,26 +798,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1161,26 +819,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1190,26 +840,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1219,26 +861,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1248,26 +882,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1277,26 +903,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1306,26 +924,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1335,26 +945,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1364,25 +966,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1390,24 +982,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1415,24 +995,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1440,25 +1008,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1468,25 +1026,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1494,24 +1042,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1519,24 +1055,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1544,13 +1068,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1559,4 +1077,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/calendar.json b/api/config/hml/basic/calendar.json
index a19ebeeef4..29a4d309d3 100644
--- a/api/config/hml/basic/calendar.json
+++ b/api/config/hml/basic/calendar.json
@@ -5,47 +5,41 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <calendar> component is used to create a calendar component. ",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <calendar> component is used to create a calendar component. "
     }
   ],
   "attributes": [
     {
       "name": "date",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar date."
         }
       ],
       "type": "object"
     },
     {
       "name": "dateadapter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar date."
         }
       ],
       "type": "string"
     },
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar swipe direction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar swipe direction."
         }
       ],
       "type": "enum",
@@ -60,12 +54,10 @@
     },
     {
       "name": "showholiday",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar to show holiday.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar to show holiday."
         }
       ],
       "type": "enum",
@@ -80,12 +72,10 @@
     },
     {
       "name": "showlunar",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar to show lunar.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar to show lunar."
         }
       ],
       "type": "enum",
@@ -100,12 +90,10 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar type.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar type."
         }
       ],
       "type": "enum",
@@ -120,36 +108,30 @@
     },
     {
       "name": "offdays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar offdays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar offdays."
         }
       ],
       "type": "string"
     },
     {
       "name": "workdays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar workdays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar workdays."
         }
       ],
       "type": "string"
     },
     {
       "name": "holidays",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "setting calendar holidays.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "setting calendar holidays."
         }
       ],
       "type": "string"
@@ -158,21 +140,17 @@
   "events": [
     {
       "name": "selectedchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when the select date.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when the select date."
         }
       ]
     },
     {
       "name": "goto",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when the jump to a certain month.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when the jump to a certain month."
         }
       ]
     }
@@ -181,4 +159,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/chart.json b/api/config/hml/basic/chart.json
index c410359f46..9bb8870dbb 100644
--- a/api/config/hml/basic/chart.json
+++ b/api/config/hml/basic/chart.json
@@ -1,1590 +1,1087 @@
-{
-  "name": "chart",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <chart> component displays line charts, gauge charts, and bar charts.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "bar"
-        },
-        {
-          "name": "line"
-        },
-        {
-          "name": "gauge",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "progress",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        },
-        {
-          "name": "loading",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        },
-        {
-          "name": "rainbow",
-          "supportedDevices": ["phone", "tablet"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "options",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "datasets",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "segments",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "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", "tablet"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "effects",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable the effects for progress and rainbow charts.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "animationduration",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "chart",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <chart> component displays line charts, gauge charts, and bar charts."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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)."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bar"
+        },
+        {
+          "name": "line"
+        },
+        {
+          "name": "gauge",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "progress",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "loading",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "rainbow",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "options",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "datasets",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "segments",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "effects",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the effects for progress and rainbow charts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "animationduration",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/circle.json b/api/config/hml/basic/circle.json
index 25a73ec27c..e22d5cc235 100644
--- a/api/config/hml/basic/circle.json
+++ b/api/config/hml/basic/circle.json
@@ -6,252 +6,225 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "cx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "cy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "r",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -261,16 +234,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/divider.json b/api/config/hml/basic/divider.json
index 83c0c05261..b45e1cc35f 100644
--- a/api/config/hml/basic/divider.json
+++ b/api/config/hml/basic/divider.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout."
     }
   ],
   "attributes": [
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,7 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -186,13 +145,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +160,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -221,13 +169,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +184,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -256,25 +193,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -283,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +227,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -321,25 +236,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -348,13 +252,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +270,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -386,25 +279,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -413,13 +295,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +319,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -457,13 +328,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +343,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -492,25 +352,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -519,25 +368,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -546,26 +384,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +404,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +414,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +427,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +437,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +450,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +468,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +477,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +495,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +518,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +533,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +546,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -787,4 +568,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/ellipse.json b/api/config/hml/basic/ellipse.json
index c4b6d8eb74..a13431ed5c 100644
--- a/api/config/hml/basic/ellipse.json
+++ b/api/config/hml/basic/ellipse.json
@@ -5,265 +5,221 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fillOpacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "cx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "cy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "rx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "ry",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -274,5 +230,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/image-animator.json b/api/config/hml/basic/image-animator.json
index a434f99d4a..20b1158ad2 100644
--- a/api/config/hml/basic/image-animator.json
+++ b/api/config/hml/basic/image-animator.json
@@ -1,1615 +1,1099 @@
-{
-  "name": "image-animator",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <image-animator> component is used to provide an image frame animator.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "images",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": true,
-      "description": [
-        {
-          "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "predecode",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "iteration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Number of times that the frame animation is played. number indicates a fixed number of playback operations, and infinite indicates an unlimited number of playback operations.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number|string"
-    },
-    {
-      "name": "reverse",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Playback sequence. The value false indicates that images are played from the first one to the last one, and true indicates that images are played from the last one to the first one.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "fixedsize",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the image size is fixed to the widget size. true: The image size is the same as the widget size. In this case, the width, height, top, and left attributes of the image are invalid. false: The width, height, top, and left attributes of each image must be set separately.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "duration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": true,
-      "description": [
-        {
-          "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "fillmode",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        }
-      ]
-
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "pause",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation pauses.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "resume",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation resumes.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "stop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the frame animation stops.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "image-animator",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <image-animator> component is used to provide an image frame animator."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "images",
+      "required": true,
+      "description": [
+        {
+          "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "predecode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "iteration",
+      "required": false,
+      "description": [
+        {
+          "name": "Number of times that the frame animation is played. number indicates a fixed number of playback operations, and infinite indicates an unlimited number of playback operations."
+        }
+      ],
+      "type": "number|string"
+    },
+    {
+      "name": "reverse",
+      "required": false,
+      "description": [
+        {
+          "name": "Playback sequence. The value false indicates that images are played from the first one to the last one, and true indicates that images are played from the last one to the first one."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "fixedsize",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the image size is fixed to the widget size. true: The image size is the same as the widget size. In this case, the width, height, top, and left attributes of the image are invalid. false: The width, height, top, and left attributes of each image must be set separately."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "duration",
+      "required": true,
+      "description": [
+        {
+          "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fillmode",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pause",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation pauses.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "resume",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the frame animation resumes.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stop",
+      "description": [
+        {
+          "name": "Triggered when the frame animation stops."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/image.json b/api/config/hml/basic/image.json
index 33a03471f7..a77158f79b 100644
--- a/api/config/hml/basic/image.json
+++ b/api/config/hml/basic/image.json
@@ -1,1500 +1,993 @@
-{
-  "name": "image",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <image> component is used to render and display images.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "alt",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Placeholder image displayed during image loading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "complete",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when an exception occurs during image loading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "image",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <image> component is used to render and display images."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "src",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "alt",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Placeholder image displayed during image loading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "complete",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when an image is successfully loaded.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "error",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when an exception occurs during image loading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/input.json b/api/config/hml/basic/input.json
index 180bea822b..924a549eeb 100644
--- a/api/config/hml/basic/input.json
+++ b/api/config/hml/basic/input.json
@@ -1,1836 +1,1383 @@
-{
-  "name": "input",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "button"
-        },
-        {
-          "name": "checkbox"
-        },
-        {
-          "name": "radio"
-        },
-        {
-          "name": "text",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "email",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "date",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "time",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "number",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "password",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "checked",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component is checked or not.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "name",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Name of the input component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "placeholder",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Content of the hint text. This attribute is available only when the component type is set to text, email, date, or time.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "maxlength",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum number of characters that can be entered in the input box. If no value is specified, the number of characters is not limited.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "enterkeytype",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed on the Enter button of the soft keyboard. Dynamic modification is not supported. Available values include: default, next, go, done, send, Search. NOTE The soft keyboard is automatically collapsed after you click the Enter button, except when next is displayed for the button.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "default"
-        },
-        {
-          "name": "next"
-        },
-        {
-          "name": "go"
-        },
-        {
-          "name": "done"
-        },
-        {
-          "name": "send"
-        },
-        {
-          "name": "search"
-        }
-      ]
-    },
-    {
-      "name": "headericon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Icon resource path before text input. This icon does not support click events and is unavailable for button, checkbox, and radio types. The supported icon image formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "showcounter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to obtain focus automatically.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to display the system soft keyboard during editing.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "showpasswordicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "selectedstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Initial selection position when you start selecting text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "End selection position when starting text selection.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Event triggered when text selection changes",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "enterkeyclick",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered after a user presses Enter on the soft keyboard. The type of the Enter button is returned.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "input",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "button"
+        },
+        {
+          "name": "checkbox"
+        },
+        {
+          "name": "radio"
+        },
+        {
+          "name": "text",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "email",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "date",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "time",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "number",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "password",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "checked",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is checked or not."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "name",
+      "required": false,
+      "description": [
+        {
+          "name": "Name of the input component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "value",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "placeholder",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Content of the hint text. This attribute is available only when the component type is set to text, email, date, or time.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "maxlength",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum number of characters that can be entered in the input box. If no value is specified, the number of characters is not limited.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "enterkeytype",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed on the Enter button of the soft keyboard. Dynamic modification is not supported. Available values include: default, next, go, done, send, Search. NOTE The soft keyboard is automatically collapsed after you click the Enter button, except when next is displayed for the button.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default"
+        },
+        {
+          "name": "next"
+        },
+        {
+          "name": "go"
+        },
+        {
+          "name": "done"
+        },
+        {
+          "name": "send"
+        },
+        {
+          "name": "search"
+        }
+      ]
+    },
+    {
+      "name": "headericon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Icon resource path before text input. This icon does not support click events and is unavailable for button, checkbox, and radio types. The supported icon image formats are JPG, PNG, and SVG.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "showcounter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "autofocus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to obtain focus automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "softkeyboardenabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to display the system soft keyboard during editing.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showpasswordicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "selectedstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Initial selection position when you start selecting text.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "selectedend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End selection position when starting text selection.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "menuoptions",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the content entered in the text box changes. The latest textsmost recent text entered by the user is returned."
+        }
+      ]
+    },
+    {
+      "name": "selectchange",
+      "description": [
+        {
+          "name": "Event triggered when text selection changes"
+        }
+      ]
+    },
+    {
+      "name": "enterkeyclick",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered after a user presses Enter on the soft keyboard. The type of the Enter button is returned.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "translate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "share",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "search",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "optionselect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/label.json b/api/config/hml/basic/label.json
index fc55275a1c..06598a496f 100644
--- a/api/config/hml/basic/label.json
+++ b/api/config/hml/basic/label.json
@@ -6,48 +6,38 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  
   "description": [
     {
-      "name": "The <label> component defines labels for the <input>, <button>, and <textarea> components. When a label is clicked, the click effect of the component associated with the label will be triggered.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <label> component defines labels for the <input>, <button>, and <textarea> components. When a label is clicked, the click effect of the component associated with the label will be triggered."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Attribute ID of the target component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute ID of the target component."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -57,28 +47,14 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -88,28 +64,14 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -119,28 +81,14 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -150,26 +98,14 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -178,13 +114,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +129,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -213,13 +138,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +153,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -248,25 +162,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -275,13 +178,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +196,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -313,25 +205,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -340,13 +221,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +239,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -378,25 +248,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -405,13 +264,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +288,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -449,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +312,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -484,25 +321,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -511,25 +337,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -538,27 +353,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -568,28 +370,14 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -599,28 +387,14 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -630,14 +404,7 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "enum",
@@ -652,12 +419,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +428,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,14 +446,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -717,14 +466,7 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -736,14 +478,7 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
       "required": false,
       "version": [
         {
@@ -753,14 +488,7 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/line.json b/api/config/hml/basic/line.json
index 2c59a18ac3..13047d8c9a 100644
--- a/api/config/hml/basic/line.json
+++ b/api/config/hml/basic/line.json
@@ -5,265 +5,221 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "x1",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y1",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "x2",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y2",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -273,19 +229,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/marquee.json b/api/config/hml/basic/marquee.json
index c8169cc827..d93fc8ea41 100644
--- a/api/config/hml/basic/marquee.json
+++ b/api/config/hml/basic/marquee.json
@@ -1,1228 +1,941 @@
-{
-  "name": "marquee",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <marquee> component displays single-line scrolling text.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "scrollamount",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum length of each scroll.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Number of rolling times. If this parameter is not set, the default value -1 is used. When the value is less than or equal to 0, the marquee scrolls continuously.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Direction in which the marquee scrolls, which can be left or right.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "left"
-        },
-        {
-          "name": "right"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "bounce",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee scrolls to the end.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "finish",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee finishes the specified number of scrollings (value of the loop attribute). It can be triggered only when the loop attribute is set to a number greater than 0.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the marquee starts to scroll.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "marquee",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <marquee> component displays single-line scrolling text."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "scrollamount",
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum length of each scroll."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "loop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Number of rolling times. If this parameter is not set, the default value -1 is used. When the value is less than or equal to 0, the marquee scrolls continuously.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "direction",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Direction in which the marquee scrolls, which can be left or right.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "left"
+        },
+        {
+          "name": "right"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "bounce",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee scrolls to the end.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "finish",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee finishes the specified number of scrollings (value of the loop attribute). It can be triggered only when the loop attribute is set to a number greater than 0.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the marquee starts to scroll.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "description": [
+        {
+          "name": "Triggered when a component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "description": [
+        {
+          "name": "Triggered when a component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "description": [
+        {
+          "name": "Triggered when the pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "description": [
+        {
+          "name": "Triggered when the pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "description": [
+        {
+          "name": "Triggered when the pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "description": [
+        {
+          "name": "Triggered when a user quickly slides on a component."
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The event will be called when the render node is attached on the tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "The event will be called when the render node is detached on the tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/menu.json b/api/config/hml/basic/menu.json
index c70af86028..7861be685e 100644
--- a/api/config/hml/basic/menu.json
+++ b/api/config/hml/basic/menu.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Target element selector. After the target element selector is used, a menu is automatically displayed when you click the target element. The pop-up menu is preferentially displayed in the lower right corner of the target element. When the visible space on the right is insufficient, the menu is moved leftward. When the visible space in the lower part is insufficient, the menu is moved upward.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Target element selector. After the target element selector is used, a menu is automatically displayed when you click the target element. The pop-up menu is preferentially displayed in the lower right corner of the target element. When the visible space on the right is insufficient, the menu is moved leftward. When the visible space in the lower part is insufficient, the menu is moved upward."
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Mode in which the target element triggers the pop-up window. Available values are as follows: click: Click the element to trigger the pop-up window. longpress: Press and hold the element to trigger the pop-up window.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Mode in which the target element triggers the pop-up window. Available values are as follows: click: Click the element to trigger the pop-up window. longpress: Press and hold the element to trigger the pop-up window."
         }
       ],
       "type": "enum",
@@ -48,37 +44,29 @@
     },
     {
       "name": "title",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Title of the pop-up window.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Title of the pop-up window."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -89,13 +77,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -103,13 +87,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -120,13 +100,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -134,13 +110,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +123,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +133,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +146,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,12 +156,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -210,13 +164,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -231,12 +179,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -245,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -266,12 +202,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -280,25 +210,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +225,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -331,12 +243,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -345,25 +251,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -372,13 +266,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -396,12 +284,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -410,25 +292,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +307,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -467,12 +331,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -481,13 +339,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -502,12 +354,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -516,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,25 +377,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -570,26 +392,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -600,13 +412,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -614,13 +422,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -631,13 +435,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -645,13 +445,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +458,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -684,12 +476,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -698,13 +484,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -722,13 +502,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -749,13 +525,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -768,13 +540,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -785,13 +553,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -809,21 +573,17 @@
   "events": [
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a value in a menu is selected. The returned value is the value attribute of the <option> component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a value in a menu is selected. The returned value is the value attribute of the <option> component."
         }
       ]
     },
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when an operation is canceled by the user.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when an operation is canceled by the user."
         }
       ]
     }
@@ -832,14 +592,12 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "option",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/option.json b/api/config/hml/basic/option.json
index 9825bb5dc7..e498b3702b 100644
--- a/api/config/hml/basic/option.json
+++ b/api/config/hml/basic/option.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "When used as a child component of <select>, the <option> component is used to display items in the drop-down list. When used as a child component of <menu>, the <option> component is used to display items in the displayed menu. When used as a child component of <navigation-menu>, the <option> component is used to display the menu item in the title bar.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "When used as a child component of <select>, the <option> component is used to display items in the drop-down list. When used as a child component of <menu>, the <option> component is used to display items in the displayed menu. When used as a child component of <navigation-menu>, the <option> component is used to display the menu item in the title bar."
     }
   ],
   "attributes": [
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a value is the default value in the drop-down list. This attribute is available only when the parent component is <select>.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a value is the default value in the drop-down list. This attribute is available only when the parent component is <select>."
         }
       ],
       "type": "enum",
@@ -36,31 +34,26 @@
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Value of the selection item, which is used as the returned value of the selected event of the <select>, <navigation-bar>, or <menu> parent component. NOTE The value of UI in the option must be placed in the label, for example, <option value='10'>October</option>.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value of the selection item, which is used as the returned value of the selected event of the <select>, <navigation-bar>, or <menu> parent component. NOTE The value of UI in the option must be placed in the label, for example, <option value='10'>October</option>."
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "action",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -69,8 +62,7 @@
       "required": false,
       "description": [
         {
-          "name": "Action of the option in the navigation bar. This attribute is available only when the parent component is <navigation-menu>. Available values include: popup: This option is hidden in More in the navigation bar. When a user clicks More, a pop-up window is displayed. show: This option is displayed on the navigation bar. When the icon is set, only the icon is displayed. When the number of options on the screen exceeds the maximum number (3, including the More icon) allowed by the navigation bar, the rest options are displayed in the pop-up window. When the number of options on the smart TV screen exceeds the maximum number (4) allowed by the navigation bar, the rest options will be discarded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Action of the option in the navigation bar. This attribute is available only when the parent component is <navigation-menu>. Available values include: popup: This option is hidden in More in the navigation bar. When a user clicks More, a pop-up window is displayed. show: This option is displayed on the navigation bar. When the icon is set, only the icon is displayed. When the number of options on the screen exceeds the maximum number (3, including the More icon) allowed by the navigation bar, the rest options are displayed in the pop-up window. When the number of options on the smart TV screen exceeds the maximum number (4) allowed by the navigation bar, the rest options will be discarded."
         }
       ],
       "type": "enum",
@@ -85,25 +77,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -114,13 +100,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -128,13 +110,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -145,13 +123,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -159,13 +133,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -176,13 +146,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -190,13 +156,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -207,13 +169,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -221,12 +179,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -235,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -256,12 +202,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -270,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -291,12 +225,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -305,25 +233,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -332,13 +248,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -356,12 +266,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -370,25 +274,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -397,13 +289,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -421,12 +307,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -435,25 +315,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,13 +330,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -492,12 +354,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -506,13 +362,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -527,12 +377,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -541,25 +385,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -568,25 +400,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -595,26 +415,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -625,13 +435,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -639,13 +445,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -656,13 +458,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -670,13 +468,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -687,13 +481,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -709,12 +499,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -723,13 +507,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -747,13 +525,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -774,13 +548,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -793,13 +563,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -810,13 +576,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -836,4 +598,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/path.json b/api/config/hml/basic/path.json
index 03fa512cc5..82b422ec1e 100644
--- a/api/config/hml/basic/path.json
+++ b/api/config/hml/basic/path.json
@@ -6,228 +6,204 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "d",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,16 +213,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/picker-view.json b/api/config/hml/basic/picker-view.json
index 1f8f5ec2e2..2ccc2c6006 100644
--- a/api/config/hml/basic/picker-view.json
+++ b/api/config/hml/basic/picker-view.json
@@ -1,1022 +1,847 @@
-{
-  "name": "picker-view",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <picker-view> component provides the view that shows an embedded scrollable selector on the screen.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Type of the scrollable selector. Available values include: text: text selector. time: time selector. date (Rich): date selector. datetime (Rich): date and time selector. multi-text (Rich): multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "text"
-        },
-        {
-          "name": "date",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "time"
-        },
-        {
-          "name": "datetime",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "multi-text",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "range",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Value range of the text selector. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Default value of the text selector. The value is the index of range.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "indicatorprefix",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Prefix field added when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "indicatorsuffix",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Suffix field added when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "containsecond",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether seconds are contained.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "hours",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Time format used by the time selector. Available values include: 12: displayed in 12-hour format and distinguished by a.m. and p.m. 24: displayed in 24-hour format.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "12"
-        },
-        {
-          "name": "24"
-        }
-      ]
-    },
-    {
-      "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Start date of the date selector, in the format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "End date of the date selector, in the format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "lunar",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the pop-up window displays the lunar calendar.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "vibrate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "lunarswitch",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "columns",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": true,
-      "description": [
-        {
-          "name": "Number of columns in the multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a value is specified for the text selector.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "columnchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the value of a column in the multi-column selector changes. column indicates the column whose value has changed, newValue indicates the selected value, and newSelected indicates the index of the selected value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "picker-view",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <picker-view> component provides the view that shows an embedded scrollable selector on the screen."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "required": false,
+      "description": [
+        {
+          "name": "Type of the scrollable selector. Available values include: text: text selector. time: time selector. date (Rich): date selector. datetime (Rich): date and time selector. multi-text (Rich): multi-column text selector."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "text"
+        },
+        {
+          "name": "date",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "time"
+        },
+        {
+          "name": "datetime",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "multi-text",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "range",
+      "required": false,
+      "description": [
+        {
+          "name": "Value range of the text selector. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "selected",
+      "required": false,
+      "description": [
+        {
+          "name": "Default value of the text selector. The value is the index of range."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "indicatorprefix",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Prefix field added when a value is specified for the text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "indicatorsuffix",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Suffix field added when a value is specified for the text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "containsecond",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether seconds are contained.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "hours",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Time format used by the time selector. Available values include: 12: displayed in 12-hour format and distinguished by a.m. and p.m. 24: displayed in 24-hour format.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "12"
+        },
+        {
+          "name": "24"
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Start date of the date selector, in the format of YYYY-MM-DD.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End date of the date selector, in the format of YYYY-MM-DD.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "lunar",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the pop-up window displays the lunar calendar.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "vibrate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "lunarswitch",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "columns",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": true,
+      "description": [
+        {
+          "name": "Number of columns in the multi-column text selector.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when a value is specified for the text selector."
+        }
+      ]
+    },
+    {
+      "name": "columnchange",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the value of a column in the multi-column selector changes. column indicates the column whose value has changed, newValue indicates the selected value, and newSelected indicates the index of the selected value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/picker.json b/api/config/hml/basic/picker.json
index 102968128a..f73ae1beae 100644
--- a/api/config/hml/basic/picker.json
+++ b/api/config/hml/basic/picker.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <picker> component supports common, date, time, data and time, and multi-column text selectors.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <picker> component supports common, date, time, data and time, and multi-column text selectors."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic modification is not supported. Available values include: text: text selector. date: date selector. time: time selector. datetime: date and time selector. multi-text: multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Dynamic modification is not supported. Available values include: text: text selector. date: date selector. time: time selector. datetime: date and time selector. multi-text: multi-column text selector."
         }
       ],
       "type": "enum",
@@ -45,67 +43,56 @@
     },
     {
       "name": "range",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Value range of the common selector, for example, ['15', '20', '25']. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript file.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value range of the common selector, for example, ['15', '20', '25']. NOTE Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable data: ['15', '20', '25'] in the JavaScript file."
         }
       ],
       "type": "string"
     },
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Default value of the common selector. The value should be the index of range.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Default value of the common selector. The value should be the index of range."
         }
       ],
       "type": "string"
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Value of the common selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Value of the common selector."
         }
       ],
       "type": "string"
     },
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Start date, in format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Start date, in format of YYYY-MM-DD."
         }
       ],
       "type": "string"
     },
     {
       "name": "end",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "End date, in format of YYYY-MM-DD.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "End date, in format of YYYY-MM-DD."
         }
       ],
       "type": "string"
     },
     {
       "name": "lunar",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -114,8 +101,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the pop-up window displays the lunar calendar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the pop-up window displays the lunar calendar."
         }
       ],
       "type": "enum",
@@ -130,7 +116,6 @@
     },
     {
       "name": "vibrate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v7.0"
@@ -139,8 +124,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled."
         }
       ],
       "type": "enum",
@@ -155,12 +139,10 @@
     },
     {
       "name": "lunarswitch",
-      "supportedDevices": ["phone","tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
-          "supportedDevices": ["phone","tablet"]
+          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones."
         }
       ],
       "type": "enum",
@@ -175,12 +157,10 @@
     },
     {
       "name": "containsecond",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether seconds are contained.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether seconds are contained."
         }
       ],
       "type": "enum",
@@ -195,7 +175,6 @@
     },
     {
       "name": "hours",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -204,8 +183,7 @@
       "required": false,
       "description": [
         {
-          "name": "Time format used by the date and time selector. Available values include: 12: displayed in 12-hour format and distinguished by morninga.m. and afternoonp.m. 24: displayed in 24-hour format.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Time format used by the date and time selector. Available values include: 12: displayed in 12-hour format and distinguished by morninga.m. and afternoonp.m. 24: displayed in 24-hour format."
         }
       ],
       "type": "enum",
@@ -220,37 +198,29 @@
     },
     {
       "name": "columns",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": true,
       "description": [
         {
-          "name": "Number of columns in the multi-column text selector.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Number of columns in the multi-column text selector."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -261,13 +231,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -275,13 +241,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -292,13 +254,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -306,13 +264,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -323,13 +277,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -337,13 +287,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -354,13 +300,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -368,12 +310,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -382,13 +318,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -403,12 +333,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +341,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -438,12 +356,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -452,25 +364,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -479,13 +379,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -503,12 +397,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -517,25 +405,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -544,13 +420,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -568,12 +438,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -582,25 +446,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -609,13 +461,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -639,12 +485,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -653,13 +493,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -674,12 +508,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -688,25 +516,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -715,25 +531,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -742,26 +546,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -772,13 +566,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -786,13 +576,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -803,13 +589,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -817,13 +599,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -834,13 +612,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -856,12 +630,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -870,13 +638,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -894,13 +656,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -921,13 +679,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -940,13 +694,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -957,13 +707,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -981,42 +727,30 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the cancel button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the cancel button is clicked."
         }
       ]
     },
     {
       "name": "columnchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the value of a column in the multi-column text selector changes. column indicates the column whose value has changed. newValue indicates the selected value. newSelected indicates the index of the selected value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the value of a column in the multi-column text selector changes. column indicates the column whose value has changed. newValue indicates the selected value. newSelected indicates the index of the selected value."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1024,24 +758,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1049,24 +771,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1074,24 +784,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1099,25 +797,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +815,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +836,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +857,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +878,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +899,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +920,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +941,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,26 +962,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1359,26 +983,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1388,26 +1004,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1417,26 +1025,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1446,26 +1046,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1475,26 +1067,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1504,25 +1088,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1530,24 +1104,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1555,24 +1117,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1580,25 +1130,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1608,25 +1148,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1634,24 +1164,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1659,24 +1177,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1684,13 +1190,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1699,4 +1199,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/piece.json b/api/config/hml/basic/piece.json
index 2731c2f627..a96c54912b 100644
--- a/api/config/hml/basic/piece.json
+++ b/api/config/hml/basic/piece.json
@@ -5,35 +5,31 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients."
     }
   ],
   "attributes": [
     {
       "name": "content",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Action block text content.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Action block text content."
         }
       ],
       "type": "string"
     },
     {
       "name": "closable",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon."
         }
       ],
       "type": "enum",
@@ -48,37 +44,29 @@
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -89,13 +77,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -103,13 +87,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -120,13 +100,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -134,13 +110,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -151,13 +123,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -165,13 +133,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -182,13 +146,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -196,12 +156,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -210,13 +164,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -231,12 +179,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -245,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -266,12 +202,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -280,25 +210,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -307,13 +225,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -331,12 +243,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -345,25 +251,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -372,13 +266,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -396,12 +284,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -410,25 +292,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +307,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -467,12 +331,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -481,13 +339,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -502,12 +354,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -516,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -543,25 +377,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -570,26 +392,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -600,13 +412,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -614,13 +422,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -631,13 +435,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -645,13 +445,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -662,13 +458,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -684,12 +476,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -698,13 +484,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -722,13 +502,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -749,13 +525,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -768,13 +540,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -785,13 +553,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -809,22 +573,14 @@
   "events": [
     {
       "name": "close",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -832,24 +588,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -857,24 +601,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -882,24 +614,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -907,25 +627,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -935,26 +645,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -964,26 +666,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -993,26 +687,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1022,26 +708,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1051,26 +729,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1080,26 +750,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1109,26 +771,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1138,26 +792,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1167,26 +813,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1196,26 +834,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1225,26 +855,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1254,26 +876,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1283,26 +897,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1312,25 +918,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1338,24 +934,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1363,24 +947,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1388,25 +960,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1416,25 +978,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1442,24 +994,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1467,24 +1007,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1492,13 +1020,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1507,4 +1029,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/polygon.json b/api/config/hml/basic/polygon.json
index df814724ad..72285ef3e8 100644
--- a/api/config/hml/basic/polygon.json
+++ b/api/config/hml/basic/polygon.json
@@ -5,229 +5,191 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "points",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,19 +199,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/polyline.json b/api/config/hml/basic/polyline.json
index dc48f50e6c..3f4e3d2b4f 100644
--- a/api/config/hml/basic/polyline.json
+++ b/api/config/hml/basic/polyline.json
@@ -5,229 +5,191 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "points",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -237,19 +199,15 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/progress.json b/api/config/hml/basic/progress.json
index 18e86c38d9..5fd951f1db 100644
--- a/api/config/hml/basic/progress.json
+++ b/api/config/hml/basic/progress.json
@@ -1,1541 +1,1036 @@
-{
-  "name": "progress",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "horizontal"
-        },
-        {
-          "name": "circular",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "ring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "scale-ring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "arc"
-        },
-        {
-          "name": "eclipse",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-          "version": [
-            {
-              "name": "v5.0"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "percent",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Current progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "secondarypercent",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Secondary progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "clockwise",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the ring progress bar uses clockwise.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "progress",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <progress> component is used to provide a progress bar that displays the progress of content loading or operation processing."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "horizontal"
+        },
+        {
+          "name": "circular",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "ring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "scale-ring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "arc"
+        },
+        {
+          "name": "eclipse",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "percent",
+      "required": false,
+      "description": [
+        {
+          "name": "Current progress. The value ranges from 0 to 100."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "secondarypercent",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Secondary progress. The value ranges from 0 to 100.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "clockwise",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the ring progress bar uses clockwise.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/qrcode.json b/api/config/hml/basic/qrcode.json
index 4b8a8252cb..2e6bf0c2a3 100644
--- a/api/config/hml/basic/qrcode.json
+++ b/api/config/hml/basic/qrcode.json
@@ -5,35 +5,32 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
   "description": [
     {
-      "name": "The <qrcode> component is used to generate and display a QR code.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+      "name": "The <qrcode> component is used to generate and display a QR code."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "required": true,
       "description": [
         {
-          "name": "Content used to generate the QR code",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Content used to generate the QR code"
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "required": false,
       "description": [
         {
-          "name": "QR code type Available values are as follows:rect: rectangular QR code.circle: round QR code.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "QR code type Available values are as follows:rect: rectangular QR code.circle: round QR code."
         }
       ],
       "type": "enum",
@@ -48,26 +45,22 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -76,29 +69,13 @@
       ],
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -107,29 +84,13 @@
       ],
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -138,29 +99,13 @@
       ],
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -169,26 +114,15 @@
       ],
       "description": [
         {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -199,11 +133,8 @@
       "description": [
         {
           "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -219,11 +150,8 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -234,11 +162,8 @@
       "description": [
         {
           "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -254,11 +179,8 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -269,11 +191,8 @@
       "description": [
         {
           "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -281,11 +200,8 @@
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -296,11 +212,8 @@
       "description": [
         {
           "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -319,11 +232,8 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -334,11 +244,8 @@
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -346,11 +253,8 @@
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -361,11 +265,8 @@
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -384,11 +285,8 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -399,11 +297,8 @@
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -411,11 +306,8 @@
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -426,11 +318,8 @@
       "description": [
         {
           "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -455,11 +344,8 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -470,11 +356,8 @@
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -490,11 +373,8 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -505,11 +385,8 @@
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -517,11 +394,8 @@
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -532,11 +406,8 @@
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -544,11 +415,8 @@
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "required": false,
       "version": [
@@ -559,11 +427,8 @@
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -571,14 +436,6 @@
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -587,29 +444,13 @@
       ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -618,29 +459,13 @@
       ],
       "description": [
         {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -649,15 +474,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -672,11 +489,8 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -687,11 +501,8 @@
       "description": [
         {
           "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ],
@@ -710,14 +521,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -737,14 +540,6 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -756,14 +551,6 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -772,15 +559,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -797,11 +576,8 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -811,22 +587,16 @@
       "description": [
         {
           "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -836,22 +606,16 @@
       "description": [
         {
           "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -861,22 +625,16 @@
       "description": [
         {
           "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -886,25 +644,14 @@
       "description": [
         {
           "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -912,28 +659,12 @@
       ],
       "description": [
         {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -941,28 +672,12 @@
       ],
       "description": [
         {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -970,28 +685,12 @@
       ],
       "description": [
         {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -999,28 +698,12 @@
       ],
       "description": [
         {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1028,28 +711,12 @@
       ],
       "description": [
         {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1057,28 +724,12 @@
       ],
       "description": [
         {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1086,28 +737,12 @@
       ],
       "description": [
         {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch is interrupted."
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1115,28 +750,12 @@
       ],
       "description": [
         {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The duration of drag."
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1144,28 +763,12 @@
       ],
       "description": [
         {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag starts."
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1173,28 +776,12 @@
       ],
       "description": [
         {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag ends."
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1202,28 +789,12 @@
       ],
       "description": [
         {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag enters."
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1231,28 +802,12 @@
       ],
       "description": [
         {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag overs."
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1260,28 +815,12 @@
       ],
       "description": [
         {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag leaves."
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1289,25 +828,14 @@
       ],
       "description": [
         {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag drops."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1317,22 +845,16 @@
       "description": [
         {
           "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1342,22 +864,16 @@
       "description": [
         {
           "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1367,25 +883,14 @@
       "description": [
         {
           "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v5.0"
@@ -1393,25 +898,14 @@
       ],
       "description": [
         {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A user quickly swipes on a component."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1421,22 +915,16 @@
       "description": [
         {
           "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1446,22 +934,16 @@
       "description": [
         {
           "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
       ],
       "version": [
         {
@@ -1471,11 +953,8 @@
       "description": [
         {
           "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
           ]
         }
       ]
@@ -1485,4 +964,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/rating.json b/api/config/hml/basic/rating.json
index 5abdec0cab..18811e0347 100644
--- a/api/config/hml/basic/rating.json
+++ b/api/config/hml/basic/rating.json
@@ -5,59 +5,51 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <rating> component provides a rating bar used for reviews and ratings.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <rating> component provides a rating bar used for reviews and ratings."
     }
   ],
   "attributes": [
     {
       "name": "numstars",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of rating stars.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Maximum number of rating stars."
         }
       ],
       "type": "number"
     },
     {
       "name": "rating",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Current rating value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Current rating value."
         }
       ],
       "type": "number"
     },
     {
       "name": "stepsize",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Step to increment the rating value, which is supported for smartphones only.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Step to increment the rating value, which is supported for smartphones only."
         }
       ],
       "type": "number"
     },
     {
       "name": "indicator",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether to make the rating icons as an indicator (not-editable by users).",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether to make the rating icons as an indicator (not-editable by users)."
         }
       ],
       "type": "enum",
@@ -72,25 +64,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -101,13 +87,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -115,13 +97,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -132,13 +110,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -146,13 +120,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -163,13 +133,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -177,13 +143,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -194,13 +156,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -208,12 +166,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -222,13 +174,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -243,12 +189,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -257,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -278,12 +212,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -292,25 +220,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -319,13 +235,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -343,12 +253,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -357,25 +261,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -384,13 +276,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -408,12 +294,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -422,25 +302,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +317,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -479,12 +341,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -493,13 +349,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -514,12 +364,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -528,25 +372,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -555,25 +387,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -582,26 +402,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -612,13 +422,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -626,13 +432,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -643,13 +445,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -657,13 +455,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -674,13 +468,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -696,12 +486,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -710,13 +494,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -734,13 +512,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +535,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -780,13 +550,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -797,13 +563,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -821,63 +583,49 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the rating value changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the rating value changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping starts."
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping ends."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -887,26 +635,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -916,26 +656,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -945,26 +677,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -974,26 +698,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1003,26 +719,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1032,26 +740,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1061,26 +761,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1090,26 +782,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1119,26 +803,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1148,26 +824,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1177,26 +845,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1206,84 +866,66 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user quickly slides on a component."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is attached on the tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is detached on the tree."
         }
       ]
     }
@@ -1292,4 +934,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/rect.json b/api/config/hml/basic/rect.json
index bd7509f258..05c31de4bb 100644
--- a/api/config/hml/basic/rect.json
+++ b/api/config/hml/basic/rect.json
@@ -6,288 +6,238 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "height",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "rx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "ry",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
@@ -297,16 +247,13 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animate"
     },
     {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateTransform"
     },
     {
-      "name": "animateMotion",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "animateMotion"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/richtext.json b/api/config/hml/basic/richtext.json
index a264015261..f2b085e140 100644
--- a/api/config/hml/basic/richtext.json
+++ b/api/config/hml/basic/richtext.json
@@ -5,47 +5,65 @@
       "name": "v6.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <richtext> component is used to render and display html rich text content.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <richtext> component is used to render and display html rich text content."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -54,32 +72,22 @@
   "events": [
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an image is successfully loaded."
         }
       ]
     },
     {
       "name": "complete",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an image is successfully loaded."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -87,24 +95,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -112,24 +108,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -137,24 +121,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -162,25 +134,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -190,26 +152,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -219,26 +173,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -248,26 +194,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -277,26 +215,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -306,26 +236,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -335,26 +257,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -364,26 +278,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -393,26 +299,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -422,26 +320,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -451,26 +341,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -480,26 +362,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -509,26 +383,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -538,26 +404,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -567,25 +425,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -593,24 +441,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -618,24 +454,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -643,25 +467,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -671,25 +485,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -697,24 +501,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -722,24 +514,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -747,13 +527,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -762,4 +536,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/search.json b/api/config/hml/basic/search.json
index 38c4061ea5..e5ce238ae9 100644
--- a/api/config/hml/basic/search.json
+++ b/api/config/hml/basic/search.json
@@ -5,54 +5,47 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <search> component provides an input area for users to search.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <search> component provides an input area for users to search."
     }
   ],
   "attributes": [
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Search icon. By default, the system search icon is used. The supported icon format is SVG, JPG, and PNG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Search icon. By default, the system search icon is used. The supported icon format is SVG, JPG, and PNG."
         }
       ],
       "type": "string"
     },
     {
       "name": "hint",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Hint text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Hint text."
         }
       ],
       "type": "string"
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Text in the search box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Text in the search box."
         }
       ],
       "type": "string"
     },
     {
       "name": "searchbutton",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -61,15 +54,13 @@
       "required": false,
       "description": [
         {
-          "name": "Search button text value at the end of the search box",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Search button text value at the end of the search box"
         }
       ],
       "type": "string"
     },
     {
       "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -78,33 +69,26 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -115,13 +99,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -129,13 +109,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -146,13 +122,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -160,13 +132,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -177,13 +145,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -191,13 +155,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -208,13 +168,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -222,12 +178,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,13 +186,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -257,12 +201,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -271,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -292,12 +224,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -306,25 +232,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,13 +247,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -357,12 +265,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -371,25 +273,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,13 +288,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -422,12 +306,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -436,25 +314,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -463,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -493,12 +353,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -507,13 +361,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -528,12 +376,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -542,25 +384,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -569,25 +399,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -596,26 +414,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -626,13 +434,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,13 +444,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -657,13 +457,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -671,13 +467,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -688,13 +480,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -710,12 +498,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -724,13 +506,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -748,13 +524,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -775,13 +547,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -794,13 +562,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -811,13 +575,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -835,72 +595,54 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "submit",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user clicks the search icon or presses the search button on the soft keyboard.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user clicks the search icon or presses the search button on the soft keyboard."
         }
       ]
     },
     {
       "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -908,24 +650,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -933,24 +663,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -958,24 +676,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -983,25 +689,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1011,26 +707,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1040,26 +728,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1069,26 +749,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1098,26 +770,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +791,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +812,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +833,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +854,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +875,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +896,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +917,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,26 +938,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1359,26 +959,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1388,25 +980,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1414,24 +996,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1439,24 +1009,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1464,25 +1022,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1492,25 +1040,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1518,24 +1056,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1543,24 +1069,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1568,13 +1082,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1583,4 +1091,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/select.json b/api/config/hml/basic/select.json
index 84c2167112..cddd7792ca 100644
--- a/api/config/hml/basic/select.json
+++ b/api/config/hml/basic/select.json
@@ -5,36 +5,30 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <select> component provides a drop-down list that allows users to select among multiple options.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <select> component provides a drop-down list that allows users to select among multiple options."
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,22 +535,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -788,24 +550,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -813,24 +563,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -838,24 +576,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -863,25 +589,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -891,26 +607,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -920,26 +628,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -949,26 +649,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -978,26 +670,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1007,26 +691,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1036,26 +712,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1065,26 +733,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1094,26 +754,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1123,26 +775,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1152,26 +796,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1181,26 +817,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1210,26 +838,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1239,26 +859,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1268,25 +880,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1294,24 +896,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1319,24 +909,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1344,25 +922,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1372,25 +940,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1398,24 +956,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1423,24 +969,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1448,13 +982,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1463,14 +991,12 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "option",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/slider.json b/api/config/hml/basic/slider.json
index e6f597d76b..8be6ec22ab 100644
--- a/api/config/hml/basic/slider.json
+++ b/api/config/hml/basic/slider.json
@@ -1,1655 +1,1156 @@
-{
-  "name": "slider",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <slider> component is used to quickly adjust the settings, such as the volume and brightness.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "min",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Minimum value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "max",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Initial value of the slider.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "step",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Step of each slide. This attribute is supported only for smart TVs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "type",
-      "supportedDevices": ["wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
-          "supportedDevices": ["wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "continuous"
-        },
-        {
-          "name": "intermittent"
-        }
-      ]
-    },
-    {
-      "name": "minicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "URI of the image at the minimum end of the slider. This attribute is available only for smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "maxicon",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "URI of the image at the maximum end of the slider. This attribute is available only for smart watches.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "mode",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "outset"
-        },
-        {
-          "name": "inset"
-        }
-      ]
-    },
-    {
-      "name": "showsteps",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display slider scales.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "showtips",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the progress value changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "slider",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <slider> component is used to quickly adjust the settings, such as the volume and brightness."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "direction",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "min",
+      "required": false,
+      "description": [
+        {
+          "name": "Minimum value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "max",
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "value",
+      "required": false,
+      "description": [
+        {
+          "name": "Initial value of the slider."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "step",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Step of each slide. This attribute is supported only for smart TVs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "continuous"
+        },
+        {
+          "name": "intermittent"
+        }
+      ]
+    },
+    {
+      "name": "minicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "URI of the image at the minimum end of the slider. This attribute is available only for smart watches.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "maxicon",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "URI of the image at the maximum end of the slider. This attribute is available only for smart watches.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "mode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "outset"
+        },
+        {
+          "name": "inset"
+        }
+      ]
+    },
+    {
+      "name": "showsteps",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display slider scales.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showtips",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the progress value changes."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/slot.json b/api/config/hml/basic/slot.json
index e549b64e78..e9c0904bcb 100644
--- a/api/config/hml/basic/slot.json
+++ b/api/config/hml/basic/slot.json
@@ -6,27 +6,19 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": [
-    "phone",
-    "tablet",
-    "tv",
-    "wearable"
-  ],
+  
   "description": [
     {
-      "name": "slot component allow developer to distribute the content of custom component",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "slot component allow developer to distribute the content of custom component"
     }
   ],
   "attributes": [
     {
       "name": "name",
-      "supportedDevices": [],
       "required": false,
       "description": [
         {
-          "name": "Specify insert name",
-          "supportedDevices": []
+          "name": "Specify insert name"
         }
       ],
       "type": "string"
diff --git a/api/config/hml/basic/span.json b/api/config/hml/basic/span.json
index afc2e8a5d9..172f5c2658 100644
--- a/api/config/hml/basic/span.json
+++ b/api/config/hml/basic/span.json
@@ -1,1113 +1,855 @@
-{
-  "name": "span",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-  "description": [
-    {
-      "name": "The <span> child component of <text> is used as a text modifier.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "span",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
+  "description": [
+    {
+      "name": "The <span> child component of <text> is used as a text modifier."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "drag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "description": [
+        {
+          "name": "Triggered when the tapping starts."
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "description": [
+        {
+          "name": "Triggered when the tapping moves."
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "description": [
+        {
+          "name": "Triggered when the tapping is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "description": [
+        {
+          "name": "Triggered when the tapping ends."
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is long pressed.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "description": [
+        {
+          "name": "The event will be called when the render node is attached on the tree."
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "description": [
+        {
+          "name": "The event will be called when the render node is detached on the tree."
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "span"
+    },
+    {
+      "name": "block"
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/switch.json b/api/config/hml/basic/switch.json
index eb412c7ee4..dd9c3771f1 100644
--- a/api/config/hml/basic/switch.json
+++ b/api/config/hml/basic/switch.json
@@ -1,1530 +1,1021 @@
-{
-  "name": "switch",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <switch> component is used to enable or disable a function.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "checked",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component is checked or not.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "showtext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component displays text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "texton",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed when the component is checked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "textoff",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Text displayed when the component is not checked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the progress value changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "switch",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <switch> component is used to enable or disable a function."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "checked",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is checked or not."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "showtext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component displays text.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "texton",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed when the component is checked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "textoff",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Text displayed when the component is not checked.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the progress value changes."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/text.json b/api/config/hml/basic/text.json
index 2cd97a8aad..2d225cae59 100644
--- a/api/config/hml/basic/text.json
+++ b/api/config/hml/basic/text.json
@@ -1,1213 +1,879 @@
-{
-  "name": "text",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <text> component is used to display a piece of textual information.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "color"
-    },
-    {
-      "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "dy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set text Y axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "dx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Set text x axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "color"
-    },
-    {
-      "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "animateTransform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "tspan",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "textpath",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "animate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "text",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+  
+  "description": [
+    {
+      "name": "The <text> component is used to display a piece of textual information."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text Y axis offset.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text x axis offset.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "id",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "Attribute set for components to facilitate data storage and reading.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "voicelabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "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.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      
+      "required": false,
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      
+      "required": false,
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "detached",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "span",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "animateTransform",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "tspan",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "textpath",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "animate",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "level": 1
+    },
+    {
+      "name": "block",
+      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/textarea.json b/api/config/hml/basic/textarea.json
index bf20f5358d..d987e5e8d1 100644
--- a/api/config/hml/basic/textarea.json
+++ b/api/config/hml/basic/textarea.json
@@ -5,59 +5,51 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <textarea> component provides a text box to receive multi-line text input.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <textarea> component provides a text box to receive multi-line text input."
     }
   ],
   "attributes": [
     {
       "name": "placeholder",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Content of the hint text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Content of the hint text."
         }
       ],
       "type": "string"
     },
     {
       "name": "maxlength",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of characters that can be entered in the multi-line text box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Maximum number of characters that can be entered in the multi-line text box."
         }
       ],
       "type": "number"
     },
     {
       "name": "headericon",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Icon displayed before text input. This icon does not support click events. The supported icon formats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Icon displayed before text input. This icon does not support click events. The supported icon formats are JPG, PNG, and SVG."
         }
       ],
       "type": "string"
     },
     {
       "name": "extend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a text box can be extended. If the value of this attribute is set to true, the height of the text box can adapt to the text.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a text box can be extended. If the value of this attribute is set to true, the height of the text box can adapt to the text."
         }
       ],
       "type": "enum",
@@ -72,7 +64,6 @@
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -81,15 +72,13 @@
       "required": false,
       "description": [
         {
-          "name": "Contents of a multiline text box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Contents of a multiline text box."
         }
       ],
       "type": "string"
     },
     {
       "name": "showcounter",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -98,8 +87,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength."
         }
       ],
       "type": "enum",
@@ -114,7 +102,6 @@
     },
     {
       "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -123,15 +110,13 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box."
         }
       ],
       "type": "string"
     },
     {
       "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -140,8 +125,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to obtain focus automatically.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether to obtain focus automatically."
         }
       ],
       "type": "enum",
@@ -156,7 +140,6 @@
     },
     {
       "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -165,8 +148,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to display the system soft keyboard during editing.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether to display the system soft keyboard during editing."
         }
       ],
       "type": "enum",
@@ -181,7 +163,6 @@
     },
     {
       "name": "selectedstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -190,15 +171,13 @@
       "required": false,
       "description": [
         {
-          "name": "Initial selection position when you start selecting text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Initial selection position when you start selecting text."
         }
       ],
       "type": "number"
     },
     {
       "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -207,33 +186,26 @@
       "required": false,
       "description": [
         {
-          "name": "End selection position when starting text selection.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "End selection position when starting text selection."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -244,13 +216,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -258,13 +226,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -275,13 +239,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -289,13 +249,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -306,13 +262,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -320,13 +272,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -337,13 +285,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -351,12 +295,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -365,13 +303,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -386,12 +318,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -400,13 +326,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -421,12 +341,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -435,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,13 +364,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -486,12 +382,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -500,25 +390,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -527,13 +405,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -551,12 +423,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -565,25 +431,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -592,13 +446,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -622,12 +470,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -636,13 +478,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -657,12 +493,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -671,25 +501,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -698,25 +516,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -725,26 +531,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -755,13 +551,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -769,13 +561,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -786,13 +574,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -800,13 +584,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -817,13 +597,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -839,12 +615,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -853,13 +623,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -877,13 +641,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -904,13 +664,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -923,13 +679,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -940,13 +692,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -964,17 +712,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the content entered in the text box changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the content entered in the text box changes."
         }
       ]
     },
     {
       "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -982,14 +727,12 @@
       ],
       "description": [
         {
-          "name": "Event triggered when text selection changes",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event triggered when text selection changes"
         }
       ]
     },
     {
       "name": "translate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -997,14 +740,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "share",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1012,14 +753,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "search",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1027,14 +766,12 @@
       ],
       "description": [
         {
-          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content."
         }
       ]
     },
     {
       "name": "optionselect",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v5.0"
@@ -1042,19 +779,12 @@
       ],
       "description": [
         {
-          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1062,24 +792,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1087,24 +805,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1112,24 +818,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1137,25 +831,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1165,26 +849,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1194,26 +870,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1223,26 +891,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1252,26 +912,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1281,26 +933,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1310,26 +954,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1339,26 +975,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1368,26 +996,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1397,26 +1017,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1426,26 +1038,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1455,26 +1059,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1484,26 +1080,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1513,26 +1101,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1542,25 +1122,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1568,24 +1138,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1593,24 +1151,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1618,25 +1164,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1646,25 +1182,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1672,24 +1198,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1697,24 +1211,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1722,13 +1224,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1737,4 +1233,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/textpath.json b/api/config/hml/basic/textpath.json
index 9d529cc46e..968cb03203 100644
--- a/api/config/hml/basic/textpath.json
+++ b/api/config/hml/basic/textpath.json
@@ -6,130 +6,118 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
   "description": [
     {
-      "name": "Draw text along a path.",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": "Draw text along a path."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "path",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the shape of the path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the shape of the path."
         }
       ],
       "type": "string"
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the size of the text."
         }
       ],
       "type": "length"
     },
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill color."
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Draws the font border and specifies the color."
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border width."
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border transparency."
         }
       ],
       "type": "number"
     },
     {
       "name": "startOffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the starting offset of the text along the path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the starting offset of the text along the path."
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      
       "required": false,
       "description": [
         {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill transparency."
         }
       ],
       "type": "number"
diff --git a/api/config/hml/basic/toggle.json b/api/config/hml/basic/toggle.json
index 1b04477f60..6e718d66d6 100644
--- a/api/config/hml/basic/toggle.json
+++ b/api/config/hml/basic/toggle.json
@@ -5,35 +5,31 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Text value of the toggle component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Text value of the toggle component."
         }
       ],
       "type": "string"
     },
     {
       "name": "checked",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the toggle component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the toggle component is selected."
         }
       ],
       "type": "enum",
@@ -48,25 +44,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -77,13 +67,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -91,13 +77,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -108,13 +90,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -122,13 +100,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -139,13 +113,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -153,13 +123,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +136,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,12 +146,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -198,13 +154,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -219,12 +169,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -233,13 +177,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -254,12 +192,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,25 +200,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -295,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -319,12 +233,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,25 +241,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -360,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -384,12 +274,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,25 +282,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -425,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -455,12 +321,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -469,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -490,12 +344,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -504,25 +352,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -531,25 +367,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -558,26 +382,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -588,13 +402,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -602,13 +412,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -619,13 +425,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -633,13 +435,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -650,13 +448,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,12 +466,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -686,13 +474,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -710,13 +492,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -737,13 +515,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -756,13 +530,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -773,13 +543,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -797,22 +563,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the component selection status changes.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggered when the component selection status changes."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +578,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +591,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +604,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +617,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +635,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +656,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +677,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +698,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +719,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +740,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +761,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +782,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +803,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +824,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +845,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +866,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +887,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +908,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +924,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +937,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +950,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +968,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +984,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +997,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1010,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,4 +1019,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/toolbar-item.json b/api/config/hml/basic/toolbar-item.json
index b47c924afe..e1bf4c0030 100644
--- a/api/config/hml/basic/toolbar-item.json
+++ b/api/config/hml/basic/toolbar-item.json
@@ -5,60 +5,50 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar."
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Text content of the operation item",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Text content of the operation item"
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -69,13 +59,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -83,13 +69,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -100,13 +82,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -114,13 +92,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -131,13 +105,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -145,13 +115,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -162,13 +128,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -176,12 +138,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -190,13 +146,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -211,12 +161,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -225,13 +169,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -246,12 +184,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -260,25 +192,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -287,13 +207,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -311,12 +225,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -325,25 +233,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -352,13 +248,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -376,12 +266,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -390,25 +274,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +289,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -447,12 +313,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -461,13 +321,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -482,12 +336,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -496,25 +344,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -523,25 +359,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -550,26 +374,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -580,13 +394,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -594,13 +404,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -611,13 +417,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -625,13 +427,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -642,13 +440,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -664,12 +458,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -678,13 +466,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -702,13 +484,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -729,13 +507,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -748,13 +522,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -765,13 +535,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -789,12 +555,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -802,24 +562,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -827,24 +575,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -852,24 +588,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -877,25 +601,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -905,26 +619,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -934,26 +640,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -963,26 +661,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -992,26 +682,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1021,26 +703,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1050,26 +724,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1079,26 +745,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1108,26 +766,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1137,26 +787,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1166,26 +808,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1195,26 +829,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1224,26 +850,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1253,26 +871,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1282,25 +892,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1308,24 +908,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1333,24 +921,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1358,25 +934,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1386,25 +952,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1412,24 +968,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1437,24 +981,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1462,13 +994,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1477,4 +1003,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/toolbar.json b/api/config/hml/basic/toolbar.json
index 6190a6c5fc..3532588a82 100644
--- a/api/config/hml/basic/toolbar.json
+++ b/api/config/hml/basic/toolbar.json
@@ -6,94 +6,85 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": [],
+
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "data-*",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for components to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "enum",
@@ -111,24 +102,21 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -152,12 +140,11 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "enum",
@@ -172,48 +159,44 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      
       "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": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can 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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -228,7 +211,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [],
       "type": "enum",
@@ -243,43 +226,40 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [],
+      
       "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": []
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -294,12 +274,11 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": [],
+      
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
@@ -309,8 +288,7 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "toolbar-item",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "toolbar-item"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/basic/tspan.json b/api/config/hml/basic/tspan.json
index e644160ad8..96398545b2 100644
--- a/api/config/hml/basic/tspan.json
+++ b/api/config/hml/basic/tspan.json
@@ -5,167 +5,141 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": ""
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "rotate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise"
         }
       ],
       "type": "number"
     },
     {
       "name": "font-size",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the size of the text.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the size of the text."
         }
       ],
       "type": "length"
     },
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font fill color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill color."
         }
       ],
       "type": "color"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the x-coordinate of the upper left corner of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the x-coordinate of the upper left corner of the component."
         }
       ],
       "type": "string"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath."
         }
       ],
       "type": "string"
     },
     {
       "name": "dy",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the text Y-axis offset Invalid as a child of TextPath.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the text Y-axis offset Invalid as a child of TextPath."
         }
       ],
       "type": "string"
     },
     {
       "name": "dx",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the text X-axis offset.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the text X-axis offset."
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Draws the font border and specifies the color.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Draws the font border and specifies the color."
         }
       ],
       "type": "color"
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font border width.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border width."
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font border transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font border transparency."
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Font fill transparency.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Font fill transparency."
         }
       ],
       "type": "number"
@@ -176,4 +150,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/web.json b/api/config/hml/basic/web.json
index c01e34e491..78eff894ec 100644
--- a/api/config/hml/basic/web.json
+++ b/api/config/hml/basic/web.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
   "description": [
     {
-      "name": "Component that displays web page content.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "Component that displays web page content."
     }
   ],
   "attributes": [
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
@@ -42,37 +36,30 @@
   "events": [
     {
       "name": "pagestart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a web page is loaded",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a web page is loaded"
         }
       ]
     },
     {
       "name": "pagefinish",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when web page loading ends",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when web page loading ends"
         }
       ]
     },
     {
       "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page"
         }
       ]
     },
     {
       "name": "message",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v7.0"
@@ -80,8 +67,7 @@
       ],
       "description": [
         {
-          "name": "Triggered when a message sent from a web page is received.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a message sent from a web page is received."
         }
       ]
     }
diff --git a/api/config/hml/basic/xcomponent.json b/api/config/hml/basic/xcomponent.json
index 4b0ff89e87..b8c616bf64 100644
--- a/api/config/hml/basic/xcomponent.json
+++ b/api/config/hml/basic/xcomponent.json
@@ -5,47 +5,41 @@
       "name": "v8.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components."
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "Used to specify the xcomponent surface type.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to specify the xcomponent surface type."
         }
       ],
       "type": "enum",
@@ -57,12 +51,10 @@
     },
     {
       "name": "libraryname",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used to specify the library file name of napi so.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to specify the library file name of napi so."
         }
       ],
       "type": "string"
@@ -71,32 +63,22 @@
   "events": [
     {
       "name": "load",
-      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
       "description": [
         {
-          "name": "Triggered when plug-in loading is complete.",
-          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+          "name": "Triggered when plug-in loading is complete."
         }
       ]
     },
     {
       "name": "destroy",
-      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
       "description": [
         {
-          "name": "Triggered when plug-in uninstallation is complete.",
-          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+          "name": "Triggered when plug-in uninstallation is complete."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -104,24 +86,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -129,24 +99,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -154,24 +112,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -179,25 +125,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -207,26 +143,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -236,26 +164,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -265,26 +185,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -294,26 +206,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -323,26 +227,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -352,26 +248,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -381,26 +269,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -410,26 +290,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -439,26 +311,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -468,26 +332,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -497,26 +353,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -526,26 +374,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -555,26 +395,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -584,25 +416,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -610,24 +432,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -635,24 +445,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -660,25 +458,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -688,25 +476,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -714,24 +492,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -739,24 +505,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -764,13 +518,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -779,4 +527,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/canvas/canvas.json b/api/config/hml/canvas/canvas.json
index d746d2addb..05d9d48290 100644
--- a/api/config/hml/canvas/canvas.json
+++ b/api/config/hml/canvas/canvas.json
@@ -1,1050 +1,727 @@
-{
-  "name": "canvas",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "<canvas> provides a component for customizing drawings.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "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", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": false,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "canvas",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "<canvas> provides a component for customizing drawings."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Attribute set for components to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "voicelabel",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "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."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "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."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "required": false,
+      "description": [
+        {
+          "name": "Specify the text direction of an element."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/badge.json b/api/config/hml/container/badge.json
index 60ba4a58d3..d2499bbd44 100644
--- a/api/config/hml/container/badge.json
+++ b/api/config/hml/container/badge.json
@@ -5,23 +5,21 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder."
     }
   ],
   "attributes": [
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component."
         }
       ],
       "type": "enum",
@@ -39,24 +37,20 @@
     },
     {
       "name": "count",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot."
         }
       ],
       "type": "number"
     },
     {
       "name": "visible",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set."
         }
       ],
       "type": "enum",
@@ -71,31 +65,26 @@
     },
     {
       "name": "maxcount",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed."
         }
       ],
       "type": "number"
     },
     {
       "name": "config",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Set the configuration attributes related to the new event flag.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Set the configuration attributes related to the new event flag."
         }
       ],
       "type": "string"
     },
     {
       "name": "label",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v6.0"
@@ -104,33 +93,26 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the text value for the new event alert.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the text value for the new event alert."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -141,13 +123,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -155,13 +133,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -172,13 +146,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -186,13 +156,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -203,13 +169,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -217,13 +179,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -234,13 +192,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -248,12 +202,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -262,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -283,12 +225,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -297,13 +233,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -318,12 +248,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -332,25 +256,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -359,13 +271,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -383,12 +289,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -397,25 +297,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -424,13 +312,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -448,12 +330,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -462,25 +338,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -489,13 +353,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -519,12 +377,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -533,13 +385,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -554,12 +400,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -568,25 +408,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -595,25 +423,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -622,26 +438,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -652,13 +458,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -666,13 +468,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -683,13 +481,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -697,13 +491,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -714,13 +504,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -736,12 +522,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -750,13 +530,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -774,13 +548,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -801,13 +571,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -820,13 +586,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -837,13 +599,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -861,12 +619,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -874,24 +626,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -899,24 +639,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -924,24 +652,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -949,25 +665,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -977,26 +683,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1006,26 +704,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1035,26 +725,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1064,26 +746,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1093,26 +767,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1122,26 +788,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1151,26 +809,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1180,26 +830,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1209,26 +851,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1238,26 +872,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1267,26 +893,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1296,26 +914,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1325,26 +935,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1354,25 +956,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1380,24 +972,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1405,24 +985,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1430,25 +998,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1458,25 +1016,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1484,24 +1032,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1509,24 +1045,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1534,13 +1058,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1549,4 +1067,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/dialog.json b/api/config/hml/container/dialog.json
index 620d8fe6a3..c371eece21 100644
--- a/api/config/hml/container/dialog.json
+++ b/api/config/hml/container/dialog.json
@@ -5,17 +5,17 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <dialog> component is a custom pop-up container.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <dialog> component is a custom pop-up container."
     }
   ],
   "attributes": [
     {
       "name": "dragable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -24,8 +24,7 @@
       "required": false,
       "description": [
         {
-          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon."
         }
       ],
       "type": "enum",
@@ -40,25 +39,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -69,13 +62,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -83,13 +72,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -100,13 +85,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -114,13 +95,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -131,13 +108,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -145,13 +118,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -162,13 +131,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -176,12 +141,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -190,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -211,12 +164,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -225,13 +172,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -246,12 +187,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -260,25 +195,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -287,13 +210,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -311,12 +228,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -325,25 +236,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -352,13 +251,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -376,12 +269,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -390,25 +277,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -417,13 +292,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -447,12 +316,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -461,13 +324,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -482,12 +339,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -496,25 +347,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -523,25 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -550,26 +377,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -580,13 +397,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -594,13 +407,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -611,13 +420,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -625,13 +430,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -642,13 +443,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -664,12 +461,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -678,13 +469,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -702,13 +487,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -729,13 +510,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -748,13 +525,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -765,13 +538,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -789,17 +558,14 @@
   "events": [
     {
       "name": "cancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a user taps a non-dialog area to cancel the pop-up.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a user taps a non-dialog area to cancel the pop-up."
         }
       ]
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -807,14 +573,12 @@
       ],
       "description": [
         {
-          "name": "This event is triggered when a pop-up window appears.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This event is triggered when a pop-up window appears."
         }
       ]
     },
     {
       "name": "close",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v7.0"
@@ -822,8 +586,7 @@
       ],
       "description": [
         {
-          "name": "This event is triggered when a pop-up window disappears.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "This event is triggered when a pop-up window disappears."
         }
       ]
     }
@@ -832,4 +595,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/div.json b/api/config/hml/container/div.json
index 07529aae0f..fe09934287 100644
--- a/api/config/hml/container/div.json
+++ b/api/config/hml/container/div.json
@@ -1,1516 +1,991 @@
-{
-  "name": "div",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "reachstart",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachend",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachtop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "reachbottom",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "div",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "reachstart",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used."
+        }
+      ]
+    },
+    {
+      "name": "reachend",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used."
+        }
+      ]
+    },
+    {
+      "name": "reachtop",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used."
+        }
+      ]
+    },
+    {
+      "name": "reachbottom",
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used."
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/form.json b/api/config/hml/container/form.json
index 941b918738..538a39b788 100644
--- a/api/config/hml/container/form.json
+++ b/api/config/hml/container/form.json
@@ -5,36 +5,30 @@
       "name": "v6.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <form> component is a column container that is used for input message submit and reset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "The <form> component is a column container that is used for input message submit and reset"
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,32 +535,22 @@
   "events": [
     {
       "name": "submit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the submit input button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the submit input button is clicked."
         }
       ]
     },
     {
       "name": "reset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the reset input button is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the reset input button is clicked."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +558,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +571,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +584,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +597,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +615,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +636,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +657,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +678,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +699,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +720,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +741,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +762,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +783,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +804,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +825,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +846,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +867,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +888,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +904,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +917,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +930,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +948,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +964,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +977,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +990,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1473,4 +999,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list-item-group.json b/api/config/hml/container/list-item-group.json
index febcfb721f..a1eb77e32b 100644
--- a/api/config/hml/container/list-item-group.json
+++ b/api/config/hml/container/list-item-group.json
@@ -5,48 +5,40 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<list-item-group> is a child component of <list> and is used to group items in a list. By default, the width of <list-item-group> is equal to that of <list>.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "<list-item-group> is a child component of <list> and is used to group items in a list. By default, the width of <list-item-group> is equal to that of <list>."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Type of the list-item-group. A list supports multiple list-item-group types. The same type of list-item-groups should have the same view layout after being rendered. When the type is fixed, replace the if attribute with the show attribute to ensure that the view layout remains unchanged.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Type of the list-item-group. A list supports multiple list-item-group types. The same type of list-item-groups should have the same view layout after being rendered. When the type is fixed, replace the if attribute with the show attribute to ensure that the view layout remains unchanged."
         }
       ],
       "type": "string"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -57,13 +49,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -71,13 +59,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -88,13 +72,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -102,13 +82,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -119,13 +95,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -133,13 +105,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -150,13 +118,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -164,12 +128,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -178,13 +136,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +151,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -213,13 +159,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +174,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -248,25 +182,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -275,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +215,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -313,25 +223,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +256,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -378,25 +264,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,13 +279,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +303,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +311,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +326,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -484,25 +334,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -511,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -538,26 +364,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -568,13 +384,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -582,13 +394,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -599,13 +407,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -613,13 +417,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -630,13 +430,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -652,12 +448,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +456,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,13 +474,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -717,13 +497,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -736,13 +512,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -753,13 +525,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -777,42 +545,30 @@
   "events": [
     {
       "name": "groupclick",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is clicked. groupid: ID of the group that is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is clicked. groupid: ID of the group that is clicked."
         }
       ]
     },
     {
       "name": "groupcollapse",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is collapsed. groupid: ID of the group collapsed. If the parameter is not carried or groupid is left empty, all groups are collapsed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is collapsed. groupid: ID of the group collapsed. If the parameter is not carried or groupid is left empty, all groups are collapsed."
         }
       ]
     },
     {
       "name": "groupexpand",
-      "supportedDevices": ["tv", "wearable"],
       "description": [
         {
-          "name": "Triggered when a group is expanded. groupid: ID of the group expanded. If the parameter is not carried or groupid is left empty, all groups are expanded.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Triggered when a group is expanded. groupid: ID of the group expanded. If the parameter is not carried or groupid is left empty, all groups are expanded."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +576,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +589,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +602,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +615,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +633,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +654,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +675,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +696,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +717,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +738,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +759,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +780,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +801,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +822,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +843,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +864,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +885,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +906,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +922,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +935,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +948,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +966,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +982,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +995,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1008,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,23 +1017,19 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "list-item",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "list",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "list"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list-item.json b/api/config/hml/container/list-item.json
index 167b21ad06..1a8006fcaf 100644
--- a/api/config/hml/container/list-item.json
+++ b/api/config/hml/container/list-item.json
@@ -1,1589 +1,1114 @@
-{
-  "name": "list-item",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "wearable"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "primary",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "The value true indicates that the item is the primary item in the group, which is the item that appears in a collapsed group. If there is more than one item marked as primary, the first one is the primary item. If there is no item marked as primary, the first item is the primary item.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "section",
-      "supportedDevices": ["phone", "tablet", "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", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "none",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "normal",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "opacity",
-          "supportedDevices": ["wearable"]
-        }
-      ]
-    },
-    {
-      "name": "stickyradius",
-      "supportedDevices": ["wearable"],
-      "required": false,
-      "description": [
-        {
-          "supportedDevices": ["wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "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": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "sticky",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Callback events for a sticky component. value: false: The current item is not in the sticky state. value: true: The current item is in the sticky state. This event is supported only when the item is configured with the sticky attribute.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": [
-    {
-      "name": "list",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    },
-    {
-      "name": "list-item-group",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ]
-}
+{
+  "name": "list-item",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "<list-item> is a child component of <list> and is used to display items in a list.",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ]
+    },
+    {
+      "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>.",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "primary",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The value true indicates that the item is the primary item in the group, which is the item that appears in a collapsed group. If there is more than one item marked as primary, the first one is the primary item. If there is no item marked as primary, the first item is the primary item.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "section",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "sticky",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "none",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "normal",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "opacity",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stickyradius",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "clickeffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets whether the current item has the click effect.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "sticky",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Callback events for a sticky component. value: false: The current item is not in the sticky state. value: true: The current item is in the sticky state. This event is supported only when the item is configured with the sticky attribute.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": [
+    {
+      "name": "list"
+    },
+    {
+      "name": "list-item-group",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    },
+    {
+      "name": "block",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/api/config/hml/container/list.json b/api/config/hml/container/list.json
index 583381f517..143136c969 100644
--- a/api/config/hml/container/list.json
+++ b/api/config/hml/container/list.json
@@ -1,1932 +1,1537 @@
-{
-  "name": "list",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "scrollpage",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to scroll the non-list part on the top of the list page out of the visible area with the list. The value can be true (scrolls the non-list part out) or false (does not scroll the non-list part out). This attribute is not available when the direction is row.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "cachedcount",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "scrollbar",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "off",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "auto",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "on",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolleffect",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "fade",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "no",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "indexer",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the alphabetical index scroll bar at a side of the list. This parameter is used together with the section attribute of item, and is valid only when flex-direction is set to column.Example values:'indexer' : 'true' indicates the default alphabetical index.'indexer' : 'false' indicates no index.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexercircle",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexermulti",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indexerbubble",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "divider",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "shapemode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "default",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "rect",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "itemscale",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to cancel the zoom-in and zoom-out effects of the focus. (This attribute applies only to smart watches and smart TVs.).",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "itemcenter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether there is always an item at the center of the cross axis of the view for the initialization page and a page after scrolling. (This attribute applies only to smart watches.).",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "updateeffect",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "chainanimation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "scrollvibrate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the device vibrates when the list is scrolled. This attribute takes effect only for smart watches. false: The device vibrates when the list is scrolled; true: The device does not vibrate when the list is scrolled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "initialindex",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "initialoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "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", "tv", "wearable"]
-        }
-      ],
-      "type": "length"
-    },
-    {
-      "name": "selected",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "indexerchange",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scroll",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered to indicate the offset and status of list scrolling. stateValue: 0: The list is not scrolling. stateValue: 1: The list is scrolling along with user's touches. stateValue: 2: The list is scrolling after the user lifts their fingers.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrollbottom",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list is scrolled to the bottom.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolltop",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list is scrolled to the top.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrollend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"],
-      "description": [
-        {
-          "name": "Triggered when the list stops scrolling.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"]
-        }
-      ]
-    },
-    {
-      "name": "scrolltouchup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the list continues scrolling after the user lifts their fingers.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "requestitem",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered for a request to create a list-item. This event is triggered when the number of cached list-items outside the visible area is less than the value of cachedcount during long list loading with delay.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "rotation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Triggered when crown rotates and returns the angle of rotation",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [
-    {
-      "name": "list-item-group",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 1
-    },
-    {
-      "name": "list-item",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "level": 2
-    },
-    {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-    }
-  ],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "list",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "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."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "scrollpage",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to scroll the non-list part on the top of the list page out of the visible area with the list. The value can be true (scrolls the non-list part out) or false (does not scroll the non-list part out). This attribute is not available when the direction is row.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "cachedcount",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrollbar",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "off",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "auto",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "on",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrolleffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "fade",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "no",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indexer",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the alphabetical index scroll bar at a side of the list. This parameter is used together with the section attribute of item, and is valid only when flex-direction is set to column.Example values:'indexer' : 'true' indicates the default alphabetical index.'indexer' : 'false' indicates no index.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexercircle",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexermulti",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexerbubble",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "divider",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shapemode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "rect",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "round",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "itemscale",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to cancel the zoom-in and zoom-out effects of the focus. (This attribute applies only to smart watches and smart TVs.).",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "itemcenter",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether there is always an item at the center of the cross axis of the view for the initialization page and a page after scrolling. (This attribute applies only to smart watches.).",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "updateeffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "chainanimation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "scrollvibrate",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the device vibrates when the list is scrolled. This attribute takes effect only for smart watches. false: The device vibrates when the list is scrolled; true: The device does not vibrate when the list is scrolled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "initialindex",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "initialoffset",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "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.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "selected",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "indexerchange",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scroll",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered to indicate the offset and status of list scrolling. stateValue: 0: The list is not scrolling. stateValue: 1: The list is scrolling along with user's touches. stateValue: 2: The list is scrolling after the user lifts their fingers.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbottom",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list is scrolled to the bottom.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrolltop",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list is scrolled to the top.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollend",
+      "description": [
+        {
+          "name": "Triggered when the list stops scrolling."
+        }
+      ]
+    },
+    {
+      "name": "scrolltouchup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the list continues scrolling after the user lifts their fingers.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "requestitem",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered for a request to create a list-item. This event is triggered when the number of cached list-items outside the visible area is less than the value of cachedcount during long list loading with delay.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rotation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Triggered when crown rotates and returns the angle of rotation",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "list-item-group",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "level": 1
+    },
+    {
+      "name": "list-item",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "level": 2
+    },
+    {
+      "name": "block",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/panel.json b/api/config/hml/container/panel.json
index 03267ef763..b60d04522f 100644
--- a/api/config/hml/container/panel.json
+++ b/api/config/hml/container/panel.json
@@ -5,23 +5,21 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component."
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen).",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen)."
         }
       ],
       "type": "enum",
@@ -39,12 +37,10 @@
     },
     {
       "name": "mode",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode."
         }
       ],
       "type": "enum",
@@ -62,12 +58,10 @@
     },
     {
       "name": "dragbar",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist."
         }
       ],
       "type": "enum",
@@ -82,61 +76,49 @@
     },
     {
       "name": "fullheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in full state. The default value is screen size - 8px.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in full state. The default value is screen size - 8px."
         }
       ],
       "type": "length"
     },
     {
       "name": "halfheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in the half state. The default value is half the screen size.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in the half state. The default value is half the screen size."
         }
       ],
       "type": "length"
     },
     {
       "name": "miniheight",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the height in mini mode. The default value is 48px.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Specifies the height in mini mode. The default value is 48px."
         }
       ],
       "type": "length"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -147,13 +129,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -161,13 +139,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -178,13 +152,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -192,13 +162,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -209,13 +175,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -223,13 +185,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -240,13 +198,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -254,12 +208,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,13 +216,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -289,12 +231,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -303,13 +239,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -324,12 +254,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -338,25 +262,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -365,13 +277,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -389,12 +295,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -403,25 +303,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -430,13 +318,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -454,12 +336,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -468,25 +344,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -495,13 +359,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -525,12 +383,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -539,13 +391,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -560,12 +406,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -574,25 +414,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -601,25 +429,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -628,26 +444,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -658,13 +464,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,13 +474,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -689,13 +487,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -703,13 +497,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -720,13 +510,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -742,12 +528,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -756,13 +536,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -780,13 +554,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -807,13 +577,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -826,13 +592,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -843,13 +605,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -867,21 +625,17 @@
   "events": [
     {
       "name": "sizechange",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:"
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -890,4 +644,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/popup.json b/api/config/hml/container/popup.json
index 93817ca9d1..64ba6af3d1 100644
--- a/api/config/hml/container/popup.json
+++ b/api/config/hml/container/popup.json
@@ -5,76 +5,63 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <popup> component is used to display a pop-up to instruct user operations after a user clicks a bound control.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The <popup> component is used to display a pop-up to instruct user operations after a user clicks a bound control."
     }
   ],
   "attributes": [
     {
       "name": "target",
-      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "ID of the target element. Dynamic switch is not supported.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "ID of the target element. Dynamic switch is not supported."
         }
       ],
       "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item."
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "left",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "left"
         },
         {
-          "name": "right",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "right"
         },
         {
-          "name": "top",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "top"
         },
         {
-          "name": "bottom",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottom"
         },
         {
-          "name": "topLeft",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "topLeft"
         },
         {
-          "name": "topRight",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "topRight"
         },
         {
-          "name": "bottomLeft",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottomLeft"
         },
         {
-          "name": "bottomRight",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "bottomRight"
         }
       ]
     },
     {
       "name": "keepalive",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -83,8 +70,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page."
         }
       ],
       "type": "enum",
@@ -99,7 +85,6 @@
     },
     {
       "name": "clickable",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -108,8 +93,7 @@
       "required": false,
       "description": [
         {
-          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported."
         }
       ],
       "type": "enum",
@@ -124,7 +108,6 @@
     },
     {
       "name": "arrowoffset",
-      "supportedDevices": ["phone", "tablet"],
       "version": [
         {
           "name": "v5.0"
@@ -133,33 +116,26 @@
       "required": false,
       "description": [
         {
-          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse."
         }
       ],
       "type": "length"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +146,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,13 +156,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -201,13 +169,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -215,13 +179,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -232,13 +192,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -246,13 +202,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -263,13 +215,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -277,12 +225,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -291,13 +233,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -312,12 +248,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -326,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -347,12 +271,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -361,25 +279,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -388,13 +294,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -412,12 +312,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -426,25 +320,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -453,13 +335,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -477,12 +353,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -491,25 +361,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -518,13 +376,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -548,12 +400,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -562,13 +408,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -583,12 +423,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -597,25 +431,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -624,25 +446,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -651,26 +461,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -681,13 +481,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -695,13 +491,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -712,13 +504,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -726,13 +514,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -743,13 +527,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,12 +545,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -779,13 +553,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -803,13 +571,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -830,13 +594,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -849,13 +609,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -866,13 +622,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -890,22 +642,14 @@
   "events": [
     {
       "name": "visibilitychange",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This callback function is triggered when a bubble pops up or disappears.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This callback function is triggered when a bubble pops up or disappears."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -913,24 +657,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -938,24 +670,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -963,24 +683,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -988,25 +696,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1016,26 +714,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1045,26 +735,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1074,26 +756,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1103,26 +777,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1132,26 +798,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1161,26 +819,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1190,26 +840,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1219,26 +861,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1248,26 +882,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1277,26 +903,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1306,26 +924,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1335,26 +945,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1364,26 +966,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1393,25 +987,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1419,24 +1003,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1444,24 +1016,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1469,25 +1029,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1497,25 +1047,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1523,24 +1063,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1548,24 +1076,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1573,13 +1089,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1588,4 +1098,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/refresh.json b/api/config/hml/container/refresh.json
index 98aca43490..0a8e206b20 100644
--- a/api/config/hml/container/refresh.json
+++ b/api/config/hml/container/refresh.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <refresh> component is used to pull down to refresh the page.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "name": "The <refresh> component is used to pull down to refresh the page."
     }
   ],
   "attributes": [
     {
       "name": "offset",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Distance to the top of the parent component from the <refresh> component that comes to rest after a successful swipe gesture.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Distance to the top of the parent component from the <refresh> component that comes to rest after a successful swipe gesture."
         }
       ],
       "type": "length"
     },
     {
       "name": "refreshing",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether the <refresh> component is being refreshed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether the <refresh> component is being refreshed."
         }
       ],
       "type": "enum",
@@ -48,34 +44,28 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Dynamic effect when the component is refreshed. Two options are available and cannot be modified dynamically. auto: default effect. When the list is pulled to the top, the list does not move. When the list is pulled to the bottom, a circle is displayed. pulldown: When the list is pulled to the top, users can continue to pull down to trigger a refresh. The rebound effect will appear after the refresh. If the child component contains a list, set scrolleffect of the list to no to prevent drop-down effect conflicts.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Dynamic effect when the component is refreshed. Two options are available and cannot be modified dynamically. auto: default effect. When the list is pulled to the top, the list does not move. When the list is pulled to the bottom, a circle is displayed. pulldown: When the list is pulled to the top, users can continue to pull down to trigger a refresh. The rebound effect will appear after the refresh. If the child component contains a list, set scrolleffect of the list to no to prevent drop-down effect conflicts."
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "auto",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "auto"
         },
         {
-          "name": "pulldown",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "pulldown"
         }
       ]
     },
     {
       "name": "lasttime",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to display the last update time. The character string format is last update time: XXXX, where XXXX is displayed based on the time and date display specifications and cannot be dynamically modified. (It is recommended that this attribute be used when type is set to pulldown. The fixed distance is at the bottom of the content drop-down area. Pay attention to the offset attribute setting to prevent overlapping.).",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether to display the last update time. The character string format is last update time: XXXX, where XXXX is displayed based on the time and date display specifications and cannot be dynamically modified. (It is recommended that this attribute be used when type is set to pulldown. The fixed distance is at the bottom of the content drop-down area. Pay attention to the offset attribute setting to prevent overlapping.)."
         }
       ],
       "type": "enum",
@@ -90,7 +80,6 @@
     },
     {
       "name": "timeoffset",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -99,46 +88,36 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the distance between the update time and the top of the parent component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Sets the distance between the update time and the top of the parent component."
         }
       ],
       "type": "length"
     },
-
     {
       "name": "friction",
-      "supportedDevices": ["phone", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
-          "supportedDevices": ["phone", "wearable"]
+          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -149,13 +128,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -163,13 +138,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -180,13 +151,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -194,13 +161,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -211,13 +174,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -225,13 +184,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -242,13 +197,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -256,12 +207,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -270,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -291,12 +230,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -305,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -326,12 +253,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,25 +261,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -367,13 +276,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -391,12 +294,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,25 +302,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -432,13 +317,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -456,12 +335,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -470,25 +343,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -497,13 +358,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -527,12 +382,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -541,13 +390,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -562,12 +405,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -576,25 +413,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -603,25 +428,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -630,26 +443,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -660,13 +463,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -674,13 +473,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -691,13 +486,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -705,13 +496,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -722,13 +509,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -744,12 +527,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -758,13 +535,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -782,13 +553,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -809,13 +576,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -828,13 +591,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -845,13 +604,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -869,21 +624,17 @@
   "events": [
     {
       "name": "refresh",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "description": [
         {
-          "name": "Called when the <refresh> component is pulled down and the refresh status changes. Available values are as follows: false: The <refresh> component is being pulled down. true: The <refresh> component is not being pulled down.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Called when the <refresh> component is pulled down and the refresh status changes. Available values are as follows: false: The <refresh> component is being pulled down. true: The <refresh> component is not being pulled down."
         }
       ]
     },
     {
       "name": "pulldown",
-      "supportedDevices": ["phone", "tablet", "wearable"],
       "description": [
         {
-          "name": "Triggered when a user starts or stops pulling down the <refresh> component. Available values are as follows: start: The pull-down starts. end: The pull-down ends.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Triggered when a user starts or stops pulling down the <refresh> component. Available values are as follows: start: The pull-down starts. end: The pull-down ends."
         }
       ]
     }
@@ -892,4 +643,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stack.json b/api/config/hml/container/stack.json
index d2035f693d..5eb8d1d0a6 100644
--- a/api/config/hml/container/stack.json
+++ b/api/config/hml/container/stack.json
@@ -1,1456 +1,939 @@
-{
-  "name": "stack",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "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", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "stack",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <stack> component provides a stack container where child components are successively stacked and the latter one overwrites the previous one."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stepper-item.json b/api/config/hml/container/stepper-item.json
index 9c744aef56..3d78e72dba 100644
--- a/api/config/hml/container/stepper-item.json
+++ b/api/config/hml/container/stepper-item.json
@@ -5,48 +5,40 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator."
     }
   ],
   "attributes": [
     {
       "name": "label",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language).",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language)."
         }
       ],
       "type": "object"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -57,13 +49,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -71,13 +59,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -88,13 +72,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -102,13 +82,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -119,13 +95,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -133,13 +105,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -150,13 +118,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -164,12 +128,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -178,13 +136,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -199,12 +151,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -213,13 +159,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -234,12 +174,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -248,25 +182,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -275,13 +197,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -299,12 +215,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -313,25 +223,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -340,13 +238,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -364,12 +256,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -378,25 +264,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -405,13 +279,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -435,12 +303,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -449,13 +311,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -470,12 +326,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -484,25 +334,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -511,25 +349,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -538,26 +364,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -568,13 +384,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -582,13 +394,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -599,13 +407,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -613,13 +417,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -630,13 +430,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -652,12 +448,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -666,13 +456,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -690,13 +474,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -717,13 +497,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -736,13 +512,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -753,13 +525,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -777,32 +545,22 @@
   "events": [
     {
       "name": "appear",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when this step occurs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when this step occurs."
         }
       ]
     },
     {
       "name": "disappear",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when the step disappears.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when the step disappears."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -810,24 +568,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -835,24 +581,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -860,24 +594,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -885,25 +607,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -913,26 +625,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -942,26 +646,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -971,26 +667,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1000,26 +688,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1029,26 +709,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1058,26 +730,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1087,26 +751,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1116,26 +772,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1145,26 +793,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1174,26 +814,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1203,26 +835,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1232,26 +856,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1261,26 +877,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1290,25 +898,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1316,24 +914,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1341,24 +927,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1366,25 +940,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1394,25 +958,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1420,24 +974,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1445,24 +987,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1470,13 +1000,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1485,4 +1009,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/stepper.json b/api/config/hml/container/stepper.json
index 0637495cc4..3f004e8a34 100644
--- a/api/config/hml/container/stepper.json
+++ b/api/config/hml/container/stepper.json
@@ -5,47 +5,41 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress.",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress."
     }
   ],
   "attributes": [
     {
       "name": "index",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step."
         }
       ],
       "type": "number"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "enum",
@@ -63,24 +57,20 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -104,12 +94,10 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "enum",
@@ -124,48 +112,40 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can 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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -180,12 +160,10 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specify the text direction of an element."
         }
       ],
       "type": "enum",
@@ -203,7 +181,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -218,43 +195,36 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
       "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"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -269,12 +239,10 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
@@ -283,62 +251,46 @@
   "events": [
     {
       "name": "finish",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggers when the last step of the Step Navigator completes.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Triggers when the last step of the Step Navigator completes."
         }
       ]
     },
     {
       "name": "skip",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right."
         }
       ]
     },
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step."
         }
       ]
     },
     {
       "name": "next",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step."
         }
       ]
     },
     {
       "name": "back",
-      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -346,24 +298,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -371,24 +311,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -396,24 +324,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -421,25 +337,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -449,26 +355,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -478,26 +376,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -507,26 +397,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -536,26 +418,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -565,26 +439,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -594,26 +460,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -623,26 +481,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -652,26 +502,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -681,26 +523,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -710,26 +544,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -739,26 +565,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -768,26 +586,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -797,26 +607,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -826,25 +628,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -852,24 +644,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -877,24 +657,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -902,25 +670,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,25 +688,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -956,24 +704,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -981,24 +717,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1006,13 +730,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1020,10 +738,9 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "stepper-item",
-      "supportedDevices": ["phone", "tablet"]
+      "name": "stepper-item"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/svg.json b/api/config/hml/container/svg.json
index 07759ca398..a112486e9b 100644
--- a/api/config/hml/container/svg.json
+++ b/api/config/hml/container/svg.json
@@ -5,277 +5,231 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout."
     }
   ],
   "attributes": [
     {
       "name": "fill",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used."
         }
       ],
       "type": "string"
     },
     {
       "name": "fill-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-rule",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "nonzero",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "nonzero"
         },
         {
-          "name": "evenodd",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "evenodd"
         }
       ]
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-dasharray",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-dashoffset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke-linejoin",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "bevel",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "bevel"
         },
         {
-          "name": "miter",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "miter"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         }
       ]
     },
     {
       "name": "stroke-linecap",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "butt",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "butt"
         },
         {
-          "name": "round",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "round"
         },
         {
-          "name": "square",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "square"
         }
       ]
     },
     {
       "name": "stroke-miterlimit",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "transform",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": ""
         }
       ],
       "type": "string"
     },
     {
       "name": "width",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique identification of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique identification of the component."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "height",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the height of the component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the height of the component."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "x",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "y",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid."
         }
       ],
       "type": "length|percentage"
     },
     {
       "name": "viewBox",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment."
         }
       ],
       "type": "length|percentage"
@@ -286,4 +240,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/swiper.json b/api/config/hml/container/swiper.json
index 68b907387d..9461d5951a 100644
--- a/api/config/hml/container/swiper.json
+++ b/api/config/hml/container/swiper.json
@@ -1,1758 +1,1280 @@
-{
-  "name": "swiper",
-  "version": [
-    {
-      "name": "v3.0"
-    }
-  ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-  "description": [
-    {
-      "name": "The <swiper> component provides a swiper container that enables the switch of child components.",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "index",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Index of the child component currently displayed in the container.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "autoplay",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable autoplay for the child component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "interval",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Autoplay interval, in milliseconds, when autoplay is enabled.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "indicator",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable the navigation point indicator. The default value is true.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "indicatormask",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to use the indicator mask. If this attribute is set to true, the indicator has a gradient mask.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "digital",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "indicatordisabled",
-      "supportedDevices": ["phone"],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
-          "supportedDevices": ["phone"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to enable looping.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        },
-        {
-          "name": "Whether to enable looping. Dynamic modification is not supported. NOTE This attribute takes effect only when the following conditions are met: The total length of the child components, except for the first one, is greater than or equal to the length of <swiper>. The total length of the child components, except for the last one, is greater than or equal to the length of <swiper>.",
-          "supportedDevices": ["liteWearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "duration",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Duration of the animation played for switching between child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "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", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "cachedsize",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "scrolleffect",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring"
-        },
-        {
-          "name": "fade"
-        },
-        {
-          "name": "none"
-        }
-      ]
-    },
-    {
-      "name": "displaymode",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "stretch"
-        },
-        {
-          "name": "autoLinear"
-        }
-      ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "spring-small"
-        },
-        {
-          "name": "spring-medium"
-        },
-        {
-          "name": "spring-large"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
-        },
-        {
-          "name": "auto"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "required": false,
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "Triggered when the index of the currently displayed component changes.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
-    {
-      "name": "animationfinish",
-      "supportedDevices": ["phone", "tablet", "tv","wearable"],
-      "description": [
-        {
-          "name": "Trigger event at the end of the swiper animation",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "rotation",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when the crown of the wearable rotates.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
-        }
-      ]
-    },
-    {
-      "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v7.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
-      "version": [
-        {
-          "name": "v5.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
-      "version": [
-        {
-          "name": "v4.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [
-    {
-      "name": "list"
-    }
-  ],
-  "parentComponentsRestriction": []
-}
+{
+  "name": "swiper",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "The <swiper> component provides a swiper container that enables the switch of child components."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "index",
+      "required": false,
+      "description": [
+        {
+          "name": "Index of the child component currently displayed in the container."
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "autoplay",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable autoplay for the child component.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "interval",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Autoplay interval, in milliseconds, when autoplay is enabled.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "indicator",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable the navigation point indicator. The default value is true.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indicatormask",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to use the indicator mask. If this attribute is set to true, the indicator has a gradient mask.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "digital",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "indicatordisabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "loop",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable looping.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        },
+        {
+          "name": "Whether to enable looping. Dynamic modification is not supported. NOTE This attribute takes effect only when the following conditions are met: The total length of the child components, except for the first one, is greater than or equal to the length of <swiper>. The total length of the child components, except for the last one, is greater than or equal to the length of <swiper>.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "duration",
+      "required": false,
+      "description": [
+        {
+          "name": "Duration of the animation played for switching between child components."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "vertical",
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the swipe gesture is performed vertically. A vertical swipe uses the vertical indicator. Dynamic modification is not supported."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "cachedsize",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrolleffect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring"
+        },
+        {
+          "name": "fade"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "displaymode",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "autoLinear"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "description": [
+        {
+          "name": "Triggered when the index of the currently displayed component changes."
+        }
+      ]
+    },
+    {
+      "name": "animationfinish",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Trigger event at the end of the swiper animation",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rotation",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "description": [
+        {
+          "name": "Triggered when the crown of the wearable rotates.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked."
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed."
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked."
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts."
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates."
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends."
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted."
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag."
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts."
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends."
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters."
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs."
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves."
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops."
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component."
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [
+    {
+      "name": "list"
+    }
+  ],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tab-bar.json b/api/config/hml/container/tab-bar.json
index a50cf22cf2..1e3e87fcc5 100644
--- a/api/config/hml/container/tab-bar.json
+++ b/api/config/hml/container/tab-bar.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<tab-bar> is a child component of <tabs> and is used to provide the area to display tab labels. Its child components are horizontally arranged.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "<tab-bar> is a child component of <tabs> and is used to provide the area to display tab labels. Its child components are horizontally arranged."
     }
   ],
   "attributes": [
     {
       "name": "mode",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Extensibility of the component width. Available values are as follows: scrollable: The width of a child component is the configured width. When the total width of all child components is greater than the tab-bar width, the child component can scroll horizontally. fixed: The width of a child component equals the tab-bar width divided by the number of child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Extensibility of the component width. Available values are as follows: scrollable: The width of a child component is the configured width. When the total width of all child components is greater than the tab-bar width, the child component can scroll horizontally. fixed: The width of a child component equals the tab-bar width divided by the number of child components."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -186,13 +144,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +159,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -221,13 +167,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +182,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -256,25 +190,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -283,13 +205,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +223,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -321,25 +231,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -348,13 +246,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +264,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -386,25 +272,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -413,13 +287,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +311,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -457,13 +319,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +334,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -492,25 +342,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -519,25 +357,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -546,26 +372,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +392,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +402,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +415,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +425,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +438,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +456,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +464,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +482,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +505,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +520,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +533,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -785,12 +553,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +560,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +573,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +586,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +599,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +617,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +638,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +659,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +680,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +701,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +722,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +743,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +764,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +785,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +806,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +827,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +848,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +869,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +890,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +906,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +919,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +932,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +950,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +966,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +979,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +992,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1474,12 +1002,10 @@
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "tabs",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "tabs"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tab-content.json b/api/config/hml/container/tab-content.json
index 3475876bb6..78056f50ea 100644
--- a/api/config/hml/container/tab-content.json
+++ b/api/config/hml/container/tab-content.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "<tab-content> is a child component of tabs and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the <tabs> component is filled. The child components are arranged horizontally. When <tab-content> is used as a child element in a container, the length on the main axis direction must be specified. Otherwise, the child element cannot be displayed.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "<tab-content> is a child component of tabs and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the <tabs> component is filled. The child components are arranged horizontally. When <tab-content> is used as a child element in a container, the length on the main axis direction must be specified. Otherwise, the child element cannot be displayed."
     }
   ],
   "attributes": [
     {
       "name": "scrollable",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the tabs can be switched by swiping left or right. The default value is true. If this attribute is set to false, tab switching is implemented only through the association with tab-bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the tabs can be switched by swiping left or right. The default value is true. If this attribute is set to false, tab switching is implemented only through the association with tab-bar."
         }
       ],
       "type": "enum",
@@ -36,25 +34,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -65,13 +57,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -79,13 +67,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -96,13 +80,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -110,13 +90,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -127,13 +103,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -141,13 +113,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -158,13 +126,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -172,12 +136,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -186,13 +144,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -207,12 +159,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -221,13 +167,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -242,12 +182,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -256,25 +190,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -283,13 +205,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -307,12 +223,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -321,25 +231,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -348,13 +246,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -372,12 +264,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -386,25 +272,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -413,13 +287,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -443,12 +311,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -457,13 +319,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -478,12 +334,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -492,25 +342,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -519,25 +357,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -546,26 +372,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -576,13 +392,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -590,13 +402,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -607,13 +415,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -621,13 +425,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -638,13 +438,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -660,12 +456,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -674,13 +464,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -698,13 +482,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -725,13 +505,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -744,13 +520,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -761,13 +533,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -785,12 +553,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -798,24 +560,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -823,24 +573,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -848,24 +586,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -873,25 +599,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -901,26 +617,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -930,26 +638,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -959,26 +659,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -988,26 +680,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1017,26 +701,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1046,26 +722,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1075,26 +743,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1104,26 +764,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1133,26 +785,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1162,26 +806,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1191,26 +827,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1220,26 +848,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1249,26 +869,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1278,25 +890,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1304,24 +906,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1329,24 +919,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1354,25 +932,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1382,25 +950,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1408,24 +966,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1433,24 +979,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1458,13 +992,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1474,12 +1002,10 @@
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": [
     {
-      "name": "tabs",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "tabs"
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/container/tabs.json b/api/config/hml/container/tabs.json
index c9f67d47d0..5c2565f28b 100644
--- a/api/config/hml/container/tabs.json
+++ b/api/config/hml/container/tabs.json
@@ -5,35 +5,31 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <tabs> component provides a tab container.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <tabs> component provides a tab container."
     }
   ],
   "attributes": [
     {
       "name": "index",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Index of the active tab.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Index of the active tab."
         }
       ],
       "type": "number"
     },
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the tab is vertical. Available values are as follows: false: The <tab-bar> and <tab-content> are arranged vertically; true: The <tab-bar> and <tab-content> are arranged horizontally.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the tab is vertical. Available values are as follows: false: The <tab-bar> and <tab-content> are arranged vertically; true: The <tab-bar> and <tab-content> are arranged horizontally."
         }
       ],
       "type": "enum",
@@ -48,25 +44,19 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -77,13 +67,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -91,13 +77,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -108,13 +90,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -122,13 +100,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -139,13 +113,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -153,13 +123,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -170,13 +136,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -184,12 +146,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -198,13 +154,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -219,12 +169,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -233,13 +177,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -254,12 +192,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -268,25 +200,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -295,13 +215,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -319,12 +233,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -333,25 +241,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -360,13 +256,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -384,12 +274,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -398,25 +282,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -425,13 +297,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -455,12 +321,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -469,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -490,12 +344,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -504,25 +352,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -531,25 +367,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -558,26 +382,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -588,13 +402,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -602,13 +412,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -619,13 +425,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -633,13 +435,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -650,13 +448,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -672,12 +466,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -686,13 +474,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -710,13 +492,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -737,13 +515,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -756,13 +530,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -773,13 +543,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -797,22 +563,14 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered upon tab switching.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered upon tab switching."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -820,24 +578,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -845,24 +591,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -870,24 +604,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -895,25 +617,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -923,26 +635,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -952,26 +656,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -981,26 +677,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1010,26 +698,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1039,26 +719,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1068,26 +740,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1097,26 +761,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1126,26 +782,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1155,26 +803,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1184,26 +824,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1213,26 +845,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1242,26 +866,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1271,26 +887,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1300,25 +908,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1326,24 +924,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1351,24 +937,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1376,25 +950,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1404,25 +968,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1430,24 +984,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1455,24 +997,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1480,13 +1010,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1495,21 +1019,18 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "tab-bar",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "maximum": 1,
       "level": 1
     },
     {
       "name": "tab-content",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "maximum": 1,
       "level": 1
     },
     {
-      "name": "block",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "block"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/custom/element.json b/api/config/hml/custom/element.json
index 67b757160f..eadcb5e1f1 100644
--- a/api/config/hml/custom/element.json
+++ b/api/config/hml/custom/element.json
@@ -6,34 +6,28 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "custom component.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "custom component."
     }
   ],
   "attributes": [
     {
       "name": "name",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "custom component name.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "custom component name."
         }
       ],
       "type": "string"
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": true,
       "description": [
         {
-          "name": "custom component path.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "custom component path."
         }
       ],
       "type": "url"
diff --git a/api/config/hml/grid/grid-col.json b/api/config/hml/grid/grid-col.json
index 227451a58b..977d6753c0 100644
--- a/api/config/hml/grid/grid-col.json
+++ b/api/config/hml/grid/grid-col.json
@@ -5,108 +5,90 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "grid-col is a subcontainer component of grid layout container grid-row.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "grid-col is a subcontainer component of grid layout container grid-row."
     }
   ],
   "attributes": [
     {
       "name": "xs",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "sm",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "md",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "lg",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}."
         }
       ],
       "type": "number|object"
     },
     {
       "name": "span",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Default number of occupied columns when no explicit breakpoint is set",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Default number of occupied columns when no explicit breakpoint is set"
         }
       ],
       "type": "number"
     },
     {
       "name": "offset",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode."
         }
       ],
       "type": "number"
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -117,13 +99,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -131,13 +109,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -148,13 +122,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -162,13 +132,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -179,13 +145,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -193,13 +155,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -210,13 +168,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -224,12 +178,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -238,13 +186,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -259,12 +201,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -273,13 +209,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -294,12 +224,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -308,25 +232,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -335,13 +247,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -359,12 +265,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -373,25 +273,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -400,13 +288,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -424,12 +306,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -438,25 +314,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -465,13 +329,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -495,12 +353,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -509,13 +361,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -530,12 +376,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -544,25 +384,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -571,25 +399,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -598,26 +414,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -628,13 +434,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -642,13 +444,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -659,13 +457,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -673,13 +467,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -690,13 +480,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -712,12 +498,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -726,13 +506,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -750,13 +524,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -777,13 +547,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -796,13 +562,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -813,13 +575,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -837,12 +595,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -850,24 +602,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -875,24 +615,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -900,24 +628,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -925,25 +641,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -953,26 +659,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -982,26 +680,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1011,26 +701,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1040,26 +722,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1069,26 +743,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1098,26 +764,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1127,26 +785,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1156,26 +806,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1185,26 +827,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1214,26 +848,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1243,26 +869,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1272,26 +890,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1301,26 +911,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1330,25 +932,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1356,24 +948,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1381,24 +961,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1406,25 +974,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1434,25 +992,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1460,24 +1008,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1485,24 +1021,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1510,13 +1034,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1525,4 +1043,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/grid/grid-container.json b/api/config/hml/grid/grid-container.json
index b246b74b5d..46e60f10b2 100644
--- a/api/config/hml/grid/grid-container.json
+++ b/api/config/hml/grid/grid-container.json
@@ -6,32 +6,19 @@
     }
   ],
   "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout."
     }
   ],
   "attributes": [
     {
       "name": "columns",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "description": [
         {
-          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype."
         }
       ],
       "type": "enum",
@@ -52,31 +39,26 @@
     },
     {
       "name": "sizetype",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size."
         }
       ],
       "type": "string"
     },
     {
       "name": "gutter",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Setting the Gutter Width",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Setting the Gutter Width"
         }
       ],
       "type": "length"
     },
     {
       "name": "gridtemplate",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "version": [
         {
           "name": "v6.0"
@@ -85,8 +67,7 @@
       "required": false,
       "description": [
         {
-          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values."
         }
       ],
       "type": "enum",
@@ -101,26 +82,20 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -130,28 +105,20 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -161,28 +128,20 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -192,28 +151,20 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -223,26 +174,17 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -251,13 +193,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -272,12 +208,7 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -286,13 +217,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -307,12 +232,7 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -321,25 +241,14 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -348,13 +257,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -372,12 +275,7 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -386,25 +284,14 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -413,13 +300,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -437,12 +318,7 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -451,25 +327,14 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -478,13 +343,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -508,12 +367,7 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -522,13 +376,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -543,12 +391,7 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -557,25 +400,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -584,25 +416,14 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "required": false,
       "version": [
         {
@@ -611,27 +432,17 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -641,28 +452,20 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -672,28 +475,20 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -703,14 +498,10 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "enum",
@@ -725,12 +516,7 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -739,13 +525,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -763,14 +543,10 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -790,14 +566,10 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -809,14 +581,10 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "required": false,
       "version": [
         {
@@ -826,14 +594,10 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ],
       "type": "enum",
@@ -850,12 +614,7 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -863,24 +622,13 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -888,24 +636,13 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -913,24 +650,13 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -938,26 +664,16 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -966,27 +682,19 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -995,27 +703,19 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1024,27 +724,19 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1053,27 +745,19 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1082,27 +766,19 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1111,27 +787,19 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v4.0"
@@ -1140,27 +808,19 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1169,27 +829,19 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1198,27 +850,19 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1227,27 +871,19 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1256,27 +892,19 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1285,27 +913,19 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1314,27 +934,19 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v7.0"
@@ -1343,25 +955,16 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1369,24 +972,13 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1394,24 +986,13 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1419,26 +1000,16 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
+      "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
       "version": [
         {
           "name": "v5.0"
@@ -1447,25 +1018,16 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -1473,24 +1035,13 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v6.0"
@@ -1498,24 +1049,13 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      
       "version": [
         {
           "name": "v4.0"
@@ -1523,13 +1063,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1537,8 +1071,7 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "grid-row",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "grid-row"
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/config/hml/grid/grid-row.json b/api/config/hml/grid/grid-row.json
index 9d65a3d27b..1fc090c4c3 100644
--- a/api/config/hml/grid/grid-row.json
+++ b/api/config/hml/grid/grid-row.json
@@ -5,36 +5,30 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines.",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines."
     }
   ],
   "attributes": [
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -45,13 +39,9 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -59,13 +49,9 @@
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -76,13 +62,9 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -90,13 +72,9 @@
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -107,13 +85,9 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -121,13 +95,9 @@
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -138,13 +108,9 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -152,12 +118,6 @@
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -166,13 +126,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -187,12 +141,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -201,13 +149,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -222,12 +164,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -236,25 +172,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -263,13 +187,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -287,12 +205,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -301,25 +213,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -328,13 +228,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -352,12 +246,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -366,25 +254,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -393,13 +269,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -423,12 +293,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -437,13 +301,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -458,12 +316,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -472,25 +324,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -499,25 +339,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -526,26 +354,16 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -556,13 +374,9 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -570,13 +384,9 @@
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -587,13 +397,9 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -601,13 +407,9 @@
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -618,13 +420,9 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -640,12 +438,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -654,13 +446,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -678,13 +464,9 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -705,13 +487,9 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -724,13 +502,9 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "required": false,
       "version": [
@@ -741,13 +515,9 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ],
@@ -765,12 +535,6 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -778,24 +542,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -803,24 +555,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -828,24 +568,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -853,25 +581,15 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -881,26 +599,18 @@
       "description": [
         {
           "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -910,26 +620,18 @@
       "description": [
         {
           "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -939,26 +641,18 @@
       "description": [
         {
           "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -968,26 +662,18 @@
       "description": [
         {
           "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -997,26 +683,18 @@
       "description": [
         {
           "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1026,26 +704,18 @@
       "description": [
         {
           "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1055,26 +725,18 @@
       "description": [
         {
           "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1084,26 +746,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1113,26 +767,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1142,26 +788,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1171,26 +809,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1200,26 +830,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1229,26 +851,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1258,25 +872,15 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1284,24 +888,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1309,24 +901,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1334,25 +914,15 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -1362,25 +932,15 @@
       "description": [
         {
           "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1388,24 +948,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1413,24 +961,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1438,13 +974,7 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
@@ -1452,10 +982,9 @@
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
-      "name": "grid-col",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "grid-col"
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/hml-json-schema.json b/api/config/hml/hml-json-schema.json
index 5297e5531e..d91a379ecc 100644
--- a/api/config/hml/hml-json-schema.json
+++ b/api/config/hml/hml-json-schema.json
@@ -15,26 +15,12 @@
             "type": "string",
             "description": "版本号例如:V3.0"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          }
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         },
         "required": ["name"]
       }
     },
-    "supportedDevices": {
-      "type": "array",
-      "description": "本字段非必填,如果为空，表示该属性支持所有的设备类型",
-      "items": {
-        "type": "string",
-        "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-      }
-    },
+    "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
     "description": {
       "type": "array",
       "items": {
@@ -44,14 +30,7 @@
             "type": "string",
             "description": "属性的描述文档"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          }
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
         },
         "required": ["name"]
       }
@@ -66,14 +45,7 @@
             "type": "string",
             "description": "属性名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "required": {
             "type": "boolean",
             "description": "表示属性是否为组件的必填属性"
@@ -87,14 +59,7 @@
                   "type": "string",
                   "description": "属性的描述文档"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               },
               "required": ["name"]
             }
@@ -113,14 +78,7 @@
                   "type": "string",
                   "description": "属性值"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               },
               "required": ["name"]
             }
@@ -139,14 +97,7 @@
             "type": "string",
             "description": "事件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "description": {
             "type": "array",
             "items": {
@@ -156,14 +107,7 @@
                   "type": "string",
                   "description": "事件的描述文档"
                 },
-                "supportedDevices": {
-                  "type": "array",
-                  "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-                  "items": {
-                    "type": "string",
-                    "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-                  }
-                }
+                "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
               }
             }
           }
@@ -185,14 +129,7 @@
             "type": "string",
             "description": "支持的子组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number"
           }
@@ -210,14 +147,7 @@
             "type": "string",
             "description": "不支持的子组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number"
           }
@@ -235,14 +165,7 @@
             "type": "string",
             "description": "支持的父组件的组件名称"
           },
-          "supportedDevices": {
-            "type": "array",
-            "description": "本字段非必填,如果为空，表示该属性继承属性支持的设备类型",
-            "items": {
-              "type": "string",
-              "enum": ["tv", "phone", "tablet", "wearable", "liteWearable", "smartVision"]
-            }
-          },
+          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
           "level": {
             "type": "number",
             "description": "本字段非必填,取值范围大于等于1，只有标签补齐时需要联想出对应子组件时需要填此字段，如果level为n+1时，level为n的组件有且只有一个(n>1)"
diff --git a/api/config/hml/media/camera.json b/api/config/hml/media/camera.json
index 26daed17d7..0baf66a4c9 100644
--- a/api/config/hml/media/camera.json
+++ b/api/config/hml/media/camera.json
@@ -1,84 +1,71 @@
 {
-    "name": "camera",
-    "version": [
-      {
-        "name": "v6.0"
-      }
-    ],
-    "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-    "supportedDevices": ["phone","smartVision"],
-    "description": [
-      {
-        "name": "Camera component, which provides the preview and photographing functions.",
-        "supportedDevices": ["phone","smartVision"]
-      }
-    ],
-    "attributes": [
-      {
-        "name": "flash",
-        "supportedDevices": ["phone","smartVision"],
-        "required": false,
-        "description": [
-          {
-            "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on).",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ],
-        "type": "enum",
-        "options": [
-          {
-            "name": "on"
-          },
-          {
-            "name": "off"
-          },
-          {
-            "name": "torch"
-          }
-        ]
-      },
-      {
-        "name": "deviceposition",
-        "supportedDevices": ["phone","smartVision"],
-        "required": false,
-        "description": [
-          {
-            "name": "Front or back. The value can be front or back.",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ],
-        "type": "enum",
-        "options": [
-          {
-            "name": "front"
-          },
-          {
-            "name": "back"
-          }
-        ]
-      },
+  "name": "camera",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
+  "description": [
+    {
+      "name": "Camera component, which provides the preview and photographing functions."
+    }
+  ],
+  "attributes": [
+    {
+      "name": "flash",
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on)."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        },
+        {
+          "name": "torch"
+        }
+      ]
+    },
+    {
+      "name": "deviceposition",
+      "required": false,
+      "description": [
+        {
+          "name": "Front or back. The value can be front or back."
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "front"
+        },
+        {
+          "name": "back"
+        }
+      ]
+    },
     {
       "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements."
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -87,29 +74,13 @@
       ],
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -118,29 +89,13 @@
       ],
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -149,29 +104,13 @@
       ],
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -180,27 +119,13 @@
       ],
       "description": [
         {
-          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -209,13 +134,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -230,12 +149,6 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -244,13 +157,7 @@
       ],
       "description": [
         {
-          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically."
         }
       ],
       "type": "enum",
@@ -265,12 +172,6 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -279,25 +180,13 @@
       ],
       "description": [
         {
-          "name": "Attribute set for a component to facilitate data storage and reading.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Attribute set for a component to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "click-effect",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -306,13 +195,7 @@
       ],
       "description": [
         {
-          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons."
         }
       ],
       "type": "enum",
@@ -330,12 +213,6 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -344,25 +221,13 @@
       ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -371,13 +236,7 @@
       ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1."
         }
       ],
       "type": "enum",
@@ -395,12 +254,6 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -409,25 +262,13 @@
       ],
       "description": [
         {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -436,13 +277,7 @@
       ],
       "description": [
         {
-          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel."
         }
       ],
       "type": "enum",
@@ -466,12 +301,6 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -480,13 +309,7 @@
       ],
       "description": [
         {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "enum",
@@ -501,12 +324,6 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -515,25 +332,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -542,25 +347,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "required": false,
       "version": [
         {
@@ -569,27 +362,13 @@
       ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -598,29 +377,13 @@
       ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -629,29 +392,13 @@
       ],
       "description": [
         {
-          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -660,15 +407,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -683,12 +422,6 @@
     },
     {
       "name": "dir",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -697,13 +430,7 @@
       "required": false,
       "description": [
         {
-          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set."
         }
       ],
       "type": "enum",
@@ -721,14 +448,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -748,14 +467,6 @@
     },
     {
       "name": "else",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -767,14 +478,6 @@
     },
     {
       "name": "show",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "required": false,
       "version": [
         {
@@ -783,15 +486,7 @@
       ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -805,25 +500,17 @@
       ]
     }
   ],
-    "events": [
-      {
-        "name": "error",
-        "supportedDevices": ["phone","smartVision"],
-        "description": [
-          {
-            "name": "Triggered when the user is not allowed to use the camera.",
-            "supportedDevices": ["phone","smartVision"]
-          }
-        ]
-      },
+  "events": [
+    {
+      "name": "error",
+      "description": [
+        {
+          "name": "Triggered when the user is not allowed to use the camera."
+        }
+      ]
+    },
     {
       "name": "touchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -831,24 +518,12 @@
       ],
       "description": [
         {
-          "name": "The tapping starts",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping starts"
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -856,24 +531,12 @@
       ],
       "description": [
         {
-          "name": "The tapping moves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -881,24 +544,12 @@
       ],
       "description": [
         {
-          "name": "The tapping is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -906,26 +557,12 @@
       ],
       "description": [
         {
-          "name": "The tapping ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The tapping ends."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -933,28 +570,12 @@
       ],
       "description": [
         {
-          "name": "A component is clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -962,28 +583,12 @@
       ],
       "description": [
         {
-          "name": "A component is long pressed.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -991,28 +596,12 @@
       ],
       "description": [
         {
-          "name": "A component is double clicked.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1020,28 +609,12 @@
       ],
       "description": [
         {
-          "name": "The pinch starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1049,28 +622,12 @@
       ],
       "description": [
         {
-          "name": "The pinch updates.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1078,28 +635,12 @@
       ],
       "description": [
         {
-          "name": "The pinch ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1107,28 +648,12 @@
       ],
       "description": [
         {
-          "name": "The pinch is interrupted.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The pinch is interrupted."
         }
       ]
     },
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1136,28 +661,12 @@
       ],
       "description": [
         {
-          "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The duration of drag."
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1165,28 +674,12 @@
       ],
       "description": [
         {
-          "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag starts."
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1194,28 +687,12 @@
       ],
       "description": [
         {
-          "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag ends."
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1223,28 +700,12 @@
       ],
       "description": [
         {
-          "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag enters."
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1252,28 +713,12 @@
       ],
       "description": [
         {
-          "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag overs."
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1281,28 +726,12 @@
       ],
       "description": [
         {
-          "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag leaves."
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v7.0"
@@ -1310,26 +739,12 @@
       ],
       "description": [
         {
-          "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "The drag drops."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1337,24 +752,12 @@
       ],
       "description": [
         {
-          "name": "A component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1362,24 +765,12 @@
       ],
       "description": [
         {
-          "name": "A component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1387,26 +778,12 @@
       ],
       "description": [
         {
-          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
-      ],
       "version": [
         {
           "name": "v5.0"
@@ -1414,26 +791,12 @@
       ],
       "description": [
         {
-          "name": "A user quickly swipes on a component.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
-          ]
+          "name": "A user quickly swipes on a component."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1441,24 +804,12 @@
       ],
       "description": [
         {
-          "name": "The current component is mounted to the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is mounted to the render tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v6.0"
@@ -1466,24 +817,12 @@
       ],
       "description": [
         {
-          "name": "The current component is removed from the render tree.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "The current component is removed from the render tree."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
       "version": [
         {
           "name": "v4.0"
@@ -1491,19 +830,13 @@
       ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     }
   ],
-    "supportedSubComponents": false,
-    "supportedSubComponentsRestriction": [],
-    "unSupportSubComponentsRestriction": [],
-    "parentComponentsRestriction": []
-  }
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/media/video.json b/api/config/hml/media/video.json
index 5a3019418e..08fa079c85 100644
--- a/api/config/hml/media/video.json
+++ b/api/config/hml/media/video.json
@@ -5,23 +5,21 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "The <video> component provides a video player.",
-      "supportedDevices": ["phone", "tablet", "tv"]
+      "name": "The <video> component provides a video player."
     }
   ],
   "attributes": [
     {
       "name": "muted",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a video is muted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a video is muted."
         }
       ],
       "type": "enum",
@@ -36,24 +34,20 @@
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "URI of the video content to play.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "URI of the video content to play."
         }
       ],
       "type": "string"
     },
     {
       "name": "autoplay",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether a video is played automatically after being rendered.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a video is played automatically after being rendered."
         }
       ],
       "type": "enum",
@@ -68,19 +62,16 @@
     },
     {
       "name": "poster",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Preview poster of a video.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Preview poster of a video."
         }
       ],
       "type": "string"
     },
     {
       "name": "loop",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -89,8 +80,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the video play from the beginning.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the video play from the beginning."
         }
       ],
       "type": "enum",
@@ -105,12 +95,10 @@
     },
     {
       "name": "controls",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the control bar is displayed during video playback. If the value is set to false, the control bar is not displayed. The default value is true, and the platform can either show or hide the control bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the control bar is displayed during video playback. If the value is set to false, the control bar is not displayed. The default value is true, and the platform can either show or hide the control bar."
         }
       ],
       "type": "enum",
@@ -125,7 +113,6 @@
     },
     {
       "name": "starttime",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -134,15 +121,13 @@
       "required": false,
       "description": [
         {
-          "name": "Where the video starts playing.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Where the video starts playing."
         }
       ],
       "type": "number"
     },
     {
       "name": "direction",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -151,15 +136,13 @@
       "required": false,
       "description": [
         {
-          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction."
         }
       ],
       "type": "string"
     },
     {
       "name": "speed",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "version": [
         {
           "name": "v6.0"
@@ -168,69 +151,57 @@
       "required": false,
       "description": [
         {
-          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float."
         }
       ],
       "type": "number"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Unique ID of a component."
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Style declaration of a component."
         }
       ],
       "type": "string"
     },
-
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Style class of a component, which is used to refer to a style table."
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs."
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction."
         }
       ],
       "type": "enum",
@@ -245,12 +216,10 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus."
         }
       ],
       "type": "enum",
@@ -265,36 +234,30 @@
     },
     {
       "name": "data-*",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for components to facilitate data storage and reading."
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -312,24 +275,20 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -353,12 +312,10 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "enum",
@@ -373,72 +330,60 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service."
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "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", "tv"]
+          "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."
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -453,7 +398,6 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -468,19 +412,16 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether the element is displayed or hidden."
         }
       ],
       "type": "enum",
@@ -497,13 +438,9 @@
   "events": [
     {
       "name": "drag",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -513,26 +450,18 @@
       "description": [
         {
           "name": "The duration of drag.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragstart",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -542,26 +471,18 @@
       "description": [
         {
           "name": "The drag starts.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragend",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -571,26 +492,18 @@
       "description": [
         {
           "name": "The drag ends.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragenter",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -600,26 +513,18 @@
       "description": [
         {
           "name": "The drag enters.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragover",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -629,26 +534,18 @@
       "description": [
         {
           "name": "The drag overs.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "dragleave",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -658,26 +555,18 @@
       "description": [
         {
           "name": "The drag leaves.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "drop",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "liteWearable",
-        "wearable",
-        "smartVision"
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
       ],
       "version": [
         {
@@ -687,294 +576,234 @@
       "description": [
         {
           "name": "The drag drops.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "liteWearable",
-            "wearable",
-            "smartVision"
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
           ]
         }
       ]
     },
     {
       "name": "prepared",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video preparation is complete.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video preparation is complete."
         }
       ]
     },
     {
       "name": "start",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video is played.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video is played."
         }
       ]
     },
     {
       "name": "pause",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video is paused.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video is paused."
         }
       ]
     },
     {
       "name": "finish",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the video finishes playing.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the video finishes playing."
         }
       ]
     },
     {
       "name": "error",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the playback fails.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the playback fails."
         }
       ]
     },
     {
       "name": "seeking",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered to report time information when the progress bar is being dragged.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered to report time information when the progress bar is being dragged."
         }
       ]
     },
     {
       "name": "seeked",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered to report playback time information when the user finishes dragging the progress bar.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered to report playback time information when the user finishes dragging the progress bar."
         }
       ]
     },
     {
       "name": "timeupdate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered once per 250 ms when the playing progress changes.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered once per 250 ms when the playing progress changes."
         }
       ]
     },
     {
       "name": "stop",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered."
         }
       ]
     },
     {
       "name": "fullscreenchange",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a video enters or exits the full screen mode.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a video enters or exits the full screen mode."
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping starts."
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping moves."
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping is interrupted."
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the tapping ends."
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component gains focus. The <span> component cannot gain focus."
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value."
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a user quickly slides on a component."
         }
       ]
     },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Event dispatched by the accessibility service."
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is clicked."
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is long pressed."
         }
       ]
     },
     {
       "name": "doubleclick",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when a component is double clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when a component is double clicked."
         }
       ]
     },
     {
       "name": "pinchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch starts."
         }
       ]
     },
     {
       "name": "pinchupdate",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch updates.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch updates."
         }
       ]
     },
     {
       "name": "pinchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch ends."
         }
       ]
     },
     {
       "name": "pinchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the pinch is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the pinch is interrupted."
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Triggered when the component loses focus. The <span> component cannot lose focus."
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is attached on the tree."
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The event will be called when the render node is detached on the tree."
         }
       ]
     }
@@ -983,4 +812,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
-- 
Gitee


From 7f94dd10d2885ccf83ff0560e34978c5303d66ae Mon Sep 17 00:00:00 2001
From: kukixi <kouxinxin@huawei.com>
Date: Mon, 14 Mar 2022 15:50:52 +0800
Subject: [PATCH 3/5] add syscap for css-json-schema

Signed-off-by: kukixi <kouxinxin@huawei.com>
---
 api/config/css/css-json-schema.json | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/api/config/css/css-json-schema.json b/api/config/css/css-json-schema.json
index 3c62b8a4be..ede707dcf1 100644
--- a/api/config/css/css-json-schema.json
+++ b/api/config/css/css-json-schema.json
@@ -13,7 +13,6 @@
             "SystemCapability.ArkUI.ArkUI.Full",
             "SystemCapability.ArkUI.ArkUI.Lite"
           ],
-          
           "syntax": {
             "type": "array",
             "description": "语法",
@@ -117,7 +116,10 @@
             "type": "string",
             "description": "指令名称"
           },
-          
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ],
           "version": {
             "type": "array",
             "description": "版本",
@@ -158,7 +160,10 @@
             "type": "string",
             "description": "伪类名称"
           },
-          
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ],
           "version": {
             "type": "array",
             "description": "版本",
-- 
Gitee


From 6ae5c2ff1469cb76f21c4483e7635f2d65626791 Mon Sep 17 00:00:00 2001
From: kukixi <kouxinxin@huawei.com>
Date: Mon, 14 Mar 2022 18:06:36 +0800
Subject: [PATCH 4/5] remove more space before ','

Signed-off-by: kukixi <kouxinxin@huawei.com>
---
 api/config/hml/basic/animate.json          | 26 +++++++++----------
 api/config/hml/basic/animateMotion.json    | 28 ++++++++++----------
 api/config/hml/basic/animateTransform.json | 30 +++++++++++-----------
 api/config/hml/basic/block.json            |  4 +--
 4 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
index 1bca9a9dc5..c35ce4d21a 100644
--- a/api/config/hml/basic/animate.json
+++ b/api/config/hml/basic/animate.json
@@ -13,7 +13,7 @@
   ],
   "attributes": [
     {
-      "name": "attributeName" ,
+      "name": "attributeName",
       "required": false,
       "description": [
         {
@@ -23,7 +23,7 @@
       "type": "string"
     },
     {
-      "name": "begin" ,
+      "name": "begin",
       "required": false,
       "description": [
         {
@@ -33,7 +33,7 @@
       "type": "string"
     },
     {
-      "name": "dur" ,
+      "name": "dur",
       "required": false,
       "description": [
         {
@@ -43,7 +43,7 @@
       "type": "string"
     },
     {
-      "name": "end" ,
+      "name": "end",
       "required": false,
       "description": [
         {
@@ -53,7 +53,7 @@
       "type": "string"
     },
     {
-      "name": "repeatCount" ,
+      "name": "repeatCount",
       "required": false,
       "description": [
         {
@@ -71,7 +71,7 @@
       ]
     },
     {
-      "name": "fill" ,
+      "name": "fill",
       "required": false,
       "description": [
         {
@@ -89,7 +89,7 @@
       ]
     },
     {
-      "name": "calcMode" ,
+      "name": "calcMode",
       "required": false,
       "description": [
         {
@@ -113,7 +113,7 @@
       ]
     },
     {
-      "name": "keyTimes" ,
+      "name": "keyTimes",
       "required": false,
       "description": [
         {
@@ -123,7 +123,7 @@
       "type": "string"
     },
     {
-      "name": "keySplines" ,
+      "name": "keySplines",
       "required": false,
       "description": [
         {
@@ -133,7 +133,7 @@
       "type": "string"
     },
     {
-      "name": "by" ,
+      "name": "by",
       "required": false,
       "description": [
         {
@@ -143,7 +143,7 @@
       "type": "string"
     },
     {
-      "name": "from" ,
+      "name": "from",
       "required": false,
       "description": [
         {
@@ -153,7 +153,7 @@
       "type": "string"
     },
     {
-      "name": "to" ,
+      "name": "to",
       "required": false,
       "description": [
         {
@@ -163,7 +163,7 @@
       "type": "string"
     },
     {
-      "name": "values" ,
+      "name": "values",
       "required": false,
       "description": [
         {
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
index 9db9003b9d..8c72b434de 100644
--- a/api/config/hml/basic/animateMotion.json
+++ b/api/config/hml/basic/animateMotion.json
@@ -13,7 +13,7 @@
   ],
   "attributes": [
     {
-      "name": "attributeName" ,
+      "name": "attributeName",
       "required": false,
       "description": [
         {
@@ -23,7 +23,7 @@
       "type": "string"
     },
     {
-      "name": "path" ,
+      "name": "path",
       "required": true,
       "description": [
         {
@@ -33,7 +33,7 @@
       "type": "string"
     },
     {
-      "name": "rotate" ,
+      "name": "rotate",
       "required": false,
       "description": [
         {
@@ -54,7 +54,7 @@
       ]
     },
     {
-      "name": "begin" ,
+      "name": "begin",
       "required": false,
       "description": [
         {
@@ -64,7 +64,7 @@
       "type": "string"
     },
     {
-      "name": "dur" ,
+      "name": "dur",
       "required": false,
       "description": [
         {
@@ -74,7 +74,7 @@
       "type": "string"
     },
     {
-      "name": "end" ,
+      "name": "end",
       "required": false,
       "description": [
         {
@@ -84,7 +84,7 @@
       "type": "string"
     },
     {
-      "name": "repeatCount" ,
+      "name": "repeatCount",
       "required": false,
       "description": [
         {
@@ -94,7 +94,7 @@
       "type": "number"
     },
     {
-      "name": "fill" ,
+      "name": "fill",
       "required": false,
       "description": [
         {
@@ -112,7 +112,7 @@
       ]
     },
     {
-      "name": "calcMode" ,
+      "name": "calcMode",
       "required": false,
       "description": [
         {
@@ -136,7 +136,7 @@
       ]
     },
     {
-      "name": "keyTimes" ,
+      "name": "keyTimes",
       "required": false,
       "description": [
         {
@@ -146,7 +146,7 @@
       "type": "string"
     },
     {
-      "name": "keySplines" ,
+      "name": "keySplines",
       "required": false,
       "description": [
         {
@@ -156,7 +156,7 @@
       "type": "string"
     },
     {
-      "name": "from" ,
+      "name": "from",
       "required": false,
       "description": [
         {
@@ -166,7 +166,7 @@
       "type": "string"
     },
     {
-      "name": "to" ,
+      "name": "to",
       "required": false,
       "description": [
         {
@@ -176,7 +176,7 @@
       "type": "string"
     },
     {
-      "name": "keyPoints" ,
+      "name": "keyPoints",
       "required": true,
       "description": [
         {
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
index 5aa960bc10..8b7744c7e8 100644
--- a/api/config/hml/basic/animateTransform.json
+++ b/api/config/hml/basic/animateTransform.json
@@ -13,7 +13,7 @@
   ],
   "attributes": [
     {
-      "name": "type" ,
+      "name": "type",
       "required": false,
       "description": [
         {
@@ -40,7 +40,7 @@
       ]
     },
     {
-      "name": "attributeName" ,
+      "name": "attributeName",
       "required": false,
       "description": [
         {
@@ -50,7 +50,7 @@
       "type": "string"
     },
     {
-      "name": "attributeType" ,
+      "name": "attributeType",
       "required": false,
       "description": [
         {
@@ -60,7 +60,7 @@
       "type": "string"
     },
     {
-      "name": "begin" ,
+      "name": "begin",
       "required": false,
       "description": [
         {
@@ -70,7 +70,7 @@
       "type": "string"
     },
     {
-      "name": "values" ,
+      "name": "values",
       "required": false,
       "description": [
         {
@@ -80,7 +80,7 @@
       "type": "string"
     },
     {
-      "name": "keyTimes" ,
+      "name": "keyTimes",
       "required": false,
       "description": [
         {
@@ -90,7 +90,7 @@
       "type": "string"
     },
     {
-      "name": "keySplines" ,
+      "name": "keySplines",
       "required": false,
       "description": [
         {
@@ -100,7 +100,7 @@
       "type": "string"
     },
     {
-      "name": "from" ,
+      "name": "from",
       "required": false,
       "description": [
         {
@@ -110,7 +110,7 @@
       "type": "string"
     },
     {
-      "name": "dur" ,
+      "name": "dur",
       "required": false,
       "description": [
         {
@@ -120,7 +120,7 @@
       "type": "string"
     },
     {
-      "name": "end" ,
+      "name": "end",
       "required": false,
       "description": [
         {
@@ -130,7 +130,7 @@
       "type": "string"
     },
     {
-      "name": "repeatCount" ,
+      "name": "repeatCount",
       "required": false,
       "description": [
         {
@@ -140,7 +140,7 @@
       "type": "number"
     },
     {
-      "name": "fill" ,
+      "name": "fill",
       "required": false,
       "description": [
         {
@@ -158,7 +158,7 @@
       ]
     },
     {
-      "name": "calcMode" ,
+      "name": "calcMode",
       "required": false,
       "description": [
         {
@@ -182,7 +182,7 @@
       ]
     },
     {
-      "name": "from" ,
+      "name": "from",
       "required": false,
       "description": [
         {
@@ -192,7 +192,7 @@
       "type": "string"
     },
     {
-      "name": "to" ,
+      "name": "to",
       "required": false,
       "description": [
         {
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
index 6163fe51b1..34e88cf95c 100644
--- a/api/config/hml/basic/block.json
+++ b/api/config/hml/basic/block.json
@@ -13,7 +13,7 @@
   ],
   "attributes": [
     {
-      "name": "for" ,
+      "name": "for",
       "required": false,
       "description": [
         {
@@ -23,7 +23,7 @@
       "type": "string"
     },
     {
-      "name": "if" ,
+      "name": "if",
       "required": false,
       "description": [
         {
-- 
Gitee


From 386e3f8ee1454a68d1a3daf4ef231b17e05160ac Mon Sep 17 00:00:00 2001
From: kukixi <kouxinxin@huawei.com>
Date: Mon, 14 Mar 2022 18:27:21 +0800
Subject: [PATCH 5/5] format json file

Signed-off-by: kukixi <kouxinxin@huawei.com>
---
 api/config/hml/basic/animate.json          |  51 ++--
 api/config/hml/basic/animateMotion.json    |  48 +--
 api/config/hml/basic/animateTransform.json |  53 ++--
 api/config/hml/basic/block.json            |  12 +-
 api/config/hml/basic/circle.json           |  23 +-
 api/config/hml/basic/divider.json          |  13 -
 api/config/hml/basic/label.json            | 112 ++++---
 api/config/hml/basic/path.json             |  22 +-
 api/config/hml/basic/rect.json             |   7 +-
 api/config/hml/basic/slot.json             |   8 +-
 api/config/hml/basic/text.json             | 329 ++++++++++++++-------
 api/config/hml/basic/textpath.json         |  16 +-
 api/config/hml/basic/toolbar.json          |  25 +-
 api/config/hml/basic/web.json              |   4 +-
 api/config/hml/grid/grid-container.json    | 318 +++++++++-----------
 15 files changed, 563 insertions(+), 478 deletions(-)

diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
index c35ce4d21a..6282d0c06e 100644
--- a/api/config/hml/basic/animate.json
+++ b/api/config/hml/basic/animate.json
@@ -5,10 +5,12 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "" 
+      "name": ""
     }
   ],
   "attributes": [
@@ -17,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -27,7 +29,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -37,7 +39,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -47,7 +49,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -57,16 +59,16 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "number" 
+          "name": "number"
         },
         {
-          "name": "indefinite" 
+          "name": "indefinite"
         }
       ]
     },
@@ -75,16 +77,16 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze" 
+          "name": "freeze"
         },
         {
-          "name": "remove" 
+          "name": "remove"
         }
       ]
     },
@@ -93,22 +95,22 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete" 
+          "name": "discrete"
         },
         {
-          "name": "linear" 
+          "name": "linear"
         },
         {
-          "name": "paced" 
+          "name": "paced"
         },
         {
-          "name": "spline" 
+          "name": "spline"
         }
       ]
     },
@@ -117,7 +119,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -127,7 +129,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -137,7 +139,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -147,7 +149,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -157,7 +159,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -167,7 +169,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -178,5 +180,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
index 8c72b434de..16436a1ed0 100644
--- a/api/config/hml/basic/animateMotion.json
+++ b/api/config/hml/basic/animateMotion.json
@@ -5,10 +5,12 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "" 
+      "name": ""
     }
   ],
   "attributes": [
@@ -17,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -27,7 +29,7 @@
       "required": true,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -37,7 +39,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
@@ -58,7 +60,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -68,7 +70,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -78,7 +80,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -88,7 +90,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "number"
@@ -98,16 +100,16 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze" 
+          "name": "freeze"
         },
         {
-          "name": "remove" 
+          "name": "remove"
         }
       ]
     },
@@ -116,22 +118,22 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete" 
+          "name": "discrete"
         },
         {
-          "name": "linear" 
+          "name": "linear"
         },
         {
-          "name": "paced" 
+          "name": "paced"
         },
         {
-          "name": "spline" 
+          "name": "spline"
         }
       ]
     },
@@ -140,7 +142,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -150,7 +152,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -160,7 +162,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -170,7 +172,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -180,7 +182,7 @@
       "required": true,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -191,4 +193,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
index 8b7744c7e8..2d629de372 100644
--- a/api/config/hml/basic/animateTransform.json
+++ b/api/config/hml/basic/animateTransform.json
@@ -5,10 +5,12 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "" 
+      "name": ""
     }
   ],
   "attributes": [
@@ -17,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
@@ -44,7 +46,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -54,7 +56,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -64,7 +66,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -74,7 +76,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -84,7 +86,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -94,7 +96,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -104,7 +106,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -114,7 +116,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -124,7 +126,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -134,7 +136,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "number"
@@ -144,16 +146,16 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "freeze" 
+          "name": "freeze"
         },
         {
-          "name": "remove" 
+          "name": "remove"
         }
       ]
     },
@@ -162,22 +164,22 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "enum",
       "options": [
         {
-          "name": "discrete" 
+          "name": "discrete"
         },
         {
-          "name": "linear" 
+          "name": "linear"
         },
         {
-          "name": "paced" 
+          "name": "paced"
         },
         {
-          "name": "spline" 
+          "name": "spline"
         }
       ]
     },
@@ -186,7 +188,7 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
@@ -196,16 +198,15 @@
       "required": false,
       "description": [
         {
-          "name": "" 
+          "name": ""
         }
       ],
       "type": "string"
     }
   ],
-  "events": [
-  ],
+  "events": [],
   "supportedSubComponents": false,
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
index 34e88cf95c..9d7c8578b6 100644
--- a/api/config/hml/basic/block.json
+++ b/api/config/hml/basic/block.json
@@ -5,10 +5,12 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
-      "name": "'Logic control block." 
+      "name": "'Logic control block."
     }
   ],
   "attributes": [
@@ -17,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "Expands the current element based on the configured data list." 
+          "name": "Expands the current element based on the configured data list."
         }
       ],
       "type": "string"
@@ -27,7 +29,7 @@
       "required": false,
       "description": [
         {
-          "name": "Whether the element is added or removed." 
+          "name": "Whether the element is added or removed."
         }
       ],
       "type": "enum",
@@ -46,4 +48,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/circle.json b/api/config/hml/basic/circle.json
index e22d5cc235..3efbbb7280 100644
--- a/api/config/hml/basic/circle.json
+++ b/api/config/hml/basic/circle.json
@@ -5,7 +5,9 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": ""
@@ -14,7 +16,6 @@
   "attributes": [
     {
       "name": "fill",
-      
       "required": false,
       "description": [
         {
@@ -25,7 +26,6 @@
     },
     {
       "name": "fill-opacity",
-      
       "required": false,
       "description": [
         {
@@ -36,7 +36,6 @@
     },
     {
       "name": "fill-rule",
-      
       "required": false,
       "description": [
         {
@@ -55,7 +54,6 @@
     },
     {
       "name": "opacity",
-      
       "required": false,
       "description": [
         {
@@ -66,7 +64,6 @@
     },
     {
       "name": "stroke",
-      
       "required": false,
       "description": [
         {
@@ -77,7 +74,6 @@
     },
     {
       "name": "stroke-dasharray",
-      
       "required": false,
       "description": [
         {
@@ -88,7 +84,6 @@
     },
     {
       "name": "stroke-dashoffset",
-      
       "required": false,
       "description": [
         {
@@ -99,7 +94,6 @@
     },
     {
       "name": "stroke-linejoin",
-      
       "required": false,
       "description": [
         {
@@ -121,7 +115,6 @@
     },
     {
       "name": "stroke-linecap",
-      
       "required": false,
       "description": [
         {
@@ -143,7 +136,6 @@
     },
     {
       "name": "stroke-miterlimit",
-      
       "required": false,
       "description": [
         {
@@ -154,7 +146,6 @@
     },
     {
       "name": "stroke-opacity",
-      
       "required": false,
       "description": [
         {
@@ -165,7 +156,6 @@
     },
     {
       "name": "stroke-width",
-      
       "required": false,
       "description": [
         {
@@ -176,7 +166,6 @@
     },
     {
       "name": "transform",
-      
       "required": false,
       "description": [
         {
@@ -187,7 +176,6 @@
     },
     {
       "name": "id",
-      
       "required": false,
       "description": [
         {
@@ -198,7 +186,6 @@
     },
     {
       "name": "cx",
-      
       "required": false,
       "description": [
         {
@@ -209,7 +196,6 @@
     },
     {
       "name": "cy",
-      
       "required": false,
       "description": [
         {
@@ -220,7 +206,6 @@
     },
     {
       "name": "r",
-      
       "required": false,
       "description": [
         {
@@ -245,4 +230,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/divider.json b/api/config/hml/basic/divider.json
index b45e1cc35f..e9c56b7d4f 100644
--- a/api/config/hml/basic/divider.json
+++ b/api/config/hml/basic/divider.json
@@ -136,7 +136,6 @@
     },
     {
       "name": "disabled",
-      
       "required": false,
       "version": [
         {
@@ -160,7 +159,6 @@
     },
     {
       "name": "focusable",
-      
       "required": false,
       "version": [
         {
@@ -184,7 +182,6 @@
     },
     {
       "name": "data-*",
-      
       "required": false,
       "version": [
         {
@@ -200,7 +197,6 @@
     },
     {
       "name": "click-effect",
-      
       "required": false,
       "version": [
         {
@@ -227,7 +223,6 @@
     },
     {
       "name": "voicelabel",
-      
       "required": false,
       "version": [
         {
@@ -243,7 +238,6 @@
     },
     {
       "name": "subscriptflag",
-      
       "required": false,
       "version": [
         {
@@ -270,7 +264,6 @@
     },
     {
       "name": "subscriptlabel",
-      
       "required": false,
       "version": [
         {
@@ -286,7 +279,6 @@
     },
     {
       "name": "scenelabel",
-      
       "required": false,
       "version": [
         {
@@ -319,7 +311,6 @@
     },
     {
       "name": "accessibilitygroup",
-      
       "required": false,
       "version": [
         {
@@ -343,7 +334,6 @@
     },
     {
       "name": "accessibilitytext",
-      
       "required": false,
       "version": [
         {
@@ -359,7 +349,6 @@
     },
     {
       "name": "accessibilitydescription",
-      
       "required": false,
       "version": [
         {
@@ -375,7 +364,6 @@
     },
     {
       "name": "accessibilityimportance",
-      
       "required": false,
       "version": [
         {
@@ -468,7 +456,6 @@
     },
     {
       "name": "dir",
-      
       "version": [
         {
           "name": "v6.0"
diff --git a/api/config/hml/basic/label.json b/api/config/hml/basic/label.json
index 06598a496f..ba1de931fb 100644
--- a/api/config/hml/basic/label.json
+++ b/api/config/hml/basic/label.json
@@ -5,8 +5,9 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "The <label> component defines labels for the <input>, <button>, and <textarea> components. When a label is clicked, the click effect of the component associated with the label will be triggered."
@@ -15,7 +16,6 @@
   "attributes": [
     {
       "name": "target",
-      
       "required": false,
       "description": [
         {
@@ -26,7 +26,6 @@
     },
     {
       "name": "shareid",
-      
       "required": false,
       "description": [
         {
@@ -37,7 +36,10 @@
     },
     {
       "name": "id",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -47,14 +49,20 @@
       "description": [
         {
           "name": "Unique ID of a component.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -64,14 +72,20 @@
       "description": [
         {
           "name": "Style declaration of a component.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -81,14 +95,20 @@
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -98,14 +118,16 @@
       "description": [
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      
       "required": false,
       "version": [
         {
@@ -129,7 +151,6 @@
     },
     {
       "name": "focusable",
-      
       "required": false,
       "version": [
         {
@@ -153,7 +174,6 @@
     },
     {
       "name": "data-*",
-      
       "required": false,
       "version": [
         {
@@ -169,7 +189,6 @@
     },
     {
       "name": "click-effect",
-      
       "required": false,
       "version": [
         {
@@ -196,7 +215,6 @@
     },
     {
       "name": "voicelabel",
-      
       "required": false,
       "version": [
         {
@@ -212,7 +230,6 @@
     },
     {
       "name": "subscriptflag",
-      
       "required": false,
       "version": [
         {
@@ -239,7 +256,6 @@
     },
     {
       "name": "subscriptlabel",
-      
       "required": false,
       "version": [
         {
@@ -255,7 +271,6 @@
     },
     {
       "name": "scenelabel",
-      
       "required": false,
       "version": [
         {
@@ -288,7 +303,6 @@
     },
     {
       "name": "accessibilitygroup",
-      
       "required": false,
       "version": [
         {
@@ -312,7 +326,6 @@
     },
     {
       "name": "accessibilitytext",
-      
       "required": false,
       "version": [
         {
@@ -328,7 +341,6 @@
     },
     {
       "name": "accessibilitydescription",
-      
       "required": false,
       "version": [
         {
@@ -344,7 +356,6 @@
     },
     {
       "name": "accessibilityimportance",
-      
       "required": false,
       "version": [
         {
@@ -360,7 +371,10 @@
     },
     {
       "name": "for",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -370,14 +384,20 @@
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -387,14 +407,20 @@
       "description": [
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -404,7 +430,10 @@
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "enum",
@@ -419,7 +448,6 @@
     },
     {
       "name": "dir",
-      
       "version": [
         {
           "name": "v6.0"
@@ -446,7 +474,10 @@
     },
     {
       "name": "elif",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -466,7 +497,10 @@
     },
     {
       "name": "else",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -478,7 +512,10 @@
     },
     {
       "name": "show",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -488,7 +525,10 @@
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "enum",
@@ -507,4 +547,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/path.json b/api/config/hml/basic/path.json
index 82b422ec1e..23bfbcd7e4 100644
--- a/api/config/hml/basic/path.json
+++ b/api/config/hml/basic/path.json
@@ -5,8 +5,9 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": ""
@@ -15,7 +16,6 @@
   "attributes": [
     {
       "name": "fill",
-      
       "required": false,
       "description": [
         {
@@ -26,7 +26,6 @@
     },
     {
       "name": "fill-opacity",
-      
       "required": false,
       "description": [
         {
@@ -37,7 +36,6 @@
     },
     {
       "name": "fill-rule",
-      
       "required": false,
       "description": [
         {
@@ -56,7 +54,6 @@
     },
     {
       "name": "opacity",
-      
       "required": false,
       "description": [
         {
@@ -67,7 +64,6 @@
     },
     {
       "name": "stroke",
-      
       "required": false,
       "description": [
         {
@@ -78,7 +74,6 @@
     },
     {
       "name": "stroke-dasharray",
-      
       "required": false,
       "description": [
         {
@@ -89,7 +84,6 @@
     },
     {
       "name": "stroke-dashoffset",
-      
       "required": false,
       "description": [
         {
@@ -100,7 +94,6 @@
     },
     {
       "name": "stroke-linejoin",
-      
       "required": false,
       "description": [
         {
@@ -122,7 +115,6 @@
     },
     {
       "name": "stroke-linecap",
-      
       "required": false,
       "description": [
         {
@@ -144,7 +136,6 @@
     },
     {
       "name": "stroke-miterlimit",
-      
       "required": false,
       "description": [
         {
@@ -155,7 +146,6 @@
     },
     {
       "name": "stroke-opacity",
-      
       "required": false,
       "description": [
         {
@@ -166,7 +156,6 @@
     },
     {
       "name": "stroke-width",
-      
       "required": false,
       "description": [
         {
@@ -177,7 +166,6 @@
     },
     {
       "name": "transform",
-      
       "required": false,
       "description": [
         {
@@ -188,7 +176,6 @@
     },
     {
       "name": "id",
-      
       "required": false,
       "description": [
         {
@@ -199,7 +186,6 @@
     },
     {
       "name": "d",
-      
       "required": false,
       "description": [
         {
@@ -224,4 +210,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/rect.json b/api/config/hml/basic/rect.json
index 05c31de4bb..f489ec7dfc 100644
--- a/api/config/hml/basic/rect.json
+++ b/api/config/hml/basic/rect.json
@@ -5,7 +5,9 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": ""
@@ -258,5 +260,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
-
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/slot.json b/api/config/hml/basic/slot.json
index e9c0904bcb..190e4372e8 100644
--- a/api/config/hml/basic/slot.json
+++ b/api/config/hml/basic/slot.json
@@ -5,8 +5,9 @@
       "name": "v1.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
-  
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "slot component allow developer to distribute the content of custom component"
@@ -26,8 +27,7 @@
   ],
   "supportedSubComponents": false,
   "supportedSubComponentsRestriction": [],
-
   "events": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/text.json b/api/config/hml/basic/text.json
index 2d225cae59..e228869116 100644
--- a/api/config/hml/basic/text.json
+++ b/api/config/hml/basic/text.json
@@ -5,8 +5,10 @@
       "name": "v3.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full", "SystemCapability.ArkUI.ArkUI.Lite"],
-  
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite"
+  ],
   "description": [
     {
       "name": "The <text> component is used to display a piece of textual information."
@@ -15,151 +17,198 @@
   "attributes": [
     {
       "name": "shareid",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "rotate",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "number"
     },
     {
       "name": "font-size",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Sets the size of the text.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "length"
     },
     {
       "name": "fill",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Font fill color.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "color"
     },
     {
       "name": "x",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "y",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "dy",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Set text Y axis offset.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "dx",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Set text x axis offset.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "stroke",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Draws the font border and specifies the color.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "color"
     },
     {
       "name": "stroke-width",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Font border width.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "number"
     },
     {
       "name": "stroke-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Font border transparency.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "number"
     },
     {
       "name": "fill-opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Font fill transparency.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "number"
     },
     {
       "name": "id",
-      
       "required": false,
       "description": [
         {
@@ -170,7 +219,6 @@
     },
     {
       "name": "style",
-      
       "required": false,
       "description": [
         {
@@ -181,7 +229,6 @@
     },
     {
       "name": "class",
-      
       "required": false,
       "description": [
         {
@@ -192,7 +239,6 @@
     },
     {
       "name": "ref",
-      
       "required": false,
       "description": [
         {
@@ -203,12 +249,16 @@
     },
     {
       "name": "disabled",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +273,16 @@
     },
     {
       "name": "focusable",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "enum",
@@ -243,36 +297,48 @@
     },
     {
       "name": "data-*",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "Attribute set for components to facilitate data storage and reading.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "enum",
@@ -290,24 +356,32 @@
     },
     {
       "name": "subscriptlabel",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "enum",
@@ -331,12 +405,16 @@
     },
     {
       "name": "accessibilitygroup",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "enum",
@@ -351,43 +429,54 @@
     },
     {
       "name": "accessibilitytext",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "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.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      
       "required": false,
       "description": [
         {
@@ -398,7 +487,6 @@
     },
     {
       "name": "tid",
-      
       "required": false,
       "description": [
         {
@@ -409,7 +497,6 @@
     },
     {
       "name": "if",
-      
       "required": false,
       "description": [
         {
@@ -428,7 +515,6 @@
     },
     {
       "name": "elif",
-      
       "required": false,
       "description": [],
       "type": "enum",
@@ -443,14 +529,12 @@
     },
     {
       "name": "else",
-      
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      
       "required": false,
       "description": [
         {
@@ -471,7 +555,9 @@
   "events": [
     {
       "name": "touchstart",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -480,13 +566,17 @@
       "description": [
         {
           "name": "The tapping starts",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -495,13 +585,17 @@
       "description": [
         {
           "name": "The tapping moves.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -510,13 +604,17 @@
       "description": [
         {
           "name": "The tapping is interrupted.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -525,13 +623,14 @@
       "description": [
         {
           "name": "The tapping ends.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      
       "version": [
         {
           "name": "v4.0"
@@ -545,7 +644,6 @@
     },
     {
       "name": "longpress",
-      
       "version": [
         {
           "name": "v4.0"
@@ -559,7 +657,6 @@
     },
     {
       "name": "doubleclick",
-      
       "version": [
         {
           "name": "v4.0"
@@ -573,7 +670,6 @@
     },
     {
       "name": "pinchstart",
-      
       "version": [
         {
           "name": "v4.0"
@@ -587,7 +683,6 @@
     },
     {
       "name": "pinchupdate",
-      
       "version": [
         {
           "name": "v4.0"
@@ -601,7 +696,6 @@
     },
     {
       "name": "pinchend",
-      
       "version": [
         {
           "name": "v4.0"
@@ -615,7 +709,6 @@
     },
     {
       "name": "pinchcancel",
-      
       "version": [
         {
           "name": "v4.0"
@@ -629,7 +722,6 @@
     },
     {
       "name": "drag",
-      
       "version": [
         {
           "name": "v7.0"
@@ -643,7 +735,6 @@
     },
     {
       "name": "dragstart",
-      
       "version": [
         {
           "name": "v7.0"
@@ -657,7 +748,6 @@
     },
     {
       "name": "dragend",
-      
       "version": [
         {
           "name": "v7.0"
@@ -671,7 +761,6 @@
     },
     {
       "name": "dragenter",
-      
       "version": [
         {
           "name": "v7.0"
@@ -685,7 +774,6 @@
     },
     {
       "name": "dragover",
-      
       "version": [
         {
           "name": "v7.0"
@@ -699,7 +787,6 @@
     },
     {
       "name": "dragleave",
-      
       "version": [
         {
           "name": "v7.0"
@@ -713,7 +800,6 @@
     },
     {
       "name": "drop",
-      
       "version": [
         {
           "name": "v7.0"
@@ -727,7 +813,9 @@
     },
     {
       "name": "focus",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -736,13 +824,17 @@
       "description": [
         {
           "name": "A component gains focus. The <span> component cannot gain focus.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -751,13 +843,17 @@
       "description": [
         {
           "name": "A component loses focus. The <span> component cannot lose focus.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -766,13 +862,14 @@
       "description": [
         {
           "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      
       "version": [
         {
           "name": "v5.0"
@@ -786,7 +883,9 @@
     },
     {
       "name": "attached",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v6.0"
@@ -795,25 +894,33 @@
       "description": [
         {
           "name": "The current component is mounted to the render tree.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "opacity",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "required": false,
       "description": [
         {
           "name": "",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ],
       "type": "number"
     },
     {
       "name": "detached",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v6.0"
@@ -822,13 +929,17 @@
       "description": [
         {
           "name": "The current component is removed from the render tree.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     },
     {
       "name": "accessibility",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -837,7 +948,9 @@
       "description": [
         {
           "name": "Event dispatched by the accessibility service.",
-          "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+          "syscap": [
+            "SystemCapability.ArkUI.ArkUI.Full"
+          ]
         }
       ]
     }
@@ -846,34 +959,46 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "span",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "level": 1
     },
     {
       "name": "animateTransform",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "level": 1
     },
     {
       "name": "tspan",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "level": 1
     },
     {
       "name": "textpath",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "level": 1
     },
     {
       "name": "animate",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ],
       "level": 1
     },
     {
       "name": "block",
-      "syscap": ["SystemCapability.ArkUI.ArkUI.Full"]
+      "syscap": [
+        "SystemCapability.ArkUI.ArkUI.Full"
+      ]
     }
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/textpath.json b/api/config/hml/basic/textpath.json
index 968cb03203..acf9942e6f 100644
--- a/api/config/hml/basic/textpath.json
+++ b/api/config/hml/basic/textpath.json
@@ -5,7 +5,9 @@
       "name": "v7.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "Draw text along a path."
@@ -14,7 +16,6 @@
   "attributes": [
     {
       "name": "id",
-      
       "required": false,
       "description": [
         {
@@ -25,7 +26,6 @@
     },
     {
       "name": "path",
-      
       "required": false,
       "description": [
         {
@@ -36,7 +36,6 @@
     },
     {
       "name": "opacity",
-      
       "required": false,
       "description": [
         {
@@ -47,7 +46,6 @@
     },
     {
       "name": "font-size",
-      
       "required": false,
       "description": [
         {
@@ -58,7 +56,6 @@
     },
     {
       "name": "fill",
-      
       "required": false,
       "description": [
         {
@@ -69,7 +66,6 @@
     },
     {
       "name": "stroke",
-      
       "required": false,
       "description": [
         {
@@ -80,7 +76,6 @@
     },
     {
       "name": "stroke-width",
-      
       "required": false,
       "description": [
         {
@@ -91,7 +86,6 @@
     },
     {
       "name": "stroke-opacity",
-      
       "required": false,
       "description": [
         {
@@ -102,7 +96,6 @@
     },
     {
       "name": "startOffset",
-      
       "required": false,
       "description": [
         {
@@ -113,7 +106,6 @@
     },
     {
       "name": "fill-opacity",
-      
       "required": false,
       "description": [
         {
@@ -128,4 +120,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/toolbar.json b/api/config/hml/basic/toolbar.json
index 3532588a82..198c43d75b 100644
--- a/api/config/hml/basic/toolbar.json
+++ b/api/config/hml/basic/toolbar.json
@@ -5,7 +5,9 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface."
@@ -14,7 +16,6 @@
   "attributes": [
     {
       "name": "id",
-
       "required": false,
       "description": [
         {
@@ -25,7 +26,6 @@
     },
     {
       "name": "style",
-      
       "required": false,
       "description": [
         {
@@ -36,7 +36,6 @@
     },
     {
       "name": "class",
-      
       "required": false,
       "description": [
         {
@@ -47,7 +46,6 @@
     },
     {
       "name": "ref",
-      
       "required": false,
       "description": [
         {
@@ -58,7 +56,6 @@
     },
     {
       "name": "data-*",
-      
       "required": false,
       "description": [
         {
@@ -69,7 +66,6 @@
     },
     {
       "name": "voicelabel",
-      
       "required": false,
       "description": [
         {
@@ -80,7 +76,6 @@
     },
     {
       "name": "subscriptflag",
-      
       "required": false,
       "description": [
         {
@@ -102,7 +97,6 @@
     },
     {
       "name": "subscriptlabel",
-      
       "required": false,
       "description": [
         {
@@ -140,7 +134,6 @@
     },
     {
       "name": "accessibilitygroup",
-      
       "required": false,
       "description": [
         {
@@ -159,7 +152,6 @@
     },
     {
       "name": "accessibilitytext",
-      
       "required": false,
       "description": [
         {
@@ -170,7 +162,6 @@
     },
     {
       "name": "accessibilitydescription",
-      
       "required": false,
       "description": [
         {
@@ -181,7 +172,6 @@
     },
     {
       "name": "accessibilityimportance",
-      
       "required": false,
       "description": [
         {
@@ -192,7 +182,6 @@
     },
     {
       "name": "if",
-      
       "required": false,
       "description": [
         {
@@ -211,7 +200,6 @@
     },
     {
       "name": "elif",
-      
       "required": false,
       "description": [],
       "type": "enum",
@@ -226,14 +214,12 @@
     },
     {
       "name": "else",
-      
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "for",
-      
       "required": false,
       "description": [
         {
@@ -244,7 +230,6 @@
     },
     {
       "name": "tid",
-      
       "required": false,
       "description": [
         {
@@ -255,7 +240,6 @@
     },
     {
       "name": "show",
-      
       "required": false,
       "description": [
         {
@@ -274,7 +258,6 @@
     },
     {
       "name": "shareid",
-      
       "required": false,
       "description": [
         {
@@ -293,4 +276,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/web.json b/api/config/hml/basic/web.json
index 78eff894ec..b6cc5e1409 100644
--- a/api/config/hml/basic/web.json
+++ b/api/config/hml/basic/web.json
@@ -5,7 +5,9 @@
       "name": "v6.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "Component that displays web page content."
diff --git a/api/config/hml/grid/grid-container.json b/api/config/hml/grid/grid-container.json
index 46e60f10b2..ca728599d0 100644
--- a/api/config/hml/grid/grid-container.json
+++ b/api/config/hml/grid/grid-container.json
@@ -5,7 +5,9 @@
       "name": "v4.0"
     }
   ],
-  "syscap": ["SystemCapability.ArkUI.ArkUI.Full"],
+  "syscap": [
+    "SystemCapability.ArkUI.ArkUI.Full"
+  ],
   "description": [
     {
       "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout."
@@ -14,7 +16,6 @@
   "attributes": [
     {
       "name": "columns",
-      
       "required": false,
       "description": [
         {
@@ -93,9 +94,9 @@
     {
       "name": "id",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -106,9 +107,9 @@
         {
           "name": "Unique ID of a component.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -116,9 +117,9 @@
     {
       "name": "style",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -129,9 +130,9 @@
         {
           "name": "Style declaration of a component.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -139,9 +140,9 @@
     {
       "name": "class",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -152,9 +153,9 @@
         {
           "name": "Style class of a component, which is used to refer to a style table.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -162,9 +163,9 @@
     {
       "name": "ref",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -175,16 +176,15 @@
         {
           "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      
       "required": false,
       "version": [
         {
@@ -208,7 +208,6 @@
     },
     {
       "name": "focusable",
-      
       "required": false,
       "version": [
         {
@@ -232,7 +231,6 @@
     },
     {
       "name": "data-*",
-      
       "required": false,
       "version": [
         {
@@ -248,7 +246,6 @@
     },
     {
       "name": "click-effect",
-      
       "required": false,
       "version": [
         {
@@ -275,7 +272,6 @@
     },
     {
       "name": "voicelabel",
-      
       "required": false,
       "version": [
         {
@@ -291,7 +287,6 @@
     },
     {
       "name": "subscriptflag",
-      
       "required": false,
       "version": [
         {
@@ -318,7 +313,6 @@
     },
     {
       "name": "subscriptlabel",
-      
       "required": false,
       "version": [
         {
@@ -334,7 +328,6 @@
     },
     {
       "name": "scenelabel",
-      
       "required": false,
       "version": [
         {
@@ -367,7 +360,6 @@
     },
     {
       "name": "accessibilitygroup",
-      
       "required": false,
       "version": [
         {
@@ -391,7 +383,6 @@
     },
     {
       "name": "accessibilitytext",
-      
       "required": false,
       "version": [
         {
@@ -407,7 +398,6 @@
     },
     {
       "name": "accessibilitydescription",
-      
       "required": false,
       "version": [
         {
@@ -423,7 +413,6 @@
     },
     {
       "name": "accessibilityimportance",
-      
       "required": false,
       "version": [
         {
@@ -440,9 +429,9 @@
     {
       "name": "for",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -453,9 +442,9 @@
         {
           "name": "Expands the current element based on the configured data list.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -463,9 +452,9 @@
     {
       "name": "tid",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -476,9 +465,9 @@
         {
           "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "string"
@@ -486,9 +475,9 @@
     {
       "name": "if",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -499,9 +488,9 @@
         {
           "name": "Whether the element is added or removed.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "enum",
@@ -516,7 +505,6 @@
     },
     {
       "name": "dir",
-      
       "version": [
         {
           "name": "v6.0"
@@ -544,9 +532,9 @@
     {
       "name": "elif",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -567,9 +555,9 @@
     {
       "name": "else",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -582,9 +570,9 @@
     {
       "name": "show",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "required": false,
       "version": [
         {
@@ -595,9 +583,9 @@
         {
           "name": "Whether the element is displayed or hidden.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ],
       "type": "enum",
@@ -614,7 +602,6 @@
   "events": [
     {
       "name": "touchstart",
-      
       "version": [
         {
           "name": "v4.0"
@@ -628,7 +615,6 @@
     },
     {
       "name": "touchmove",
-      
       "version": [
         {
           "name": "v4.0"
@@ -642,7 +628,6 @@
     },
     {
       "name": "touchcancel",
-      
       "version": [
         {
           "name": "v4.0"
@@ -656,7 +641,6 @@
     },
     {
       "name": "touchend",
-      
       "version": [
         {
           "name": "v4.0"
@@ -671,9 +655,9 @@
     {
       "name": "click",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -683,18 +667,18 @@
         {
           "name": "A component is clicked.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -704,18 +688,18 @@
         {
           "name": "A component is long pressed.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "doubleclick",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -725,18 +709,18 @@
         {
           "name": "A component is double clicked.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "pinchstart",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -746,18 +730,18 @@
         {
           "name": "The pinch starts.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "pinchupdate",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -767,18 +751,18 @@
         {
           "name": "The pinch updates.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "pinchend",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -788,18 +772,18 @@
         {
           "name": "The pinch ends.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "pinchcancel",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v4.0"
@@ -809,18 +793,18 @@
         {
           "name": "The pinch is interrupted.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "drag",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -830,18 +814,18 @@
         {
           "name": "The duration of drag.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "dragstart",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -851,18 +835,18 @@
         {
           "name": "The drag starts.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "dragend",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -872,18 +856,18 @@
         {
           "name": "The drag ends.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "dragenter",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -893,18 +877,18 @@
         {
           "name": "The drag enters.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "dragover",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -914,18 +898,18 @@
         {
           "name": "The drag overs.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "dragleave",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -935,18 +919,18 @@
         {
           "name": "The drag leaves.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "drop",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v7.0"
@@ -956,15 +940,14 @@
         {
           "name": "The drag drops.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      
       "version": [
         {
           "name": "v4.0"
@@ -978,7 +961,6 @@
     },
     {
       "name": "blur",
-      
       "version": [
         {
           "name": "v4.0"
@@ -992,7 +974,6 @@
     },
     {
       "name": "key",
-      
       "version": [
         {
           "name": "v4.0"
@@ -1007,9 +988,9 @@
     {
       "name": "swipe",
       "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ],
+        "SystemCapability.ArkUI.ArkUI.Full",
+        "SystemCapability.ArkUI.ArkUI.Lite"
+      ],
       "version": [
         {
           "name": "v5.0"
@@ -1019,15 +1000,14 @@
         {
           "name": "A user quickly swipes on a component.",
           "syscap": [
-    "SystemCapability.ArkUI.ArkUI.Full",
-    "SystemCapability.ArkUI.ArkUI.Lite"
-  ]
+            "SystemCapability.ArkUI.ArkUI.Full",
+            "SystemCapability.ArkUI.ArkUI.Lite"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      
       "version": [
         {
           "name": "v6.0"
@@ -1041,7 +1021,6 @@
     },
     {
       "name": "detached",
-      
       "version": [
         {
           "name": "v6.0"
@@ -1055,7 +1034,6 @@
     },
     {
       "name": "accessibility",
-      
       "version": [
         {
           "name": "v4.0"
@@ -1076,4 +1054,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
+}
\ No newline at end of file
-- 
Gitee