diff --git a/api/@internal/component/ets/canvas.d.ts b/api/@internal/component/ets/canvas.d.ts
index 0da834ecdefcc0155c354705557fc8aafc740fbe..7ec4f9b94347faf9c26ca23a15c8f95e8445399a 100644
--- a/api/@internal/component/ets/canvas.d.ts
+++ b/api/@internal/component/ets/canvas.d.ts
@@ -1080,6 +1080,14 @@ declare class CanvasRenderer extends CanvasPath {
    */
   fillStyle: string | CanvasGradient | CanvasPattern;
 
+    /**
+   * Attributes that describe the fill colorMatrix. The default value is NULL. The options are as follows:
+   * colorMatrix: colorMatrix object. For details, see {@link colorMatrix}.
+   * @param path Specified stroke path object
+   * @since 10
+   */
+  colorMatrix: colorMatrix ;
+
   /**
    * Attributes of the stroke color and style. The default value is # 000 (black). The options are as follows:
    * color: Color String
diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
index 461b4fb0c0e632d9e7ecfa923431f30f61db055f..dcda323b4c1a9da900a8c118d6b8b66292cbce50 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -2250,6 +2250,55 @@ declare interface PixelStretchEffectOptions {
   right?: Length;
 }
 
+  /**
+   * Linear Gradient
+   * angle: Angle of Linear Gradient;
+   * direction:Direction of Linear Gradient;
+   * colors:Color description for gradients,repeating:repeating.
+   * @since 10
+   */
+declare interface LinearGradient {
+  angle?: number | string;
+  direction?: GradientDirection;
+  colors: Array<unknown>;
+  repeating?: boolean;
+};
+
+  /**
+   * Angle Gradient
+   * center:is the center point of the angle gradient
+   * start:Start point of angle gradient
+   * end:End point of angle gradient
+   * number:number
+   * rotating:rotating
+   * colors:Color description for gradients
+   * repeating:repeating
+   * @since 10
+   */
+declare interface SweepGradient {
+  center: Array<unknown>;
+  start?: number | string;
+  end?: number | string;
+  rotation?: number | string;
+  colors: Array<unknown>;
+  repeating?: boolean;
+};
+
+  /**
+   * Radial Gradient
+   * center:Center point of radial gradient
+   * radius:Radius of Radial Gradient
+   * colors:Color description for gradients
+   * repeating: Refill
+   * @since 10
+   */
+declare interface RadialGradient {
+  center: Array<unknown>;
+  radius: number | string;
+  colors: Array<unknown>;
+  repeating?: boolean;
+};
+
 /**
  * CommonMethod.
  * @since 7
@@ -2386,10 +2435,11 @@ declare class CommonMethod<T> {
    */
   /**
    * Background color
+   * value: Add 3 gradient color parameters
    * @form
-   * @since 9
+   * @since 10
    */
-  backgroundColor(value: ResourceColor): T;
+  backgroundColor(value: ResourceColor | LinearGradient | SweepGradient | RadialGradient): T;
 
   /**
    * Background image
diff --git a/api/@internal/component/ets/enums.d.ts b/api/@internal/component/ets/enums.d.ts
index 3536c75aa998d821d68a86f22241b50f049b741d..4dc16e43181559ccec843e33599a945658deb586 100644
--- a/api/@internal/component/ets/enums.d.ts
+++ b/api/@internal/component/ets/enums.d.ts
@@ -285,6 +285,11 @@ declare enum BorderStyle {
    * @since 9
    */
   Solid,
+  /**
+   * Shows as a 3D line.
+   * @since 10
+   */
+  Board3D,
 }
 
 /**
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
index 3d773cb93a4405f73c32b3044cdd3ffd32193c43..70b8152dcf170999003e6b8741784861fed39052 100644
--- a/api/@internal/component/ets/slider.d.ts
+++ b/api/@internal/component/ets/slider.d.ts
@@ -374,6 +374,11 @@ declare class SliderAttribute extends CommonMethod<SliderAttribute> {
   onChange(callback: (value: number, mode: SliderChangeMode) => void): SliderAttribute;
 
   /**
+   * Called when the icon of block is set.
+   * @since 10
+   */
+  icon(value: string): SliderAttribute;
+   /**
    * Called when the border color of block is set.
    * @param { ResourceColor } value - the border color of block.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index e8f4dffca2add95b860f4a8243b72e48f3e6d22f..f6a9029c7a31ddf3214a313d12faa7b1b37fcec5 100644
--- a/api/@internal/component/ets/swiper.d.ts
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -311,6 +311,36 @@ declare enum SwiperDisplayMode {
   AutoLinear,
 }
 
+/**
+ * Declare the alignment of the swiper.
+ * @since 10
+ */
+declare enum SwiperAlign {
+  /**
+   * Alignment is Start.
+   * @since 10
+   */
+  Start,
+
+  /**
+   * Alignment is Center.
+   * @since 10
+   */
+  Center,
+
+  /**
+   * Alignment is End.
+   * @since 10
+   */
+  End,
+
+  /**
+   * Alignment is Auto.
+   * @since 10
+   */
+  Auto,
+}
+
 /**
  * Provides an interface for sliding containers.
  * @since 7
diff --git a/api/@internal/component/ets/text_area.d.ts b/api/@internal/component/ets/text_area.d.ts
index 68a11bd7b71ba55b1e6dedf002435f89639a5338..1cbe0567479d126d024ab3be5cea88c923df4bbf 100644
--- a/api/@internal/component/ets/text_area.d.ts
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -98,6 +98,12 @@ declare class TextAreaAttribute extends CommonMethod<TextAreaAttribute> {
    */
   textAlign(value: TextAlign): TextAreaAttribute;
 
