From 8da33c827a1202792bf08565b68013c6b115eec1 Mon Sep 17 00:00:00 2001
From: houhaoyu <houhaoyu@huawei.com>
Date: Fri, 4 Mar 2022 18:16:15 +0800
Subject: [PATCH] fixed 8cbc9a7 from
 https://gitee.com/houhaoyu/interface_sdk-js/pulls/930 fixed 21c7706 from
 https://gitee.com/houhaoyu/interface_sdk-js/pulls/928 houhaoyu@huawei.com

update version

Signed-off-by: houhaoyu <houhaoyu@huawei.com>
Change-Id: I8f3c4b6634bd936da4d1a975d6f4113e463ec847
---
 api/common/@internal/console.d.ts         |   2 +-
 api/common/@internal/dom.d.ts             |   1 +
 api/common/@internal/viewmodel.d.ts       | 332 ++++++++++++++++++++++
 api/liteWearable/@internal/console.d.ts   |   9 +
 api/liteWearable/@internal/global.d.ts    |  12 +
 api/liteWearable/@internal/viewmodel.d.ts |  44 +++
 6 files changed, 399 insertions(+), 1 deletion(-)

diff --git a/api/common/@internal/console.d.ts b/api/common/@internal/console.d.ts
index f1eec6e6d8..97ebc4d6bd 100644
--- a/api/common/@internal/console.d.ts
+++ b/api/common/@internal/console.d.ts
@@ -14,7 +14,7 @@
  */
 
  /**
- * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable, liteWearable, smartVision
  * @since 3
  */