+  /**
+     * Called when the insertion BarState is set.
+     * @since 7
+     */
+  scrollBar(value: BarState): TextAreaAttribute;
+
   /**
    * Called when the insertion cursor color is set.
    * @since 7
diff --git a/api/@internal/component/ets/text_input.d.ts b/api/@internal/component/ets/text_input.d.ts
index 6049e3b17092f3f5c89a824bb5c2541743fb4fd7..1b51ca64f4425bf5684a693511db3f7d83c36d37 100644
--- a/api/@internal/component/ets/text_input.d.ts
+++ b/api/@internal/component/ets/text_input.d.ts
@@ -203,6 +203,48 @@ declare class TextInputAttribute extends CommonMethod<TextInputAttribute> {
    */
   placeholderFont(value?: Font): TextInputAttribute;
 
+  /**
+   * Called when the complete on/off is set.
+   * @since 10
+   */
+  autoComplete(value: boolean): TextInputAttribute;
+
+  /**
+   * Called when the check on/off is set.
+   * @since 10
+   */
+  autoCheck(value: boolean): TextInputAttribute;
+
+  /**
+   * Called when the complete length is set.
+   * @since 10
+   */
+  completeLen(value: number): TextInputAttribute;
+
+  /**
+   * Called when the complete color is set.
+   * @since 10
+   */
+  completeColor(value: ResourceColor): TextInputAttribute;
+
+  /**
+   * Called when the error color is set.
+   * @since 10
+   */
+  errorColor(value: ResourceColor): TextInputAttribute;
+
+  /**
+   * Called when the mask style is set.
+   * @since 10
+   */
+  mask(value: string): TextInputAttribute;
+
+  /**
+   * Called when the mask length is set.
+   * @since 10
+   */
+  maskLen(value: number): TextInputAttribute;
+
   /**
    * Called when the type of soft keyboard input button is set.
    * @since 7
diff --git a/api/@internal/component/ets/text_picker.d.ts b/api/@internal/component/ets/text_picker.d.ts
index d9a0f61f059bf93c25416d05ce5ab33ecd961234..e494437868d91e7ce26b2b5e3956073a8ac9e8fb 100644
--- a/api/@internal/component/ets/text_picker.d.ts
+++ b/api/@internal/component/ets/text_picker.d.ts
@@ -148,6 +148,11 @@ declare class TextPickerAttribute extends CommonMethod<TextPickerAttribute> {
    * @since 10
    */
   onChange(callback: (value: string, index: number) => void): TextPickerAttribute;
+  /**
+   * Called when the speed is set.
+   * @since 10
+   */
+  speed(value: number): TextPickerAttribute;
 }
 
 /**
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
index 24fac3dd837882829b9fa1f1d22fe31799a7878b..7ea255f5402554c9fa3c9123b9fd1f1f84f2399a 100644
--- a/api/@internal/component/ets/toggle.d.ts
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -121,6 +121,24 @@ declare class ToggleAttribute extends CommonMethod<ToggleAttribute> {
    * @since 9
    */
   switchPointColor(color: ResourceColor): ToggleAttribute;
+
+  /**
+   * Called when the selected text prompt switch is set.
+   * @since 10
+   */
+  showText(value: boolean): ToggleAttribute;
+
+  /**
+   * Called when the selected text prompt content is set.
+   * @since 10
+   */
+  textOn(value: string): ToggleAttribute;
+
+  /**
+   * Called when the selected text prompt content is set.
+   * @since 10
+   */
+  textOff(value: string): ToggleAttribute;
 }
 
 /**
diff --git a/api/@internal/component/ets/units.d.ts b/api/@internal/component/ets/units.d.ts
index 3bcabbacf091187e37510f99e98baad7a345c323..aaf02f191265a6eb34da3100d0afa3da81f31d8c 100644
--- a/api/@internal/component/ets/units.d.ts
+++ b/api/@internal/component/ets/units.d.ts
@@ -312,14 +312,34 @@ declare interface Area {
  * @since 7
  */
 declare interface Position {
+  /**
+   * Coordinate left of the Position.
+   * @since 10
+   */
+  left?: Length;
+  /**
+   * Coordinate right of the Position.
+   * @since 10
+   */
+  right?: Length;
+  /**
+   * Coordinate top of the Position.
+   * @since 10
+   */
+  top?: Length;
+  /**
+   * Coordinate bottom of the Position.
+   * @since 10
+   */
+  bottom?: Length;
   /**
    * Coordinate x of the Position.
-   * @since 7
+   * @since 10
    */
   x?: Length;
   /**
    * Coordinate y of the Position.
-   * @since 7
+   * @since 10
    */
   y?: Length;
 }
diff --git a/api/@internal/ets/global.d.ts b/api/@internal/ets/global.d.ts
index ecc8d61bdfa580df2620b76f38c6b1063aa48196..ee85767915e56d9d2a07d616159d035a9fa7bea8 100644
--- a/api/@internal/ets/global.d.ts
+++ b/api/@internal/ets/global.d.ts
@@ -95,6 +95,48 @@ export declare class console {
   static error(message: string, ...arguments: any[]): void;
 }
 
+/**
+ * Attributes that describe the fill colorMatrix. The default value is NULL. The options are as follows:
+ * colorMatrix: colorMatrix object. For details, see {@link colorMatrix}.
+ * @param path Specified stroke path object
+ * @since 10
+ */
+export declare class colorMatrix {
+  static new(): colorMatrix;
+
+  static new(a: number, b: number, c: number, d: number, e: number,
+             f: number, g: number, h: number, i: number, j: number,
+             k: number, l: number, m: number, n: number, o: number,
+             p: number, q: number, r: number, s: number, t: number): colorMatrix;
+
+  static new(matrix: colorMatrix): colorMatrix;
+
+  equals(matrix: colorMatrix): colorMatrix;
+
+  getArray(): colorMatrix;
+
+  postConcat(postMatrix: colorMatrix): colorMatrix;
+
+  preConcat(preMatrix: colorMatrix): colorMatrix;
+
+  reset(): colorMatrix;
+
+  set(a: number, b: number, c: number, d: number, e: number,
+      f: number, g: number, h: number, i: number, j: number,
+      k: number, l: number, m: number, n: number, o: number,
+      p: number, q: number, r: number, s: number, t: number): colorMatrix;
+
+  set(colorMatrix: colorMatrix):colorMatrix;
+
+  setConcat(matA: colorMatrix, matB: colorMatrix): colorMatrix;
+
+  setRotate(axis: number, degrees: number): colorMatrix;
+
+  setSaturation(sat: number): colorMatrix;
+
+  setScale(rScale: number,gScale: number,bScale: number,aScale: number): colorMatrix;
+}
+
 /**
  * Sets the interval for repeatedly calling a function.
  * @syscap SystemCapability.ArkUI.ArkUI.Full