diff --git a/api/common/@internal/dom.d.ts b/api/common/@internal/dom.d.ts
index 39f358f314..1775835169 100644
--- a/api/common/@internal/dom.d.ts
+++ b/api/common/@internal/dom.d.ts
@@ -17,6 +17,7 @@ export { Element } from './viewmodel';
 
 /**
  * global dom
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 8
  */
 export declare class dom {
diff --git a/api/common/@internal/viewmodel.d.ts b/api/common/@internal/viewmodel.d.ts
index 062a8d2c2a..e30c64ba2e 100644
--- a/api/common/@internal/viewmodel.d.ts
+++ b/api/common/@internal/viewmodel.d.ts
@@ -20,10 +20,12 @@ import { WebGL2RenderingContext } from "../webgl/webgl2";
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface FocusParamObj {
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   focus: boolean;
 }
@@ -31,22 +33,27 @@ export interface FocusParamObj {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface RectObj {
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   width: number;
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   height: number;
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   left: number;
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   top: number;
 }
@@ -54,6 +61,7 @@ export interface RectObj {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ContextAttrOptions {
   antialias: boolean;
@@ -62,48 +70,57 @@ export interface ContextAttrOptions {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface AnimateStyle {
   /**
    * Width value applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   width: number;
   /**
    * Height value applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   height: number;
   /**
    * left offset applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   left: number;
   /**
    * top offset applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   top: number;
   /**
    * right offset applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   right: number;
   /**
    * bottom offset applied to the component after the animation is executed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   bottom: number;
   /**
    * Background color applied to the component after the animation is executed.
    * The default value is none.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   backgroundColor: string;
   /**
    * Opacity applied to the component. The value ranges from 0 to 1.
    * The default value is 1.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   opacity: number;
   /**
@@ -111,6 +128,7 @@ export interface AnimateStyle {
    * The first value indicates the horizontal position, and the second value indicates the vertical position.
    * If only one value is specified, the other value is 50% by default.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   backgroundPosition: string;
   /**
@@ -118,11 +136,13 @@ export interface AnimateStyle {
    * The first value indicates the x-axis position. The value can be left, center, right, a length, or percentage.
    * The second value indicates the y-axis position. The value can be top, center, bottom, a length, or a percentage.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   transformOrigin: string;
   /**
    * Transformation type applied to an element.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   transform: "none" | TransformObject;
   /**
@@ -130,6 +150,7 @@ export interface AnimateStyle {
    * If there are only two frames, offset can be left empty.
    * If there are more than two frames, offset is mandatory.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   offset?: number;
 }
@@ -137,6 +158,7 @@ export interface AnimateStyle {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface TransformObject {
   /**
@@ -148,6 +170,7 @@ export interface TransformObject {
    * @param translateX the translate value for x-axis
    * @param translateY the translate value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   matrix(
     scaleX: number,
@@ -175,6 +198,7 @@ export interface TransformObject {
    * @param n32 the value of the 3 row and 2 column of the 4x4 matrix
    * @param n33 the value of the 3 row and 3 column of the 4x4 matrix
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   matrix3d(n00: number, n01: number, n02: number, n03: number,
            n10: number, n11: number, n12: number, n13: number,
@@ -185,6 +209,7 @@ export interface TransformObject {
    * @param x the translate value for x-axis
    * @param y the translate value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translate(x: number, y: number): void;
   /**
@@ -193,24 +218,28 @@ export interface TransformObject {
    * @param y the translate value for y-axis
    * @param z the translate value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translate3d(x: number, y: number, z: number): void;
   /**
    * Defines 2D transformations for translation of the X axes
    * @param x the translate value for x-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translateX(x: number): void;
   /**
    * Defines 2D transformations for translation of the Y axes
    * @param y the translate value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translateY(y: number): void;
   /**
    * Defines 3D transformations for translation of the Z axes
    * @param z the translate value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translateZ(z: number): void;
   /**
@@ -218,6 +247,7 @@ export interface TransformObject {
    * @param x the scale value for x-axis
    * @param y the scale value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scale(x: number, y: number): void;
   /**
@@ -226,30 +256,35 @@ export interface TransformObject {
    * @param y the scale value for y-axis
    * @param z the scale value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scale3d(x: number, y: number, z: number): void;
   /**
    * Defines 2D transformations for scaling of the X axes
    * @param x the scale value for x-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scaleX(x: number): void;
   /**
    * Defines 2D transformations for scaling of the Y axes
    * @param y the scale value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scaleY(y: number): void;
   /**
    * Defines 3D transformations for scaling of the Z axes
    * @param z the scale value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scaleZ(z: number): void;
   /**
    * Define the 2D rotation and specify the angle in the parameters.
    * @param angle the rotate value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotate(angle: number): void;
   /**
@@ -259,24 +294,28 @@ export interface TransformObject {
    * @param z the vector value of the z-axis
    * @param angle the rotate value for x&y&z vector.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotate3d(x: number, y: number, z: number, angle: number): void;
   /**
    * Defines 3D transformations for rotating of the X axes.
    * @param x the scale value for x-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotateX(angle: number): void;
   /**
    * Defines 3D transformations for rotating of the Y axes.
    * @param y the scale value for y-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotateY(angle: number): void;
   /**
    * Defines 3D transformations for rotating of the Z axes.
    * @param z the scale value for z-axis
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotateZ(angle: number): void;
   /**
@@ -284,24 +323,28 @@ export interface TransformObject {
    * @param xAngle the angle of inclination along the x axis.
    * @param yAngle the angle of inclination along the y axis.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   skew(xAngle: number, yAngle: number): void;
   /**
    * Defines the 2D skew transition along the X axes.
    * @param angle the angle of inclination along the x axis.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   skewX(angle: number): void;
   /**
    * Defines the 2D skew transition along the Y axes.
    * @param angle the angle of inclination along the y axis.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   skewY(angle: number): void;
   /**
    * Defines a perspective view for the 3D transformation element.
    * @param n the vertical distance from the observation point to the component plane.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   perspective(verticalDistance: number): void;
 }
@@ -309,12 +352,14 @@ export interface TransformObject {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface AnimateOptions {
   /**
    * Duration of the animation, in milliseconds.
    * The default value is 0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   duration: number;
 
@@ -337,6 +382,7 @@ export interface AnimateOptions {
    * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
    * The default value is ease.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   easing: string;
 
@@ -344,6 +390,7 @@ export interface AnimateOptions {
    * Delay for the animation start. The default value indicates no delay.
    * The default value is 0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   delay: number;
 
@@ -351,6 +398,7 @@ export interface AnimateOptions {
    * Number of times the animation will be played. number indicates a fixed number of playback operations, and Infinity indicates an unlimited number of playback operations.
    * The default value is 1.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   iterations: number | string;
 
@@ -358,6 +406,7 @@ export interface AnimateOptions {
    * The animation playback mode.
    * The default value is "normal".
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
 
@@ -366,6 +415,7 @@ export interface AnimateOptions {
    * 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.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   fill: "none" | "forwards" | "backwards" | "both";
 }
@@ -373,16 +423,19 @@ export interface AnimateOptions {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface AnimationResult {
   /**
    * Read-only attribute, which indicates whether the animation playback is complete.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   finished: boolean;
   /**
    * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations (for example, start an animation with a delay).
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   pending: boolean;
   /**
@@ -392,56 +445,67 @@ export interface AnimationResult {
    * paused: The animation is paused.
    * finished: Animation playback ends.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   playstate: string;
   /**
    * Animation start time. This attribute is similar to that of delay in the options parameters.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   startTime: number;
   /**
    * Starts the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   play(): void;
   /**
    * Ends the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   finish(): void;
   /**
    * Pauses the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   pause(): void;
   /**
    * Cancels the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   cancel(): void;
   /**
    * Plays the animation in reverse direction.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   reverse(): void;
   /**
    * The animation is started.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   onstart: () => void;
   /**
    * The animation is finished.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   onfinish: () => void;
   /**
    * The animation is canceled.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   oncancel: () => void;
   /**
    * The animation is repeated.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   onrepeat: () => void;
 }
@@ -449,6 +513,7 @@ export interface AnimationResult {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface Element {
   /**
@@ -458,6 +523,7 @@ export interface Element {
    * This attribute can be defaulted to true.
    * @param obj { focus: true | false }
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   focus(obj?: FocusParamObj): void;
 
@@ -468,6 +534,7 @@ export interface Element {
    * This attribute can be defaulted to true.
    * @param obj { focus: true | false }
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotation(obj?: FocusParamObj): void;
 
@@ -477,6 +544,7 @@ export interface Element {
    * @param options Options. is used to describe animation parameters.
    * @returns This method returns the animation object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   animate(
     keyframes: Array<AnimateStyle>,
@@ -487,6 +555,7 @@ export interface Element {
    * Obtains the size and position of the element.
    * @returns RectObj the size position of the element.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getBoundingClientRect(): RectObj;
 
@@ -494,12 +563,14 @@ export interface Element {
    * Obtains attributes of the element.
    * @returns attributes of the element in json string.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getInspector(): string;
 
   /**
    * If 0.5 is returned, 50% of the current component is visible.
    * @param radios Scope of Monitoring components.
+   * @since 7
    */
   createIntersectionObserver(param: {ratios: Array<number>}): observer;
 
@@ -530,15 +601,18 @@ export interface Element {
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 6
  */
 export interface observer {
   /**
    * Turn on the listener.
+   * @since 7
    */
   observe(callback: string): void;
 
   /**
    * Turn off the listenerr.
+   * @since 7
    */
   unobserve(): void;
 }
@@ -547,31 +621,37 @@ export interface observer {
  * animation element
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface AnimationElement extends Element {
   /**
    * Starts the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   play(): void;
   /**
    * Ends the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   finish(): void;
   /**
    * Pauses the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   pause(): void;
   /**
    * Cancels the animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   cancel(): void;
   /**
    * Plays the animation in reverse direction.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   reverse(): void;
 }
@@ -579,23 +659,27 @@ export interface AnimationElement extends Element {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ScrollParam {
   /**
    * Offset for scrolling in the horizontal direction, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   dx?: number;
 
   /**
    * Offset for scrolling in the vertical direction, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   dy?: number;
 
   /**
    * Whether a sliding animation is displayed when scroll position is changed.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   smooth?: boolean;
 }
@@ -603,17 +687,20 @@ export interface ScrollParam {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface CurrentOffsetResultValue {
   /**
    * Scrolling offset in the x-axis, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   x: number;
 
   /**
    * Scrolling offset in the y-axis, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   y: number;
 }
@@ -621,10 +708,12 @@ export interface CurrentOffsetResultValue {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 7
  */
 export interface ListScrollToOptions {
   /**
    * specified position.
+   * @since 7
    */
   index: number;
 }
@@ -633,11 +722,13 @@ export interface ListScrollToOptions {
  * The <list> component provides a list container.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ListElement extends Element {
   /**
    * Scrolls the list to the position of the item at the specified index.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   scrollTo(position: ListScrollToOptions): void;
 
@@ -645,6 +736,7 @@ export interface ListElement extends Element {
    * Scrolls the list for a certain distance.
    * This method applies only to smart TVs.
    * @devices tv
+   * @since 7
    */
   scrollBy(data: ScrollParam): void;
 
@@ -653,6 +745,7 @@ export interface ListElement extends Element {
    * If smooth is set to true, the list is smoothly scrolled to the top.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollTop(param: { smooth: boolean }): void;
 
@@ -661,6 +754,7 @@ export interface ListElement extends Element {
    * If smooth is set to true, the list is smoothly scrolled to the bottom.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollBottom(param: { smooth: boolean }): void;
 
@@ -671,6 +765,7 @@ export interface ListElement extends Element {
    * If smooth is set to true, the list is smoothly scrolled to another page.
    * @param params
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollPage(params: { reverse: boolean; smooth: boolean }): void;
 
@@ -681,6 +776,7 @@ export interface ListElement extends Element {
    * If smooth is set to true, the list is smoothly scrolled.
    * @param params
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
 
@@ -688,11 +784,13 @@ export interface ListElement extends Element {
    * Collapses a group.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   collapseGroup(param: {
     /**
      * groupid: ID of the group to collapse.
      * All groups are collapsed when groupid is not specified.
+     * @since 7
      */
     groupid: string;
   }): void;
@@ -701,6 +799,7 @@ export interface ListElement extends Element {
    * Expands a group.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   expandGroup(param: {
     /**
@@ -713,6 +812,7 @@ export interface ListElement extends Element {
   /**
    * Returns the offset of the current scrolling. The return value type is Object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   currentOffset(): CurrentOffsetResultValue;
 }
@@ -721,11 +821,13 @@ export interface ListElement extends Element {
  * The <swiper> component provides a swiper container.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface SwiperElement extends Element {
   /**
    * Scrolls the child component to the position at the specified index.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   swipeTo(position: {
     /**
@@ -737,12 +839,14 @@ export interface SwiperElement extends Element {
   /**
    * Shows the next child component.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   showNext(): void;
 
   /**
    * Shows the previous child component.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   showPrevious(): void;
 }
@@ -750,6 +854,7 @@ export interface SwiperElement extends Element {
 /**
  * @devices tv, phone, tablet, wearable
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface CameraTakePhotoOptions {
   /**
@@ -761,6 +866,7 @@ export interface CameraTakePhotoOptions {
    * Callback function for successful interface invocation.
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   success?: (result: Object) => void;
 
@@ -768,6 +874,7 @@ export interface CameraTakePhotoOptions {
    * Callback function for interface invocation failure.
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   fail?: (result: Object) => void;
 
@@ -775,6 +882,7 @@ export interface CameraTakePhotoOptions {
    * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   complete?: (result: Object) => void;
 }
@@ -783,12 +891,14 @@ export interface CameraTakePhotoOptions {
  * The <camera> component provides preview and photographing functions.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface CameraElement extends Element {
   /**
    * Take photos with specified parameters.
    * @param options the parameters of camera.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   takePhoto(options: CameraTakePhotoOptions): void;
 }
@@ -797,11 +907,13 @@ export interface CameraElement extends Element {
  * The <web> component is a container for displaying web page content.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet
+ * @since 7
  */
 export interface WebElement extends Element {
   /**
    * Reload the web page content
    * @devices tv, phone, tablet
+   * @since 7
    */
   reload(): void;
 }
@@ -810,16 +922,19 @@ export interface WebElement extends Element {
  * The <dialog> component is a custom pop-up container.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface DialogElement extends Element {
   /**
    * Shows a dialog box.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   show(): void;
   /**
    * Closes a dialog box.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   close(): void;
 }
@@ -828,26 +943,31 @@ export interface DialogElement extends Element {
  * The <image-animator> component is used to provide an image frame animator.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ImageAnimatorElement extends Element {
   /**
    * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   start(): void;
   /**
    * Pauses the frame animation playback of an image.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   pause(): void;
   /**
    * Stops the frame animation playback of an image.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   stop(): void;
   /**
    * Resumes the frame animation playback of an image.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   resume(): void;
   /**
@@ -856,6 +976,7 @@ export interface ImageAnimatorElement extends Element {
    * Paused
    * Stopped
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   getState(): "Playing" | "Paused" | "Stopped";
 }
@@ -865,17 +986,20 @@ export interface ImageAnimatorElement extends Element {
  * When the text length exceeds the display area of the component, the marquee effect is displayed.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface MarqueeElement extends Element {
   /**
    * Starts scrolling.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   start(): void;
 
   /**
    * Stops scrolling.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   stop(): void;
 }
@@ -884,6 +1008,7 @@ export interface MarqueeElement extends Element {
  * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet
+ * @since 7
  */
 export interface MenuElement extends Element {
   /**
@@ -896,6 +1021,7 @@ export interface MenuElement extends Element {
    * When the visible space in the lower part is insufficient, the menu is moved upward.
    * @param position
    * @devices tv, phone, tablet
+   * @since 7
    */
   show(position: { x: number; y: number }): void;
 }
@@ -904,6 +1030,7 @@ export interface MenuElement extends Element {
  * The <chart> component displays line charts, gauge charts, and bar charts.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ChartElement extends Element {
   /**
@@ -912,6 +1039,7 @@ export interface ChartElement extends Element {
    * datasets[index].data is not updated. Only line charts support this attribute.
    * The value is incremented by 1 based on the horizontal coordinate and is related to the xAxis min/max setting.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   append(params: {
     /**
@@ -929,6 +1057,7 @@ export interface ChartElement extends Element {
  * The <input> component provides an interactive interface to receive user input, which is displayed in a single line by default.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface InputElement extends Element {
   /**
@@ -936,6 +1065,7 @@ export interface InputElement extends Element {
    * When the component type is set to text, email, date, time, number, or password, the input method can be displayed or collapsed.
    * @param param If focus is not passed, the default value true is used.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   focus(param: { focus: boolean }): void;
 
@@ -944,12 +1074,14 @@ export interface InputElement extends Element {
    * This attribute is available when the component type is set to text, email, date, time, number, or password.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   showError(param: { error: string }): void;
 
   /**
    * Deletes the previous character at the cursor position.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   delete(): void;
 }
@@ -958,6 +1090,7 @@ export interface InputElement extends Element {
  * The <button> component includes capsule, circle, text, arc, and download buttons.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ButtonElement extends Element {
   /**
@@ -968,6 +1101,7 @@ export interface ButtonElement extends Element {
    * The text displayed on the progress bar is changed based on the value.
    * @param param
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   setProgress(param: { progress: number }): void;
 }
@@ -976,12 +1110,14 @@ export interface ButtonElement extends Element {
  * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet
+ * @since 7
  */
 export interface TextAreaElement extends Element {
   /**
    * Obtains or loses the focus of a component, which can display or collapse the input method.
    * @param param If focus is not passed, the default value true is used.
    * @devices tv, phone, tablet
+   * @since 7
    */
   focus(param: { focus: boolean }): void;
 }
@@ -990,11 +1126,13 @@ export interface TextAreaElement extends Element {
  * The <picker> component supports common, date, time, and multi-column text selectors.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet
+ * @since 7
  */
 export interface PickerElement extends Element {
   /**
    * Displays the picker.
    * @devices tv, phone, tablet
+   * @since 7
    */
   show(): void;
 }
@@ -1003,17 +1141,20 @@ export interface PickerElement extends Element {
  * The <video> component provides a video player.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet
+ * @since 7
  */
 export interface VideoElement extends Element {
   /**
    * Requests to start playing a video.
    * @devices tv, phone, tablet
+   * @since 7
    */
   start(): void;
 
   /**
    * Requests to pause a video.
    * @devices tv, phone, tablet
+   * @since 7
    */
   pause(): void;
 
@@ -1021,6 +1162,7 @@ export interface VideoElement extends Element {
    * Specifies the video playing position.
    * @param param
    * @devices tv, phone, tablet
+   * @since 7
    */
   setCurrentTime(param: { currenttime: number }): void;
 
@@ -1028,18 +1170,21 @@ export interface VideoElement extends Element {
    * Requests to enter the full screen mode.
    * @param param
    * @devices tv, phone, tablet
+   * @since 7
    */
   requestFullscreen(param: { screenOrientation: "default" }): void;
 
   /**
    * Requests to exit the full screen mode.
    * @devices tv, phone, tablet
+   * @since 7
    */
   exitFullscreen(): void;
 
   /**
    * Requests to stop playing a video.
    * @devices tv, phone, tablet
+   * @since 7
    */
   stop(): void;
 }
@@ -1047,14 +1192,17 @@ export interface VideoElement extends Element {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface TextMetrics {
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   width: number;
   /**
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   height: number;
 }
@@ -1063,11 +1211,13 @@ export interface TextMetrics {
  * Provides a 2D rendering context for the drawing surface of the < Canvas > element.
  * It is used to draw shapes, text, images and other objects.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface OffscreenCanvasRenderingContext2D {
   /**
    * Gets the dotted spacing of a line.
    * Returns the current line segment style array containing an even number of non-negative numbers.
+   * @since 7
    */
   getLineDash: Array<number>;
 
@@ -1076,6 +1226,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Paint color used to fill the area.
    * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
    * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   * @since 7
    */
   fillStyle?: string | CanvasGradient | CanvasPattern;
 
@@ -1084,12 +1235,14 @@ export interface OffscreenCanvasRenderingContext2D {
    * Color of the stroke paint.
    * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
    * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   * @since 7
    */
   strokeStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
    * Sets the dotted spacing of a line.
    * @param segments A set of numbers describing the length of alternating drawn line segments and spacing (coordinate space units).
+   * @since 7
    */
   setLineDash(segments: Array<number>): void;
 
@@ -1100,6 +1253,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
    * @param dw Image The width drawn on the target canvas.
    * @param dh Image The height drawn on the target canvas.
+   * @since 7
    */
   drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
 
@@ -1114,21 +1268,25 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param sy The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
    * @param sw The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
    * @param sh The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @since 7
    */
   drawImage(image: Image, sx: number, sy: number, sw: number, sh: number,dx: number, dy: number, dw: number, dh: number): void;
 
   /**
    * Creates a drawing path.
+   * @since 7
    */
   beginPath(): void;
 
   /**
    * Crop the current canvas.
+   * @since 7
    */
   clip(): void;
 
   /**
    * Fills the current canvas with color.
+   * @since 7
    */
   fill(): void;
 
@@ -1137,6 +1295,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param x The X coordinate of the detection point.
    * @param y The Y coordinate of the detection point.
    * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   * @since 7
    */
   isPointInPath(x: number, y: number): boolean;
 
@@ -1147,6 +1306,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y coordinate of the detection point.
    * @param fillRule This algorithm determines whether a point is in or out of the path.
    * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   * @since 7
    */
   isPointInPath(path: Path2D, x: number, y: number): boolean;
 
@@ -1155,6 +1315,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param x The X coordinate of the detection point.
    * @param y The Y coordinate of the detection point.
    * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   * @since 7
    */
   isPointInStroke(x: number, y: number): boolean;
 
@@ -1164,17 +1325,20 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param x The X coordinate of the detection point.
    * @param y The Y coordinate of the detection point.
    * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   * @since 7
    */
   isPointInStroke(path: Path2D, x: number, y: number): boolean;
 
   /**
    * Stroke draws the current path.
+   * @since 7
    */
   stroke(): void;
 
   /**
    * Stroke draws the current path.
    * @param path The object of Path2D.
+   * @since 7
    */
   stroke(path: Path2D): void;
 
@@ -1187,6 +1351,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y1 Y-coordinate of the end point.
    * @param r1 The radius of End Circle.
    * @returns RadialGradient object.
+   * @since 7
    */
   createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
 
@@ -1195,6 +1360,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param image The CanvasImageSource object that is the source of the duplicate image.
    * @param repetition Specify how to repeat images.
    * @returns CanvasPattern An opaque object that describes a schema.
+   * @since 7
    */
   createPattern(image: Image, repetition: string): CanvasPattern;
 
@@ -1205,6 +1371,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param x1 X-coordinate of the end point.
    * @param y1 Y-coordinate of the end point.
    * @returns LinearGradient object.
+   * @since 7
    */
   createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
 
@@ -1213,6 +1380,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param sw The width of the new object.
    * @param sh The height of the new object.
    * @returns ImageData New ImageData object with width and height specified.
+   * @since 7
    */
   createImageData(sw: number, sh: number): ImageData;
 
@@ -1220,6 +1388,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Create an ImageData object.
    * @param imagedata Copy an object of the same width and height from an existing ImageData object The image itself is not allowed to be copied.
    * @returns ImageData New ImageData object with width and height specified.
+   * @since 7
    */
   createImageData(imagedata: ImageData): ImageData;
 
@@ -1227,6 +1396,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Creates a path that is later used by the CanvasRenderingContext2D object.
    * @param path another created Path2D object.
    * @returns the object of Path2D.
+   * @since 7
    */
   createPath2D(path?: Path2D): Path2D;
 
@@ -1234,6 +1404,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Creates a path that is later used by the CanvasRenderingContext2D object.
    * @param cmds a string defined using the SVG path command.
    * @returns the object of Path2D.
+   * @since 7
    */
   createPath2D(cmds?: string): Path2D;
 
@@ -1244,6 +1415,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param sw The width of the rectangular area of the image data to be extracted.
    * @param sh The height of the rectangular area of the image data to be extracted.
    * @returns ImageData An ImageData object that contains the rectangular ImageData given by the canvas.
+   * @since 7
    */
   getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
 
@@ -1252,6 +1424,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param imagedata An array object containing pixel values.
    * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
    * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @since 7
    */
   putImageData(imagedata: ImageData, dx: number, dy: number): void;
 
@@ -1264,6 +1437,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param dirtyY In the source image data, the position of the upper left corner of the rectangular region Default is the top left corner (y coordinate) of the entire image data.
    * @param dirtyWidth In the source image data, the width of a rectangular region. Default is the width of the image data.
    * @param dirtyHeight In the source image data, the height of a rectangular region. Default is the height of the image data.
+   * @since 7
    */
   putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void;
 
@@ -1275,6 +1449,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param startAngle The starting point of the arc, in the X-axis direction, is calculated in radians.
    * @param endAngle The end point of an arc, expressed in radians.
    * @param anticlockwise An optional Boolean value. If true, the arc is drawn counterclockwise, and otherwise clockwise.
+   * @since 7
    */
   arc(radius: number, x: number, y: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
 
@@ -1285,6 +1460,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y1 The y-coordinate of the first control point.
    * @param x2 The X-axis coordinates of the second control point.
    * @param y2 The Y-axis coordinates of the second control point.
+   * @since 7
    */
   arcTo(x1: number, x2: number, y1: number, y2: number, radius: number): void;
 
@@ -1296,6 +1472,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param cp2y The Y-axis coordinates of the second control point.
    * @param x The x-coordinate of the end point.
    * @param y The y-coordinate of the end point
+   * @since 7
    */
   bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
 
@@ -1308,6 +1485,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Draw a straight line.
    * @param x The X-axis coordinates at the end of the line.
    * @param y The Y-axis coordinates at the end of the line.
+   * @since 7
    */
   lineTo(x: number, y: number): void;
 
@@ -1321,6 +1499,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param startAngle The starting point Angle to be plotted, measured from the X-axis, is expressed in radians.
    * @param endAngle The Angle, expressed in radians, at which the ellipse will be drawn.
    * @param anticlockwise If true, the ellipse is drawn counterclockwise (counterclockwise) and clockwise otherwise.
+   * @since 7
    */
   ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
 
@@ -1328,6 +1507,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Moves the current canvas to the specified coordinate point.
    * @param x The x axis.
    * @param y The y axis.
+   * @since 7
    */
   moveTo(x: number, y: number): void;
 
@@ -1337,6 +1517,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis of the end point.
    * @param cpx The X-axis coordinates of the control points.
    * @param cpy The y-coordinate of the control point.
+   * @since 7
    */
   quadraticCurveTo(cpx: number, cpy: number,x: number, y: number): void;
 
@@ -1346,6 +1527,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis coordinates at the beginning of the rectangle.
    * @param w The width of a rectangle.
    * @param h The height of a rectangle.
+   * @since 7
    */
   rect(x: number, y: number, w: number, h: number): void;
 
@@ -1355,6 +1537,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis coordinates at the beginning of the rectangle.
    * @param w The width of a rectangle.
    * @param h The height of a rectangle.
+   * @since 7
    */
   clearRect(x: number, y: number, w: number, h: number): void;
 
@@ -1364,6 +1547,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis coordinates at the beginning of the rectangle.
    * @param w The width of a rectangle.
    * @param h The height of a rectangle.
+   * @since 7
    */
   fillRect(x: number, y: number, w: number, h: number): void;
 
@@ -1373,6 +1557,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis coordinates at the beginning of the rectangle.
    * @param w The width of the rectangle. Positive values on the right, negative values on the left.
    * @param h The height of the rectangle. Positive values are down, negative values are up.
+   * @since 7
    */
   strokeRect(x: number, y: number, w: number, h: number): void;
 
@@ -1382,6 +1567,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param y The Y-axis coordinates of the starting point of the text.
    * @param x The X-axis coordinates of the starting point of the text.
    * @param maxWidth Maximum width to draw.
+   * @since 7
    */
   fillText(text: string, y: number, x: number/*, maxWidth?: number*/): void;
 
@@ -1389,6 +1575,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Returns a TextMetrics object used to obtain the width of specified text.
    * @param text Text to be measured.
    * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   * @since 7
    */
   measureText(text: string): TextMetrics;
 
@@ -1398,17 +1585,20 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param x X-coordinate of the lower left corner of the text stroke.
    * @param y Y-coordinate of the lower left corner of the text stroke.
    * @param maxWidth Maximum width to draw.
+   * @since 7
    */
   strokeText(text: string, x: number, y: number/*, maxWidth?: number*/): void;
 
   /**
    * Resets the current matrix transformation effect.
+   * @since 7
    */
   resetTransform(): void;
 
   /**
    * Adds a rotation effect to the current canvas.
    * @param angle The radian of clockwise rotation.
+   * @since 7
    */
   rotate(angle: number): void;
 
@@ -1416,6 +1606,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * Adds a zoom effect to the current canvas.
    * @param x The horizontal scaling factor.
    * @param y The scaling factor in the vertical direction.
+   * @since 7
    */
   scale(x: number, y: number): void;
 
@@ -1427,6 +1618,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param d Vertical scaling.
    * @param e The level of mobile.
    * @param f Vertical movement.
+   * @since 7
    */
   setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
 
@@ -1438,6 +1630,7 @@ export interface OffscreenCanvasRenderingContext2D {
    * @param d Vertical scaling.
    * @param e The level of mobile.
    * @param f Vertical movement.
+   * @since 7
    */
   transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
 
@@ -1445,16 +1638,19 @@ export interface OffscreenCanvasRenderingContext2D {
    * Adds a pan effect to the current canvas.
    * @param x Horizontal movement distance.
    * @param y Vertical movement.
+   * @since 7
    */
   translate(x: number, y: number): void;
 
   /**
    * Restores the configuration information of the last saved canvas context.
+   * @since 7
    */
   restore(): void;
 
   /**
    * Saves configuration information for the current canvas context.
+   * @since 7
    */
   save(): void;
 }
@@ -1463,6 +1659,7 @@ export interface OffscreenCanvasRenderingContext2D {
  * CanvasRenderingContext2D allows you to draw rectangles, text, images, and other objects on a canvas.
  * You can call getContext('2d') on canvas to obtain a CanvasRenderingContext2D object.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface CanvasRenderingContext2D {
   /**
@@ -1472,6 +1669,7 @@ export interface CanvasRenderingContext2D {
    * @param width Width of the rectangle.
    * @param height Height of the rectangle.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   fillRect(x: number, y: number, width: number, height: number): void;
 
@@ -1481,6 +1679,7 @@ export interface CanvasRenderingContext2D {
    * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
    * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   fillStyle?: string | CanvasGradient | CanvasPattern;
 
@@ -1491,6 +1690,7 @@ export interface CanvasRenderingContext2D {
    * @param width Width of the rectangle.
    * @param height Height of the rectangle.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   clearRect(x: number, y: number, width: number, height: number): void;
 
@@ -1501,6 +1701,7 @@ export interface CanvasRenderingContext2D {
    * @param width Width of the rectangle stroke.
    * @param height Height of the rectangle stroke.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   strokeRect(x: number, y: number, width: number, height: number): void;
 
@@ -1510,6 +1711,7 @@ export interface CanvasRenderingContext2D {
    * @param x X-coordinate of the lower left corner of the text.
    * @param y Y-coordinate of the lower left corner of the text.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   fillText(text: string, x: number, y: number): void;
 
@@ -1519,6 +1721,7 @@ export interface CanvasRenderingContext2D {
    * @param x X-coordinate of the lower left corner of the text stroke.
    * @param y Y-coordinate of the lower left corner of the text stroke.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   strokeText(text: string, x: number, y: number): void;
 
@@ -1527,12 +1730,14 @@ export interface CanvasRenderingContext2D {
    * @param text Text to be measured.
    * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   measureText(text: string): TextMetrics;
 
   /**
    * Sets the width of a line.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   lineWidth?: number;
 
@@ -1542,12 +1747,14 @@ export interface CanvasRenderingContext2D {
    * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
    * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   strokeStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
    * Draws a border stroke.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   stroke(): void;
 
@@ -1555,12 +1762,14 @@ export interface CanvasRenderingContext2D {
    * Draws a path stroke.
    * @param path The object of Path2D.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   stroke(path: Path2D): void;
 
   /**
    * Creates a drawing path.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   beginPath(): void;
 
@@ -1569,6 +1778,7 @@ export interface CanvasRenderingContext2D {
    * @param x X-coordinate of the target position.
    * @param y Y-coordinate of the target position.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   moveTo(x: number, y: number): void;
 
@@ -1577,12 +1787,14 @@ export interface CanvasRenderingContext2D {
    * @param x X-coordinate of the target position.
    * @param y Y-coordinate of the target position.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   lineTo(x: number, y: number): void;
 
   /**
    * Draws a closed path.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   closePath(): void;
 
@@ -1594,6 +1806,7 @@ export interface CanvasRenderingContext2D {
    * square: The endpoints of the line are in square,
    * and each end of the line is added with a rectangle whose length is the same as the line thickness and whose width is half of the line thickness.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   lineCap: string;
 
@@ -1604,6 +1817,7 @@ export interface CanvasRenderingContext2D {
    * bevel: The intersection part is a triangle. The rectangular corner of each line is independent.
    * miter (default): The intersection part has a miter corner by extending the outside edges of the lines until they meet. You can view the effect of this attribute in miterLimit.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   lineJoin: string;
 
@@ -1611,6 +1825,7 @@ export interface CanvasRenderingContext2D {
    * Sets the maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet.
    * Maximum miter length. The default value is 10.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   miterLimit: number;
 
@@ -1620,6 +1835,7 @@ export interface CanvasRenderingContext2D {
    * The default value is 10px sans-serif in tv, phone, tablet, wearable.
    * The default value is 30px SourceHanSansSC-Regular in smartVision.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   font: string;
 
@@ -1634,6 +1850,7 @@ export interface CanvasRenderingContext2D {
    * NOTE
    * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   textAlign: "left" | "right" | "center" | "start" | "end";
 
@@ -1641,6 +1858,7 @@ export interface CanvasRenderingContext2D {
    * Sets whether an image is smooth.
    * default value is true.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   imageSmoothingEnabled: boolean;
 
@@ -1654,6 +1872,7 @@ export interface CanvasRenderingContext2D {
    * ideographic: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline, the ideographic baseline is located at the bottom of the excessive character.
    * bottom: The text baseline is at the bottom of the text bounding box. Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   textBaseline: string;
 
@@ -1665,6 +1884,7 @@ export interface CanvasRenderingContext2D {
    * @param y1 Y-coordinate of the end point.
    * @returns LinearGradient object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createLinearGradient(
     x0: number,
@@ -1683,6 +1903,7 @@ export interface CanvasRenderingContext2D {
    * @param r1 The radius of End Circle.
    * @returns RadialGradient object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createRadialGradient(
     x0: number,
@@ -1699,6 +1920,7 @@ export interface CanvasRenderingContext2D {
    * @param repetition Repetition mode. The value can be "repeat", "repeat-x", "repeat-y", or "no-repeat".
    * @returns Pattern of image filling.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createPattern(image: Image, repetition: string): object;
 
@@ -1707,6 +1929,7 @@ export interface CanvasRenderingContext2D {
    * @param path another created Path2D object.
    * @returns the object of Path2D.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createPath2D(path?: Path2D): Path2D;
 
@@ -1715,6 +1938,7 @@ export interface CanvasRenderingContext2D {
    * @param cmds a string defined using the SVG path command.
    * @returns the object of Path2D.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createPath2D(cmds?: string): Path2D;
 
@@ -1727,6 +1951,7 @@ export interface CanvasRenderingContext2D {
    * @param x End point x-coordinate of the bezier curve.
    * @param y End point y-coordinate of the bezier curve.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   bezierCurveTo(
     cp1x: number,
@@ -1744,6 +1969,7 @@ export interface CanvasRenderingContext2D {
    * @param x End point x-coordinate of the bezier curve.
    * @param y End point y-coordinate of the bezier curve.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
 
@@ -1756,6 +1982,7 @@ export interface CanvasRenderingContext2D {
    * @param endAngel End radian of the arc.
    * @param anticlockwise Whether to draw the arc counterclockwise.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   arc(
     x: number,
@@ -1774,6 +2001,7 @@ export interface CanvasRenderingContext2D {
    * @param y2 Y-coordinate of the second point on the arc.
    * @param radius Radius of the arc.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
 
@@ -1789,6 +2017,7 @@ export interface CanvasRenderingContext2D {
    * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
    * 0: clockwise; 1: counterclockwise. The default value is 0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   ellipse(
     x: number,
@@ -1808,18 +2037,21 @@ export interface CanvasRenderingContext2D {
    * @param width Width of the rectangle.
    * @param height Height of the rectangle.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rect(x: number, y: number, width: number, height: number): void;
 
   /**
    * Fills the area inside a closed path.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   fill(): void;
 
   /**
    * Sets a path as the clipping path.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   clip(): void;
 
@@ -1827,6 +2059,7 @@ export interface CanvasRenderingContext2D {
    * Rotates a canvas clockwise around its coordinate axes.
    * @param rotate Clockwise rotation angle. You can use Math.PI / 180 to convert the angle to radian.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rotate(rotate: number): void;
 
@@ -1835,6 +2068,7 @@ export interface CanvasRenderingContext2D {
    * @param x Horizontal scale factor.
    * @param y Vertical scale factor.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scale(x: number, y: number): void;
 
@@ -1850,6 +2084,7 @@ export interface CanvasRenderingContext2D {
    * @param translateX X-axis translation.
    * @param translateY Y-axis translation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   transform(
     scaleX: number,
@@ -1869,6 +2104,7 @@ export interface CanvasRenderingContext2D {
    * @param translateX X-axis translation.
    * @param translateY Y-axis translation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   setTransform(
     scaleX: number,
@@ -1884,6 +2120,7 @@ export interface CanvasRenderingContext2D {
    * @param x X-axis translation.
    * @param y Y-axis translation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   translate(x: number, y: number): void;
 
@@ -1892,6 +2129,7 @@ export interface CanvasRenderingContext2D {
    * Global alpha value to set.
    * The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   globalAlpha: number;
 
@@ -1903,6 +2141,7 @@ export interface CanvasRenderingContext2D {
    * @param dWidth Width of the drawing area.
    * @param dHeight Height of the drawing area.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   drawImage(
     image: Image,
@@ -1924,6 +2163,7 @@ export interface CanvasRenderingContext2D {
    * @param dWidth Width of the drawing area.
    * @param dHeight Height of the drawing area.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   drawImage(
     image: Image,
@@ -1940,12 +2180,14 @@ export interface CanvasRenderingContext2D {
   /**
    * Restores the saved drawing context.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   restore: () => void;
 
   /**
    * Saves the current drawing context.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   save: () => void;
 
@@ -1955,6 +2197,7 @@ export interface CanvasRenderingContext2D {
    * @param height Height of the ImageData object.
    * @returns Returns the newly created FunctionCallable object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createImageData(width: number, height: number): ImageData;
   /**
@@ -1962,6 +2205,7 @@ export interface CanvasRenderingContext2D {
    * @param imagedata ImageData object with the same width and height copied from the original ImageData object.
    * @returns Returns the newly created FunctionCallable object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   createImageData(imagedata: ImageData): ImageData;
 
@@ -1973,6 +2217,7 @@ export interface CanvasRenderingContext2D {
    * @param sh Height of the output area.
    * @returns ImageData object that contains pixels in the specified area on the canvas.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
 
@@ -1982,6 +2227,7 @@ export interface CanvasRenderingContext2D {
    * @param dx X-axis offset of the rectangle area on the canvas.
    * @param dy Y-axis offset of the rectangle area on the canvas.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   putImageData(imageData: ImageData, dx: number, dy: number): void;
 
@@ -1995,6 +2241,7 @@ export interface CanvasRenderingContext2D {
    * @param dirtyWidth Width of the rectangle area to cop the source image.
    * @param dirtyHeight Height of the rectangle area to cop the source image.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   putImageData(
     imageData: ImageData,
@@ -2010,6 +2257,7 @@ export interface CanvasRenderingContext2D {
    * Sets the dash line style.
    * @param segments Interval of alternate line segments and the length of spacing.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   setLineDash(segments: Array<number>): void;
 
@@ -2017,6 +2265,7 @@ export interface CanvasRenderingContext2D {
    * Obtains the dash line style.
    * @returns Interval of alternate line segments and the length of spacing.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getLineDash(): Array<number>;
 
@@ -2024,6 +2273,7 @@ export interface CanvasRenderingContext2D {
    * Sets the dash line offset.
    * Dash line offset. The value is a float number starting from 0.0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   lineDashOffset: number;
 
@@ -2041,6 +2291,7 @@ export interface CanvasRenderingContext2D {
    * copy Displays the new drawing and neglects the existing drawing.
    * xor Combines the new drawing and existing drawing using the XOR operation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   globalCompositeOperation: string;
 
@@ -2048,12 +2299,14 @@ export interface CanvasRenderingContext2D {
    * Sets the shadow blur degree.
    * Shadow blur degree. A larger value indicates a more blurred shadow. The value is of the float type, and the default value is 0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   shadowBlur: number;
 
   /**
    * Sets the shadow color.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   shadowColor: string;
 
@@ -2061,6 +2314,7 @@ export interface CanvasRenderingContext2D {
    * Sets the x-axis shadow offset relative to the original object.
    * X-axis shadow offset relative to the original object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   shadowOffsetX: number;
 
@@ -2068,12 +2322,14 @@ export interface CanvasRenderingContext2D {
    * Sets the y-axis shadow offset relative to the original object.
    * Y-axis shadow offset relative to the original object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   shadowOffsetY: number;
 
   /**
    * Draws the Bitmap to the current canvas.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   transferFromImageBitmap(bitmap: ImageBitmap): void;
 }
@@ -2082,6 +2338,7 @@ export interface CanvasRenderingContext2D {
  * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface CanvasGradient {
   /**
@@ -2090,6 +2347,7 @@ export interface CanvasGradient {
    * The value ranges from 0 to 1.
    * @param color Sets the gradient color.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   addColorStop(offset: number, color: string): void;
 }
@@ -2097,12 +2355,14 @@ export interface CanvasGradient {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface Path2D {
   /**
    * Add another path to current path.
    * @param path another created Path2D object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   addPath(path: Path2D): void;
 
@@ -2115,6 +2375,7 @@ export interface Path2D {
    * @param translateX X-axis translation.
    * @param translateY Y-axis translation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   setTransform(
     scaleX: number,
@@ -2128,6 +2389,7 @@ export interface Path2D {
   /**
    * Draws a closed path.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   closePath(): void;
 
@@ -2136,6 +2398,7 @@ export interface Path2D {
    * @param x X-coordinate of the target position.
    * @param y Y-coordinate of the target position.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   moveTo(x: number, y: number): void;
 
@@ -2144,6 +2407,7 @@ export interface Path2D {
    * @param x X-coordinate of the target position.
    * @param y Y-coordinate of the target position.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   lineTo(x: number, y: number): void;
 
@@ -2156,6 +2420,7 @@ export interface Path2D {
    * @param x End point x-coordinate of the bezier curve.
    * @param y End point y-coordinate of the bezier curve.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   bezierCurveTo(
     cp1x: number,
@@ -2173,6 +2438,7 @@ export interface Path2D {
    * @param x End point x-coordinate of the bezier curve.
    * @param y End point y-coordinate of the bezier curve.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
 
@@ -2185,6 +2451,7 @@ export interface Path2D {
    * @param endAngel End radian of the arc.
    * @param anticlockwise Whether to draw the arc counterclockwise.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   arc(
     x: number,
@@ -2203,6 +2470,7 @@ export interface Path2D {
    * @param y2 Y-coordinate of the second point on the arc.
    * @param radius Radius of the arc.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
 
@@ -2218,6 +2486,7 @@ export interface Path2D {
    * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
    * 0: clockwise; 1: counterclockwise. The default value is 0.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   ellipse(
     x: number,
@@ -2237,6 +2506,7 @@ export interface Path2D {
    * @param width Width of the rectangle.
    * @param height Height of the rectangle.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   rect(x: number, y: number, width: number, height: number): void;
 }
@@ -2246,6 +2516,7 @@ export interface Path2D {
  * You can control each pixel to draw on the canvas.
  * <canvas> offers a variety of functions for drawing paths, rectangles, circles, text, and allows for adding images to it.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface CanvasElement extends Element {
   /**
@@ -2255,6 +2526,7 @@ export interface CanvasElement extends Element {
    * @param type identifier defining the drawing context associated to the canvas.
    * @param options use this context attributes to creating rendering context.
    * @devices tv, phone, tablet, wearable, smartVision
+   * @since 7
    */
   getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
 
@@ -2265,6 +2537,7 @@ export interface CanvasElement extends Element {
    * @param type identifier defining the drawing context associated to the canvas.
    * @param options use this context attributes to creating rendering context.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
 
@@ -2275,6 +2548,7 @@ export interface CanvasElement extends Element {
    * @param type identifier defining the drawing context associated to the canvas.
    * @param options use this context attributes to creating rendering context.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
 
@@ -2285,6 +2559,7 @@ export interface CanvasElement extends Element {
    * is image/jpeg or image/webp. If this argument is anything else,
    * the default value for image quality is used. Other arguments are ignored.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   toDataURL(type?: string, quality?: number): string;
 }
@@ -2292,29 +2567,34 @@ export interface CanvasElement extends Element {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ScrollOptions {
   /**
    * Scroll to the target position of the page. Unit: px
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   position: number;
 
   /**
    * Duration of the scrolling animation, in ms.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   duration: number;
 
   /**
    * The selector for current scroll.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   id?: string;
 
   /**
    * The timing function for current scroll animation.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   timingFunction?: string;
 
@@ -2322,6 +2602,7 @@ export interface ScrollOptions {
    * Callback function for successful interface invocation.
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   success?: (result: Object) => void;
 
@@ -2329,6 +2610,7 @@ export interface ScrollOptions {
    * Callback function for interface invocation failure.
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   fail?: (result: Object) => void;
 
@@ -2336,6 +2618,7 @@ export interface ScrollOptions {
    * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
    * @param result the request execution result.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   complete?: (result: Object) => void;
 }
@@ -2343,17 +2626,20 @@ export interface ScrollOptions {
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface ScrollOffset {
   /**
    * Scrolling offset in the x-axis, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   x: number;
 
   /**
    * Scrolling offset in the y-axis, in px.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   y: number;
 }
@@ -2362,34 +2648,40 @@ export interface ScrollOffset {
  * The <div> component provides a div container.
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @devices tv, phone, tablet, wearable
+ * @since 7
  */
 export interface DivElement extends Element {
   /**
    * Scrolls the div for a certain distance.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollBy(data: ScrollParam): void;
 
   /**
    * Returns the offset of the current scrolling. The return value type is Object.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   getScrollOffset(): ScrollOffset;
 }
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface Application {
   /**
    * Object that is exposed in the app.js file and obtained by this.$app.$def.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $def: any;
 }
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface ViewModel {
   $app: Application;
@@ -2402,6 +2694,7 @@ export interface ViewModel {
    * There are two types of placeholders available:Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', { name: 'Hello world' }).
    * Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world'].
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   $t(path: string, params?: object | Array<any>): string;
 
@@ -2413,6 +2706,7 @@ export interface ViewModel {
    * @param count Value.
    * @returns Content.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $tc(path: string, count: number): string;
 
@@ -2421,6 +2715,7 @@ export interface ViewModel {
    * @param path Resource file path.
    * @returns Content.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $r(path: string): string;
 
@@ -2430,6 +2725,7 @@ export interface ViewModel {
    * @param key
    * @param value
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $set(key: string, value: any): void;
 
@@ -2438,6 +2734,7 @@ export interface ViewModel {
    * Usage:this.$delete('key'): Delete an attribute.
    * @param key
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $delete(key: string): void;
 
@@ -2449,6 +2746,7 @@ export interface ViewModel {
    * this.$element(): Obtain the root component.
    * @param id Component ID.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $element(
     id?: string
@@ -2474,12 +2772,14 @@ export interface ViewModel {
   /**
    * Obtains the root ViewModel instance.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $root(): ViewModel & object;
 
   /**
    * Obtains the parent ViewModel instance.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $parent(): ViewModel & object;
 
@@ -2488,6 +2788,7 @@ export interface ViewModel {
    * Usage:this.$child('xxx'): Obtain the ViewModel instance of a custom child component whose ID is xxx.
    * @param id Component ID.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $child(id: string): ViewModel & object;
 
@@ -2496,12 +2797,14 @@ export interface ViewModel {
    * @param data Attribute.
    * @param callback Function name.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $watch(data: string, callback: string): void;
 
   /**
    * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   $refs: ElementReferences;
 
@@ -2510,6 +2813,7 @@ export interface ViewModel {
    * @param event The name of event.
    * @param params The params of event.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   $emit(event: string, params?: object): void;
 
@@ -2517,12 +2821,14 @@ export interface ViewModel {
    * Scroll the page to the destination.
    * @param options The properties of event.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   scrollTo(options: ScrollOptions): void;
 }
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface ElementReferences {
   [k: string]: AnimationElement &
@@ -2547,47 +2853,56 @@ export interface ElementReferences {
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export declare class Locate {
   /**
    * language, such as 'zh'.
+   * @since 7
    */
   language: string;
 
   /**
    * country or regin, such ass 'CN'.
+   * @since 7
    */
   countryOrRegion: string;
 
   /**
    * text layout direction, ltr or rtl.
+   * @since 7
    */
   dir: "ltr" | "rtl";
 
   /**
    * The Unicode locale key set defined by the locale. If this locale does not have a specific key set, an empty set is
    * returned. For example: {"nu": "arab"}, which means that the numbers in the current environment use Arabic numbers.
+   * @since 7
    */
   unicodeSetting: object;
 }
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export declare class Configuration {
   /**
    * Internationalization related information, such as language, country, text layout direction, etc.
+   * @since 7
    */
   locate: Locate;
 
   /**
    * The magnification of the current system font.
+   * @since 7
    */
   fontScale: number;
 }
 
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export interface Options<T extends ViewModel, Data = DefaultData<T>> {
   /**
@@ -2596,6 +2911,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * For a function, the return value must be an object.
    * Set the value of data to the return value of the function during page initialization.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   data?: Data;
 
@@ -2603,6 +2919,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page initialization.
    * Called when page initialization is complete. This function is called only once in a lifecycle.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onInit?(): void;
 
@@ -2610,6 +2927,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page creation.
    * Called when a page is created. This function is called only once in a lifecycle.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onReady?(): void;
 
@@ -2617,6 +2935,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page display.
    * Called when the page is displayed.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onShow?(): void;
 
@@ -2624,6 +2943,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page hiding.
    * Called when the page disappears.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onHide?(): void;
 
@@ -2631,6 +2951,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page destruction.
    * Called when the page is destroyed.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onDestroy?(): void;
 
@@ -2641,6 +2962,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * false means that the default return logic is used.
    * If no value is returned, the default return logic is used.
    * @devices tv, phone, tablet, wearable
+   * @since 7
    */
   onBackPress?(): boolean;
 
@@ -2648,6 +2970,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page active.
    * Called when the page is activing.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onActive?(): void;
 
@@ -2655,12 +2978,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for page inactive.
    * Called when the page is paused.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onInactive?(): void;
 
   /**
    * This callback is triggered when a new request is received when the FA has started.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onNewRequest?(): void;
 
@@ -2668,6 +2993,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Callback when FA initiates a migration, in this callback, the application can decide whether
    * to migrate according to the current state.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onStartContinuation?(): boolean;
 
@@ -2675,12 +3001,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * For the callback of saving state data, the developer needs to fill in the parameter object
    * the data to be migrated to the target device.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onSaveData?(value: object): void;
 
   /**
    * The callback to restore the data saved by the onSaveData method when the migration was initiated.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onRestoreData?(value: object): void;
 
@@ -2688,6 +3016,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * The callback for the completion of the migration, which is triggered on the calling side, indicates
    * the result of the application migration to the target device.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onCompleteContinuation?(code: number): void;
 
@@ -2695,6 +3024,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * This callback is triggered when the corresponding system configuration changes, such as system font size,
    * language region, etc.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onConfigurationUpdated?(configuration: Configuration): void;
 
@@ -2702,6 +3032,7 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * Listens for application creation.
    * Called when the application is created.
    * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
    */
   onCreate?(): void;
 }
@@ -2712,6 +3043,7 @@ type CombinedOptions<T extends ViewModel, Data> = object &
   ThisType<T & ViewModel & Data>;
 /**
  * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 7
  */
 export declare function extendViewModel<T extends ViewModel, Data>(
   options: CombinedOptions<T, Data>
diff --git a/api/liteWearable/@internal/console.d.ts b/api/liteWearable/@internal/console.d.ts
index fa2c5cc33e..ad3d6c3539 100644
--- a/api/liteWearable/@internal/console.d.ts
+++ b/api/liteWearable/@internal/console.d.ts
@@ -13,34 +13,43 @@
  * limitations under the License.
  */
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export declare class console {
   /**
    * Prints "debug" logs.
    * @param message Text to print
+   * @since 7
    */
   static debug(message: string): void;
 
   /**
    * Prints "log" logs.
    * @param message Text to print
+   * @since 7
    */
   static log(message: string): void;
 
   /**
    * Prints "info" logs.
    * @param message Text to print
+   * @since 7
    */
   static info(message: string): void;
 
   /**
    * Prints "warn" logs.
    * @param message Text to print
+   * @since 7
    */
   static warn(message: string): void;
 
   /**
    * Prints "error" logs.
    * @param message Text to print
+   * @since 7
    */
   static error(message: string): void;
 }
diff --git a/api/liteWearable/@internal/global.d.ts b/api/liteWearable/@internal/global.d.ts
index f0013e4bfc..8d48a46583 100644
--- a/api/liteWearable/@internal/global.d.ts
+++ b/api/liteWearable/@internal/global.d.ts
@@ -19,6 +19,8 @@
  * @param delay Indicates the interval between each two calls, in milliseconds. The function will be called after this delay.
  * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
  * @returns Returns the timer ID.
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare function setInterval(
   handler: Function,
@@ -32,6 +34,8 @@ export declare function setInterval(
  * @param delay Indicates the delay (in milliseconds) after which the function will be called. If this parameter is left empty, default value "0" will be used, which means that the function will be called immediately or as soon as possible.
  * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
  * @returns Returns the timer ID.
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare function setTimeout(
   handler: Function,
@@ -42,21 +46,29 @@ export declare function setTimeout(
 /**
  * Cancels the interval set by " setInterval()".
  * @param intervalID Indicates the timer ID returned by "setInterval()".
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare function clearInterval(intervalID?: number): void;
 
 /**
  * Cancels the timer set by " setTimeout()".
  * @param timeoutID Indicates the timer ID returned by "setTimeout()".
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare function clearTimeout(timeoutID?: number): void;
 
 /**
  * Conditional compilation for rich equipment
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare const STANDARD: string;
 
 /**
  * Conditional compilation for lite equipment
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
  */
 export declare const LITE: string;
diff --git a/api/liteWearable/@internal/viewmodel.d.ts b/api/liteWearable/@internal/viewmodel.d.ts
index cc51a0bd26..9838df277c 100644
--- a/api/liteWearable/@internal/viewmodel.d.ts
+++ b/api/liteWearable/@internal/viewmodel.d.ts
@@ -13,6 +13,10 @@
  * limitations under the License.
  */
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface ViewModel {
   /**
    * Displays content based on the current system language and a path of the language resource key specified through $t.
@@ -21,44 +25,64 @@ export interface ViewModel {
    *              1. Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', {name: 'Hello world'}).
    *              2. Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world']).
    * @returns content to display
+   * @since 7
    */
   $t(path: string, param?: object | Array<any>): string;
 
   /**
    * An object that holds all DOM elements and component instances that have been registered with the refs attribute
+   * @since 7
    */
   $refs: ElementReferences;
 }
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface ListScrollToOptions {
   /**
    * specified position.
+   * @since 7
    */
   index: number;
 }
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface ListElement {
   /**
    * Scrolls the list to the position of the item at the specified index.
+   * @since 7
    */
   scrollTo(position: ListScrollToOptions): void;
 }
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface ImageAnimatorElement {
   /**
    * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
+   * @since 7
    */
   start(): void;
   /**
    * Pauses the frame animation playback of an image.
+   * @since 7
    */
   pause(): void;
   /**
    * Stops the frame animation playback of an image.
+   * @since 7
    */
   stop(): void;
   /**
    * Resumes the frame animation playback of an image.
+   * @since 7
    */
   resume(): void;
   /**
@@ -66,45 +90,60 @@ export interface ImageAnimatorElement {
    * Playing
    * Paused
    * Stopped
+   * @since 7
    */
   getState(): "Playing" | "Paused" | "Stopped";
 }
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface ElementReferences {
   [k: string]: object & ListElement & ImageAnimatorElement;
 }
 
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export interface Options<T extends ViewModel, Data = DefaultData<T>> {
   /**
    * Data model of the page that can be converted into a JSON object.
    * The attribute name cannot start with $ or an underscore (_) or contain the reserved words such as for, if, show, and tid.
    * For a function, the return value must be an object.
    * Set the value of data to the return value of the function during page initialization.
+   * @since 7
    */
   data?: Data;
 
   /**
    * Called when the page is initialized. This function can be called only once in a lifecycle.
+   * @since 7
    */
   onInit?(): void;
 
   /**
    * Called when the page is created. This function can be called only once in a lifecycle.
+   * @since 7
    */
   onReady?(): void;
 
   /**
    * Called when the page is displayed.
+   * @since 7
    */
   onShow?(): void;
 
   /**
    * Called when the application is created
+   * @since 7
    */
   onCreate?(): void;
 
   /**
    * Called when the application is destroyed or called when the page is redirected to another one (without entering the navigation stack).
+   * @since 7
    */
   onDestroy?(): void;
 }
@@ -113,6 +152,11 @@ type DefaultData<T> = object;
 type CombinedOptions<T extends ViewModel, Data> = object &
   Options<T, Data> &
   ThisType<T & ViewModel & Data>;
+
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @since 7
+ */
 export declare function extendViewModel<T extends ViewModel, Data>(
   options: CombinedOptions<T, Data>
 ): ViewModel & Data;
-- 
Gitee