From cb5fbeccbc4703b128123146aa2a0350ab6ec882 Mon Sep 17 00:00:00 2001
From: lihong <lihong67@huawei.com>
Date: Thu, 13 Jan 2022 11:43:41 +0800
Subject: [PATCH 1/5] lihong67@huawei.com

update d.ts file

Signed-off-by: lihong <lihong67@huawei.com>
Change-Id: I09c6ed0309c06987aa55662ab2cd220b7ce46424
---
 api/@internal/component/ets/action_sheet.d.ts |   4 +-
 api/@internal/component/ets/alert_dialog.d.ts |  13 +-
 .../component/ets/alphabet_indexer.d.ts       |  47 +++--
 api/@internal/component/ets/animator.d.ts     |  49 +++---
 api/@internal/component/ets/badge.d.ts        |  25 ++-
 api/@internal/component/ets/blank.d.ts        |  17 +-
 api/@internal/component/ets/button.d.ts       |  36 ++--
 api/@internal/component/ets/calendar.d.ts     |  53 +++---
 api/@internal/component/ets/canvas.d.ts       |  49 +++---
 api/@internal/component/ets/checkbox.d.ts     |  21 +--
 .../component/ets/checkboxgroup.d.ts          |  23 ++-
 api/@internal/component/ets/circle.d.ts       |  16 +-
 api/@internal/component/ets/column.d.ts       |  15 +-
 api/@internal/component/ets/column_split.d.ts |  14 +-
 api/@internal/component/ets/common.d.ts       | 119 +++++--------
 api/@internal/component/ets/counter.d.ts      |  16 +-
 .../ets/custom_dialog_controller.d.ts         |   6 +-
 api/@internal/component/ets/data_panel.d.ts   |  17 +-
 api/@internal/component/ets/date_picker.d.ts  |  32 ++--
 api/@internal/component/ets/divider.d.ts      |  21 +--
 api/@internal/component/ets/ellipse.d.ts      |  13 +-
 api/@internal/component/ets/enums.d.ts        |  88 +++++-----
 api/@internal/component/ets/flex.d.ts         |  15 +-
 api/@internal/component/ets/forEach.d.ts      |   6 +-
 .../component/ets/form_component.d.ts         |   8 +-
 api/@internal/component/ets/gauge.d.ts        |  23 ++-
 api/@internal/component/ets/gesture.d.ts      | 129 +++++++-------
 api/@internal/component/ets/grid.d.ts         |  56 +++---
 api/@internal/component/ets/gridItem.d.ts     |  22 ++-
 .../component/ets/grid_container.d.ts         |  16 +-
 api/@internal/component/ets/hyperlink.d.ts    |  15 +-
 api/@internal/component/ets/image.d.ts        |  52 +++---
 .../component/ets/image_animator.d.ts         |  39 ++---
 api/@internal/component/ets/index.d.ts        | 164 +++++++++---------
 api/@internal/component/ets/inspector.d.ts    |  26 ++-
 api/@internal/component/ets/lazyForEach.d.ts  |  10 +-
 api/@internal/component/ets/line.d.ts         |  18 +-
 api/@internal/component/ets/list.d.ts         |  60 +++----
 api/@internal/component/ets/listItem.d.ts     |  20 +--
 .../component/ets/loading_progress.d.ts       |  26 ++-
 api/@internal/component/ets/marquee.d.ts      |  30 ++--
 api/@internal/component/ets/matrix2d.d.ts     |   2 +-
 api/@internal/component/ets/navigation.d.ts   |  36 ++--
 api/@internal/component/ets/navigator.d.ts    |  24 ++-
 .../component/ets/pageTransition.d.ts         |  24 ++-
 api/@internal/component/ets/panel.d.ts        |  32 ++--
 api/@internal/component/ets/path.d.ts         |  16 +-
 api/@internal/component/ets/pattern_lock.d.ts |  35 ++--
 api/@internal/component/ets/piece.d.ts        |  31 ++--
 .../component/ets/plugin_component.d.ts       |  18 +-
 api/@internal/component/ets/polygon.d.ts      |  16 +-
 api/@internal/component/ets/polyline.d.ts     |  16 +-
 api/@internal/component/ets/progress.d.ts     |  23 ++-
 api/@internal/component/ets/qrcode.d.ts       |  17 +-
 api/@internal/component/ets/radio.d.ts        |  18 +-
 api/@internal/component/ets/rating.d.ts       |  20 +--
 api/@internal/component/ets/rect.d.ts         |  19 +-
 api/@internal/component/ets/refresh.d.ts      |  18 +-
 api/@internal/component/ets/row.d.ts          |  15 +-
 api/@internal/component/ets/row_split.d.ts    |  13 +-
 api/@internal/component/ets/scroll.d.ts       |  33 ++--
 api/@internal/component/ets/scroll_bar.d.ts   |  18 +-
 api/@internal/component/ets/search.d.ts       |  33 ++--
 api/@internal/component/ets/select.d.ts       |  37 ++--
 api/@internal/component/ets/shape.d.ts        |  40 ++---
 api/@internal/component/ets/sheet.d.ts        |  12 +-
 api/@internal/component/ets/slider.d.ts       |  35 ++--
 api/@internal/component/ets/span.d.ts         |  30 ++--
 api/@internal/component/ets/stack.d.ts        |  15 +-
 .../component/ets/stateManagement.d.ts        |  20 +--
 api/@internal/component/ets/stepper.d.ts      |  22 ++-
 api/@internal/component/ets/stepperItem.d.ts  |  29 ++--
 api/@internal/component/ets/swiper.d.ts       |  45 +++--
 api/@internal/component/ets/tab_content.d.ts  |  15 +-
 api/@internal/component/ets/tabs.d.ts         |  32 ++--
 api/@internal/component/ets/text.d.ts         |  50 +++---
 api/@internal/component/ets/text_area.d.ts    |  46 +++--
 api/@internal/component/ets/text_clock.d.ts   |  30 ++--
 api/@internal/component/ets/text_input.d.ts   |  58 +++----
 api/@internal/component/ets/text_picker.d.ts  |  31 ++--
 api/@internal/component/ets/text_timer.d.ts   |  30 ++--
 api/@internal/component/ets/toggle.d.ts       |  21 +--
 api/@internal/component/ets/units.d.ts        |  22 ++-
 api/@internal/component/ets/video.d.ts        |  44 +++--
 api/@internal/component/ets/xcomponent.d.ts   |  18 +-
 85 files changed, 1177 insertions(+), 1411 deletions(-)

diff --git a/api/@internal/component/ets/action_sheet.d.ts b/api/@internal/component/ets/action_sheet.d.ts
index 54d279ddb6..05b10052b2 100644
--- a/api/@internal/component/ets/action_sheet.d.ts
+++ b/api/@internal/component/ets/action_sheet.d.ts
@@ -13,8 +13,6 @@
  * limitations under the License.
  */
 
-import { DialogAlignment } from "./alert_dialog";
-import { Resource } from ".";
 
 /**
  * The information of sheet.
@@ -44,7 +42,7 @@ interface SheetInfo {
  * Declare the ActionSheet
  * @since 8
  */
-export declare class ActionSheet {
+declare class ActionSheet {
   /**
    * Invoking method display.
    * @since 8
diff --git a/api/@internal/component/ets/alert_dialog.d.ts b/api/@internal/component/ets/alert_dialog.d.ts
index ccb7d6c8b0..e88783f82c 100644
--- a/api/@internal/component/ets/alert_dialog.d.ts
+++ b/api/@internal/component/ets/alert_dialog.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { ResourceColor } from ".";
-import { Offset, ResourceStr } from "./units";
-
 /**
  * The alignment of dialog,
  * @since 7
  */
-export declare enum DialogAlignment {
+declare enum DialogAlignment {
   /**
    * Vertical top alignment.
    * @since 7
@@ -86,7 +83,7 @@ export declare enum DialogAlignment {
  * Base param used for AlertDialog.show method.
  * @since 7
  */
-export declare interface AlertDialogParam {
+declare interface AlertDialogParam {
   /**
    * Title Properties
    * @since 7
@@ -134,7 +131,7 @@ export declare interface AlertDialogParam {
  * Defines the AlertDialog with confirm button.
  * @since 7
  */
-export declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
+declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
   /**
    * Invoke the commit function.
    * @since 7
@@ -166,7 +163,7 @@ export declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
   };
 }
 
-export declare interface AlertDialogParamWithButtons extends AlertDialogParam {
+declare interface AlertDialogParamWithButtons extends AlertDialogParam {
   /**
    * First button.
    * @since 7
@@ -232,7 +229,7 @@ export declare interface AlertDialogParamWithButtons extends AlertDialogParam {
  * Defines AlertDialog which uses show method to show alert dialog.
  * @since 7
  */
-export declare class AlertDialog {
+declare class AlertDialog {
   /**
    * Invoking method display.
    * @since 7
diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
index 100e14bc28..b479afdc67 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor, Font } from "./units";
-
 /**
  * indexer align property.
  * @since 7
  */
-export declare enum IndexerAlign {
+declare enum IndexerAlign {
   /**
    * A dialog box is displayed on the right of the index bar.
    * @since 7
@@ -38,116 +35,116 @@ export declare enum IndexerAlign {
  * Alphabet index bar.
  * @since 7
  */
-interface AlphabetIndexer extends AlphabetIndexerAttribute<AlphabetIndexer> {
+interface AlphabetIndexerInterface {
   /**
    * ArrayValue: Alphabetical index string array.
    * selected: ID of the selected item.
    * @since 7
    */
-  (value: { arrayValue: Array<string>; selected: number }): AlphabetIndexer;
+  (value: { arrayValue: Array<string>; selected: number }): AlphabetIndexerAttribute;
 }
 
 /**
  * Defines the alphabet index bar attribute functions.
  * @since 7
  */
-declare class AlphabetIndexerAttribute<T> extends CommonMethod<T> {
+declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAttribute> {
   /**
    * Index bar selection callback.
    * @since 7
    */
-  onSelected(event: (index: number) => void): T;
+  onSelected(event: (index: number) => void): AlphabetIndexerAttribute;
 
   /**
    * Definitions color.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Select the text color.
    * @since 7
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Font color of the pop-up prompt text.
    * @since 7
    */
-  popupColor(value: ResourceColor): T;
+  popupColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Select the text background color.
    * @since 7
    */
-  selectedBackgroundColor(value: ResourceColor): T;
+  selectedBackgroundColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Background color of the pop-up window index.
    * @since 7
    */
-  popupBackground(value: ResourceColor): T;
+  popupBackground(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Whether to use pop-up index hints.
    * @since 7
    */
-  usingPopup(value: boolean): T;
+  usingPopup(value: boolean): AlphabetIndexerAttribute;
 
   /**
    * Select the text text style,
    * @since 7
    */
-  selectedFont(value: Font): T;
+  selectedFont(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Select the text background color.
    * @since 7
    */
-  popupFont(value: Font): T;
+  popupFont(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Size of the letter area on the letter index bar. The letter area is a square. Set the length of the square side.
    * @since 7
    */
-  itemSize(value: string | number): T;
+  itemSize(value: string | number): AlphabetIndexerAttribute;
 
   /**
    * Definitions fonts.
    * @since 7
    */
-  font(value: Font): T;
+  font(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Alphabet index bar alignment style. The left and right alignment styles are supported, which affects the pop-up position of the pop-up window.
    * @since 7
    */
-  alignStyle(value: IndexerAlign): T;
+  alignStyle(value: IndexerAlign): AlphabetIndexerAttribute;
 
   /**
    * Index bar selection callback and return the strings which display on pop-up.
    * @since 8
    */
-  onRequestPopupData(event: (index: number) => Array<string>): T;
+  onRequestPopupData(event: (index: number) => Array<string>): AlphabetIndexerAttribute;
 
   /**
    * Pop-up selection callback.
    * @since 8
    */
-  onPopupSelected(event: (index: number) => void): T;
+  onPopupSelected(event: (index: number) => void): AlphabetIndexerAttribute;
 
   /**
    * Select the index.
    * @since 8
    */
-  selectedIndex(index: number): T;
+  selectedIndex(index: number): AlphabetIndexerAttribute;
 
   /**
    * Position of the pop-up windows, relative to the midpoint of the top border of the indexer bar.
    * @since 8
    */
-  popupPosition(value: {offsetX: number, offsetY: number}): T;
+  popupPosition(value: {offsetX: number, offsetY: number}): AlphabetIndexerAttribute;
 }
 
-export declare const AlphabetIndexerInterface: AlphabetIndexer;
-export declare class AlphabetIndexerExtend<T> extends AlphabetIndexerAttribute<T> {}
+declare const AlphabetIndexerInterface: AlphabetIndexerInterface;
+declare const AlphabetIndexerIntance: AlphabetIndexerAttribute;
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
index 55c27f5f67..8adc7dc1f2 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { AnimationStatus, Curve, FillMode, PlayMode } from "./enums";
-
 /**
  * Customize spring properties.
  * @since 7
  * @systemapi
  */
-export declare class SpringProp {
+declare class SpringProp {
   /**
    * Constructor parameters
    * @since 7
@@ -35,7 +32,7 @@ export declare class SpringProp {
  * @since 7
  * @systemapi
  */
-export declare class SpringMotion {
+declare class SpringMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -49,7 +46,7 @@ export declare class SpringMotion {
  * @since 7
  * @systemapi
  */
-export declare class FrictionMotion {
+declare class FrictionMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -63,7 +60,7 @@ export declare class FrictionMotion {
  * @since 7
  * @systemapi
  */
-export declare class ScrollMotion {
+declare class ScrollMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -77,13 +74,13 @@ export declare class ScrollMotion {
  * @since 7
  * @systemapi
  */
-interface Animator extends AnimatorAttribute<Animator> {
+interface AnimatorInterface {
   /**
    * Constructor parameters
    * @since 7
    * @systemapi
    */
-  (value: string): Animator;
+  (value: string): AnimatorAttribute;
 }
 
 /**
@@ -91,105 +88,105 @@ interface Animator extends AnimatorAttribute<Animator> {
  * @since 7
  * @systemapi
  */
-declare class AnimatorAttribute<T> extends CommonMethod<T> {
+declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<AnimatorAttribute> {
   /**
    * Controls the playback status. The default value is the initial state.
    * @since 7
    * @systemapi
    */
-  state(value: AnimationStatus): T;
+  state(value: AnimationStatus): AnimatorAttribute;
 
   /**
    * Animation duration, in milliseconds.
    * @since 7
    * @systemapi
    */
-  duration(value: number): T;
+  duration(value: number): AnimatorAttribute;
 
   /**
    * Animation curve, default to linear curve
    * @since 7
    * @systemapi
    */
-  curve(value: Curve): T;
+  curve(value: Curve): AnimatorAttribute;
 
   /**
    * Delayed animation playback duration, in milliseconds. By default, the animation is not delayed.
    * @since 7
    * @systemapi
    */
-  delay(value: number): T;
+  delay(value: number): AnimatorAttribute;
 
   /**
    * Sets the state before and after the animation starts.
    * @since 7
    * @systemapi
    */
-  fillMode(value: FillMode): T;
+  fillMode(value: FillMode): AnimatorAttribute;
 
   /**
    * The default playback is once. If the value is -1, the playback is unlimited.
    * @since 7
    * @systemapi
    */
-  iterations(value: number): T;
+  iterations(value: number): AnimatorAttribute;
 
   /**
    * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
    * @since 7
    * @systemapi
    */
-  playMode(value: PlayMode): T;
+  playMode(value: PlayMode): AnimatorAttribute;
 
   /**
    * Configure the physical animation algorithm.
    * @since 7
    * @systemapi
    */
-  motion(value: SpringMotion | FrictionMotion | ScrollMotion): T;
+  motion(value: SpringMotion | FrictionMotion | ScrollMotion): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation starts to play.
    * @since 7
    * @systemapi
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation pauses.
    * @since 7
    * @systemapi
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation is replayed.
    * @since 7
    * @systemapi
    */
-  onRepeat(event: () => void): T;
+  onRepeat(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation is canceled.
    * @since 7
    * @systemapi
    */
-  onCancel(event: () => void): T;
+  onCancel(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation playback is complete.
    * @since 7
    * @systemapi
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): AnimatorAttribute;
 
   /**
    * The callback input parameter is the interpolation during animation playback.
    * @since 7
    * @systemapi
    */
-  onFrame(event: (value: number) => void): T;
+  onFrame(event: (value: number) => void): AnimatorAttribute;
 }
 
-export declare class AnimatorExtend<T> extends AnimatorAttribute<T> {}
-export declare const AnimatorInterface: Animator;
+declare const Animator: AnimatorInterface;
+declare const AnimatorIntance: AnimatorAttribute;
diff --git a/api/@internal/component/ets/badge.d.ts b/api/@internal/component/ets/badge.d.ts
index 8b955feb71..5c7d354ea0 100644
--- a/api/@internal/component/ets/badge.d.ts
+++ b/api/@internal/component/ets/badge.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Defines the badge position property.
  * @since 7
  */
-export declare enum BadgePosition {
+declare enum BadgePosition {
   /**
    * The dot is displayed vertically centered on the right.
    * @since 7
@@ -44,7 +41,7 @@ export declare enum BadgePosition {
  * BadgeStyle object
  * @since 7
  */
-export declare interface BadgeStyle {
+declare interface BadgeStyle {
   /**
    * Text Color
    * @since 7
@@ -74,7 +71,7 @@ export declare interface BadgeStyle {
  * Defines the base param of badge.
  * @since 7
  */
-export declare interface BadgeParam {
+declare interface BadgeParam {
   /**
    * Set the display position of the prompt point.
    * @since 7
@@ -92,7 +89,7 @@ export declare interface BadgeParam {
  * Defines the badge param with count and maxCount.
  * @since 7
  */
-export declare interface BadgeParamWithNumber extends BadgeParam {
+declare interface BadgeParamWithNumber extends BadgeParam {
   /**
    * Set the number of reminder messages.
    * @since 7
@@ -110,7 +107,7 @@ export declare interface BadgeParamWithNumber extends BadgeParam {
  * Defines the badge param with string value.
  * @since 7
  */
-export declare interface BadgeParamWithString extends BadgeParam {
+declare interface BadgeParamWithString extends BadgeParam {
   /**
    * Text string of the prompt content.
    * @since 7
@@ -122,7 +119,7 @@ export declare interface BadgeParamWithString extends BadgeParam {
  * Defines Badge Componrnt.
  * @since 7
  */
-interface Badge extends BadgeAttribute<Badge> {
+interface BadgeInterface {
   /**
    * position: Set the display position of the prompt point.
    * maxCount: Maximum number of messages. If the number of messages exceeds the maximum, only maxCount+ is displayed.
@@ -130,7 +127,7 @@ interface Badge extends BadgeAttribute<Badge> {
    * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
    * @since 7
    */
-  (value: BadgeParamWithNumber): Badge;
+  (value: BadgeParamWithNumber): BadgeAttribute;
 
   /**
    * value: Text string of the prompt content.
@@ -139,14 +136,14 @@ interface Badge extends BadgeAttribute<Badge> {
    * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
    * @since 7
    */
-  (value: BadgeParamWithString): Badge;
+  (value: BadgeParamWithString): BadgeAttribute;
 }
 
 /**
  * Defines Badge Componrnt attribute.
  * @since 7
  */
-declare class BadgeAttribute<T> extends CommonMethod<T> {}
+declare class BadgeAttribute extends CommonMethod<BadgeAttribute> {}
 
-export declare class BadgeExtend<T> extends BadgeAttribute<T> {}
-export declare const BadgeInterface: Badge;
+declare const Badge: BadgeInterface
+declare const BadgeInstance: BadgeAttribute;
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
index 782cf284d3..1742aa3dec 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -1,4 +1,4 @@
-/*
+ /*
  * Copyright (c) 2021 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,32 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Create Blank.
  * @since 7
  */
-interface Blank extends BlankAttribute<Blank> {
+interface BlankInterface {
   /**
    * The minimum size of the blank fill assembly on the container spindle.
    * @since 7
    */
-  (min?: number | string): Blank;
+  (min?: number | string): BlankAttribute;
 }
 
 /**
  * Inheritance CommonMethod Set Styles
  * @since 7
  */
-declare class BlankAttribute<T> extends CommonMethod<T> {
+declare class BlankAttribute extends CommonMethod<BlankAttribute> {
   /**
    * color: set color.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): BlankAttribute;
 }
 
-export declare class BlankExtend<T> extends BlankAttribute<T> {}
-export declare const BlankInterface: Blank;
+declare const Blank: BlankInterface;
+declare const BlankIntancee: BlankAttribute;
diff --git a/api/@internal/component/ets/button.d.ts b/api/@internal/component/ets/button.d.ts
index e0f94093e6..68f472819d 100644
--- a/api/@internal/component/ets/button.d.ts
+++ b/api/@internal/component/ets/button.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontWeight, FontStyle } from "./enums";
-import { Length, ResourceColor, ResourceStr, Resource } from "./units";
-
 /**
  * Provides a button component.
  * @since 7
  */
-export declare enum ButtonType {
+declare enum ButtonType {
   /**
    * Capsule button (rounded corners default to half the height).
    * @since 7
@@ -45,7 +41,7 @@ export declare enum ButtonType {
  * Defines the button options.
  * @since 7
  */
-export declare interface ButtonOption {
+declare interface ButtonOption {
   /**
    * Describes the button style.
    * @since 7
@@ -63,73 +59,73 @@ export declare interface ButtonOption {
  * Defines the Button Component.
  * @since 7
  */
-interface Button extends ButtonAttribute<Button> {
+interface ButtonInterface {
   /**
    * Button object
    * @since 7
    */
-  (): Button;
+  (): ButtonAttribute;
 
   /**
    * Create Button with Text child.
    * @since 7
    */
-  (options: ButtonOption): Button;
+  (options: ButtonOption): ButtonAttribute;
 
   /**
    * Create Button with inner text label.
    * @since 7
    */
-  (label: ResourceStr, options?: ButtonOption): Button;
+  (label: ResourceStr, options?: ButtonOption): ButtonAttribute;
 }
 
 /**
  * Defines the button attribute functions.
  * @since 7
  */
-declare class ButtonAttribute<T> extends CommonMethod<T> {
+declare class ButtonAttribute extends CommonMethod<ButtonAttribute> {
   /**
    * Describes the button style.
    * @since 7
    */
-  type(value: ButtonType): T;
+  type(value: ButtonType): ButtonAttribute;
 
   /**
    * Indicates whether to enable the switchover effect when the button is pressed. When the status is set to false, the switchover effect is disabled.
    * @since 7
    */
-  stateEffect(value: boolean): T;
+  stateEffect(value: boolean): ButtonAttribute;
 
   /**
    * Text color.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): ButtonAttribute;
 
   /**
    * Text size.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): ButtonAttribute;
 
   /**
    * Font weight.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): ButtonAttribute;
 
   /**
    * Font style.
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): ButtonAttribute;
 
   /**
    * Font family.
    * @since 8
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): ButtonAttribute;
 }
 
-export declare class ButtonExtend<T> extends ButtonAttribute<T> {}
-export declare const ButtonInterface: Button;
+declare const Button: ButtonInterface
+declare const ButtonInstance: ButtonAttribute;
diff --git a/api/@internal/component/ets/calendar.d.ts b/api/@internal/component/ets/calendar.d.ts
index 26c233f8d5..73af8ae527 100644
--- a/api/@internal/component/ets/calendar.d.ts
+++ b/api/@internal/component/ets/calendar.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { Axis } from "./enums";
-import { ResourceColor } from "./units";
-
 /**
  * Provides a monthly view component to display information such as date, shift break, and schedule.
  * @since 7
  * @systemapi
  */
-export interface CalendarDay {
+interface CalendarDay {
   /**
    * Indicates the sequence number of the 7 x 7 (7 x 6) grid layout on a calendar page by row.
    * The week sequence is one, two, three, four, five, six.
@@ -109,7 +106,7 @@ export interface CalendarDay {
  * @since 7
  * @systemapi
  */
-export interface MonthData {
+interface MonthData {
   /**
    * Gregorian calendar year.
    * @since 7
@@ -137,7 +134,7 @@ export interface MonthData {
  * @since 7
  * @systemapi
  */
-export interface CurrentDayStyle {
+interface CurrentDayStyle {
   /**
    * Text color.
    * @since 7
@@ -305,7 +302,7 @@ export interface CurrentDayStyle {
  * @since 7
  * @systemapi
  */
-export interface NonCurrentDayStyle {
+interface NonCurrentDayStyle {
   /**
    * Non-current month day color.
    * @since 7
@@ -340,7 +337,7 @@ export interface NonCurrentDayStyle {
  * @since 7
  * @systemapi
  */
-export interface TodayStyle {
+interface TodayStyle {
   /**
    * Style of focus color.
    * @since 7
@@ -375,7 +372,7 @@ export interface TodayStyle {
  * @since 7
  * @systemapi
  */
-export interface WeekStyle {
+interface WeekStyle {
   /**
    * Style of week color.
    * @since 7
@@ -431,7 +428,7 @@ export interface WeekStyle {
  * @since 7
  * @systemapi
  */
-export interface WorkStateStyle {
+interface WorkStateStyle {
   /**
    * Style of day color.
    * @since 7
@@ -514,7 +511,7 @@ declare class CalendarController {
  * @since 7
  * @systemapi
  */
-interface Calendar extends CalendarAttribute<Calendar> {
+interface CalendarInterface {
   /**
    * Set value.
    * @since 7
@@ -526,97 +523,97 @@ interface Calendar extends CalendarAttribute<Calendar> {
     preData: MonthData;
     nextData: MonthData;
     controller?: CalendarController;
-  }): Calendar;
+  }): CalendarAttribute;
 }
 
 /**
  * @since 7
  * @systemapi
  */
-declare class CalendarAttribute<T> {
+declare class CalendarAttribute {
   /**
    * Specifies whether the component displays the lunar calendar information.
    * @since 7
    * @systemapi
    */
-  showLunar(value: boolean): T;
+  showLunar(value: boolean): CalendarAttribute;
 
   /**
    * Setting whether to display holiday information
    * @since 7
    * @systemapi
    */
-  showHoliday(value: boolean): T;
+  showHoliday(value: boolean): CalendarAttribute;
 
   /**
    * Indicates whether the page can be scrolled.
    * @since 7
    * @systemapi
    */
-  needSlide(value: boolean): T;
+  needSlide(value: boolean): CalendarAttribute;
 
   /**
    * Set the start day of the week for the calendar.
    * @since 7
    * @systemapi
    */
-  startOfWeek(value: number): T;
+  startOfWeek(value: number): CalendarAttribute;
 
   /**
    * Set weekend. The default value is Sunday and Saturday.
    * @since 7
    * @systemapi
    */
-  offDays(value: number): T;
+  offDays(value: number): CalendarAttribute;
 
   /**
    * Sets the sliding direction.
    * @since 7
    * @systemapi
    */
-  direction(value: Axis): T;
+  direction(value: Axis): CalendarAttribute;
 
   /**
    * Sets the date style in the current month.
    * @since 7
    * @systemapi
    */
-  currentDayStyle(value: CurrentDayStyle): T;
+  currentDayStyle(value: CurrentDayStyle): CalendarAttribute;
 
   /**
    * Sets the non-monthly date style.
    * @since 7
    * @systemapi
    */
-  nonCurrentDayStyle(value: NonCurrentDayStyle): T;
+  nonCurrentDayStyle(value: NonCurrentDayStyle): CalendarAttribute;
 
   /**
    * Set the date style for today.
    * @since 7
    * @systemapi
    */
-  todayStyle(value: TodayStyle): T;
+  todayStyle(value: TodayStyle): CalendarAttribute;
 
   /**
    * Sets the date style for the weekend.
    * @since 7
    * @systemapi
    */
-  weekStyle(value: WeekStyle): T;
+  weekStyle(value: WeekStyle): CalendarAttribute;
 
   /**
    * Sets the style of the working state.
    * @since 7
    * @systemapi
    */
-  workStateStyle(value: WorkStateStyle): T;
+  workStateStyle(value: WorkStateStyle): CalendarAttribute;
 
   /**
    * Click a date to return the information about the date you clicked.
    * @since 7
    * @systemapi
    */
-  onSelectChange(event: (event: { year: number; month: number; day: number }) => void): T;
+  onSelectChange(event: (event: { year: number; month: number; day: number }) => void): CalendarAttribute;
 
   /**
    * When you swipe to switch months, the information about the previous month and the next month is requested.
@@ -631,8 +628,8 @@ declare class CalendarAttribute<T> {
       currentMonth: number;
       monthState: number;
     }) => void,
-  ): T;
+  ): CalendarAttribute;
 }
 
-export declare class CalendarExtend<T> extends CalendarAttribute<T> {}
-export declare const CalendarInterface: Calendar;
+declare const Calendar: CalendarInterface;
+declare const CalendarInstance: CalendarAttribute;
diff --git a/api/@internal/component/ets/canvas.d.ts b/api/@internal/component/ets/canvas.d.ts
index c860017b28..24e36b5be7 100644
--- a/api/@internal/component/ets/canvas.d.ts
+++ b/api/@internal/component/ets/canvas.d.ts
@@ -13,9 +13,6 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { Matrix2D } from "./matrix2d";
-
 /**
  * Filling style algorithm, which determines whether a point is within or outside the path. The following
  *    two configurations are supported:
@@ -23,7 +20,7 @@ import { Matrix2D } from "./matrix2d";
  * "nonzero": (Default) Non-zero Wrap Rules
  * @since 8
  */
-export declare type CanvasFillRule = "evenodd" | "nonzero";
+declare type CanvasFillRule = "evenodd" | "nonzero";
 
 /**
  * Specifies the attribute of drawing the end of each line segment. The following configurations are supported:
@@ -33,7 +30,7 @@ export declare type CanvasFillRule = "evenodd" | "nonzero";
  *    as the segment and is half the thickness of the segment.
  * @since 8
  */
-export declare type CanvasLineCap = "butt" | "round" | "square";
+declare type CanvasLineCap = "butt" | "round" | "square";
 
 /**
  * Sets the attribute of how two connected parts (line segments, arcs, and curves) whose length is not 0
@@ -46,7 +43,7 @@ export declare type CanvasLineCap = "butt" | "round" | "square";
  *    connected section. The radius of the fillet is the width of the segment.
  * @since 8
  */
-export declare type CanvasLineJoin = "bevel" | "miter" | "round";
+declare type CanvasLineJoin = "bevel" | "miter" | "round";
 
 /**
  * Indicates the attribute of the current text direction. The options are as follows:
@@ -55,7 +52,7 @@ export declare type CanvasLineJoin = "bevel" | "miter" | "round";
  * "rtl": The text direction is from right to left.
  * @since 8
  */
-export declare type CanvasDirection = "inherit" | "ltr" | "rtl";
+declare type CanvasDirection = "inherit" | "ltr" | "rtl";
 
 /**
  * Describes the alignment mode for drawing text. The options are as follows:
@@ -68,7 +65,7 @@ export declare type CanvasDirection = "inherit" | "ltr" | "rtl";
  *    and right alignment refers to the local from right to left)
  * @since 8
  */
-export declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "start";
+declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "start";
 
 /**
  * Text baseline, which supports the following configurations:
@@ -82,7 +79,7 @@ export declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "sta
  * "top": The text baseline is at the top of the text block.
  * @since 8
  */
-export declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
+declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
 
 /**
  * Sets the image smoothness attribute. The options are as follows:
@@ -91,13 +88,13 @@ export declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "
  * "medium": medium
  * @since 8
  */
-export declare type ImageSmoothingQuality = "high" | "low" | "medium";
+declare type ImageSmoothingQuality = "high" | "low" | "medium";
 
 /**
  * Opaque objects that describe gradients, created by createLinearGradient() or createRadialGradient()
  * @since 8
  */
-export declare class CanvasGradient {
+declare class CanvasGradient {
   /**
    * Add a breakpoint defined by offset and color to the gradient
    * @param number Value between 0 and 1, out of range throws INDEX_SIZE_ERR error
@@ -221,7 +218,7 @@ declare class CanvasPath {
  * 2D path object for path drawing
  * @since 8
  */
-export declare class Path2D extends CanvasPath {
+declare class Path2D extends CanvasPath {
   /**
    * Adds a path according to the specified path variable.
    * @param path Indicates the path object to be added.
@@ -255,7 +252,7 @@ export declare class Path2D extends CanvasPath {
  * Describes an opaque object of a template, which is created using the createPattern() method.
  * @since 8
  */
-export declare interface CanvasPattern {
+declare interface CanvasPattern {
   /**
    * Adds the matrix transformation effect to the current template.
    * @param transform transformation matrix
@@ -268,7 +265,7 @@ export declare interface CanvasPattern {
  * Size information of the text
  * @since 8
  */
-export declare interface TextMetrics {
+declare interface TextMetrics {
   /**
    * Double, the distance from the horizontal line indicated by the textBaseline property to the top of
    *    the rectangular boundary of the rendered text.
@@ -357,7 +354,7 @@ export declare interface TextMetrics {
  * Bitmap image object that can be drawn onto the current Canvas
  * @since 8
  */
-export declare class ImageBitmap {
+declare class ImageBitmap {
   /**
    * Indicates the height of the CSS pixel unit of ImageData.
    * @since 8
@@ -395,7 +392,7 @@ export declare class ImageBitmap {
  * Image data object
  * @since 8
  */
-export declare class ImageData {
+declare class ImageData {
   /**
    * Array containing image pixel data
    * @since 8
@@ -428,7 +425,7 @@ export declare class ImageData {
  * This object allows you to set properties when creating a rendering context
  * @since 8
  */
-export declare class RenderingContextSettings {
+declare class RenderingContextSettings {
   /**
    * Indicates whether the canvas contains an alpha channel. The default value is false.
    * @since 8
@@ -998,7 +995,7 @@ declare class CanvasRenderer extends CanvasPath {
  * Draw context object for the Canvas component.
  * @since 8
  */
-export declare class CanvasRenderingContext2D extends CanvasRenderer {
+declare class CanvasRenderingContext2D extends CanvasRenderer {
   /**
    * The default value is 0, which is bound to the height of the specified canvas. The value is read-only.
    * @since 8
@@ -1032,7 +1029,7 @@ export declare class CanvasRenderingContext2D extends CanvasRenderer {
  * Draw context object for the OffscreenCanvas component.
  * @since 8
  */
-export declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
+declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
   /**
    * Generate a character string in the data url format.
    * @param type Image format. The default value is image/png.
@@ -1062,7 +1059,7 @@ export declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
  * Draw an object off the screen. The drawing content is not directly displayed on the screen.
  * @since 8
  */
-export declare class OffscreenCanvas extends CanvasRenderer {
+declare class OffscreenCanvas extends CanvasRenderer {
   /**
    * Height of the off-screen canvas.
    * @since 8
@@ -1094,21 +1091,21 @@ export declare class OffscreenCanvas extends CanvasRenderer {
  *TextTimer component, which provides the text timer capability.
  * @since 8
  */
-interface Canvas extends CanvasAttribute<Canvas> {
+interface CanvasInterface {
   /**
    * Construct a canvas component.
    * @param context Canvas context object. For details, see {@link CanvasRenderingContext2D}.
    * @since 8
    */
-  (context?: CanvasRenderingContext2D): Canvas;
+  (context?: CanvasRenderingContext2D): CanvasAttribute;
 }
 
-declare class CanvasAttribute<T> extends CommonMethod<T> {
+declare class CanvasAttribute extends CommonMethod<CanvasAttribute> {
   /**
    * Event notification after the canvas component is constructed. You can draw the canvas at this time.
    * @since 8
    */
-  onReady(event: () => void): T;
+  onReady(event: () => void): CanvasAttribute;
 }
-export declare class CanvasExtend<T> extends CanvasAttribute<T> {}
-export declare const CanvasInterface: Canvas;
+declare const Canvas: CanvasInterface;
+declare const CanvasInstance: CanvasAttribute;
diff --git a/api/@internal/component/ets/checkbox.d.ts b/api/@internal/component/ets/checkbox.d.ts
index f777f68c98..9d842524fe 100644
--- a/api/@internal/component/ets/checkbox.d.ts
+++ b/api/@internal/component/ets/checkbox.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Defines the option of Checkbox.
  * @since 8
  */
-export declare interface CheckboxOption {
+declare interface CheckboxOption {
   /**
    * Current name of Checkbox.
    * @since 8
@@ -38,39 +35,39 @@ export declare interface CheckboxOption {
  * Provides an interface for the Checkbox component.
  * @since 8
  */
-interface Checkbox extends CheckboxAttribute<Checkbox> {
+interface CheckboxInterface {
   /**
    * Construct the Checkbox component.
    * Called when the Checkbox component is used.
    * @since 8
    */
-  (options?: CheckboxOption): Checkbox;
+  (options?: CheckboxOption): CheckboxAttribute;
 }
 
 /**
  * Defines the attribute functions of Checkbox.
  * @since 8
  */
-declare class CheckboxAttribute<T> extends CommonMethod<T> {
+declare class CheckboxAttribute extends CommonMethod<CheckboxAttribute> {
 
   /**
    * setting whether checkbox is selected.
    * @since 8
    */
-   select(value: boolean): T;
+   select(value: boolean): CheckboxAttribute;
 
   /**
    * setting the display color of checkbox.
    * @since 8
    */
-   selectedColor(value: ResourceColor): T;
+   selectedColor(value: ResourceColor): CheckboxAttribute;
 
   /**
    * Called when the selection status changes.
    * @since 8
    */
-  onChange(callback: (value: boolean) => void): T;
+  onChange(callback: (value: boolean) => void): CheckboxAttribute;
 }
 
-export declare class CheckboxExtend<T> extends CheckboxAttribute<T> {}
-export declare const CheckboxInterface: Checkbox;
+declare const Checkbox: CheckboxInterface;
+declare const CheckboxInstance: CheckboxAttribute;
diff --git a/api/@internal/component/ets/checkboxgroup.d.ts b/api/@internal/component/ets/checkboxgroup.d.ts
index 3c556a3f9f..cdd2c0cb57 100644
--- a/api/@internal/component/ets/checkboxgroup.d.ts
+++ b/api/@internal/component/ets/checkboxgroup.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * CheckboxGroup SelectStatus
  * @since 8
  */
-export declare enum SelectStatus {
+declare enum SelectStatus {
   /**
    * All checkboxs is selected.
    * @since 8
@@ -42,7 +39,7 @@ export declare enum SelectStatus {
  * Defines the option of CheckboxGroup.
  * @since 8
  */
-export declare interface CheckboxGroupOption {
+declare interface CheckboxGroupOption {
   /**
    * Setting the group of CheckboxGroup.
    * @since 8
@@ -54,38 +51,38 @@ export declare interface CheckboxGroupOption {
  * Provides an interface for the CheckboxGroup component.
  * @since 8
  */
-interface CheckboxGroup extends CheckboxGroupAttribute<CheckboxGroup> {
+interface CheckboxGroupInterface {
   /**
    * Called when the CheckboxGroup component is used.
    * @since 8
    */
-  (options?: CheckboxGroupOption): CheckboxGroup;
+  (options?: CheckboxGroupOption): CheckboxGroupAttribute;
 }
 
 /**
  * Defines the attribute functions of CheckboxGroup.
  * @since 8
  */
-declare class CheckboxGroupAttribute<T> extends CommonMethod<T> {
+declare class CheckboxGroupAttribute extends CommonMethod<CheckboxGroupAttribute> {
 
   /**
    * setting whether all checkbox is selected.
    * @since 8
    */
-   selectAll(value: boolean): T;
+   selectAll(value: boolean): CheckboxGroupAttribute;
 
   /**
    * setting the display color of checkbox.
    * @since 8
    */
-   selectedColor(value: ResourceColor): T;
+   selectedColor(value: ResourceColor): CheckboxGroupAttribute;
 
   /**
    * Called when the selection status changes.
    * @since 8
    */
-  onChange(callback: (name: Array<any>, status: SelectStatus) => void): T;
+  onChange(callback: (name: Array<any>, status: SelectStatus) => void): CheckboxGroupAttribute;
 }
 
-export declare class CheckboxGroupExtend<T> extends CheckboxGroupAttribute<T> {}
-export declare const CheckboxGroupInterface: CheckboxGroup;
+declare const Checkbox: CheckboxGroupInterface;
+declare const CheckboxGroupInstance: CheckboxGroupAttribute;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
index 37594f2697..56a14c7e18 100644
--- a/api/@internal/component/ets/circle.d.ts
+++ b/api/@internal/component/ets/circle.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Defines circle option for Circle component.
  * @since 7
  */
-export declare interface CircleOption {
+declare interface CircleOption {
   /**
    * Defines the width property.
    * @since 7
@@ -37,25 +35,25 @@ export declare interface CircleOption {
  * Defines circle component.
  * @since 7
  */
-interface Circle extends CircleAttribute<Circle> {
+interface CircleInterface {
   /**
    * use new function to set the value.
    * @since 7
    */
-  new (value?: CircleOption): Circle;
+  new (value?: CircleOption): CircleAttribute;
 
   /**
    * Set the value..
    * @since 7
    */
-  (value?: CircleOption): Circle;
+  (value?: CircleOption): CircleAttribute;
 }
 
 /**
  * Circle drawing component attribute functions.
  * @since 7
  */
-declare class CircleAttribute<T> extends CommonShapeMethod<T> {}
+declare class CircleAttribute extends CommonShapeMethod<CircleAttribute> {}
 
-export declare class CircleExtend<T> extends CircleAttribute<T> {}
-export declare const CircleInterface: Circle;
+declare const Circle: CircleInterface;
+declare const CircleInstance: CircleAttribute;
diff --git a/api/@internal/component/ets/column.d.ts b/api/@internal/component/ets/column.d.ts
index 5307dcd5aa..8a6feea284 100644
--- a/api/@internal/component/ets/column.d.ts
+++ b/api/@internal/component/ets/column.d.ts
@@ -13,34 +13,31 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { HorizontalAlign } from "./enums";
-
 /**
  * Defines the Column Component.
  * @since 7
  */
-interface Column extends ColumnAttribute<Column> {
+interface ColumnInterface {
   /**
    * Set the value.
    * useAlign:Use a custom alignment.
    * space: Vertical layout element spacing.
    * @since 7
    */
-  (value?: { space?: string | number }): Column;
+  (value?: { space?: string | number }): ColumnAttribute;
 }
 
 /**
  * Defines the Column component attribute functions.
  * @since 7
  */
-export declare class ColumnAttribute<T> extends CommonMethod<T> {
+declare class ColumnAttribute extends CommonMethod<ColumnAttribute> {
   /**
    * Sets the alignment format of the subassembly in the horizontal direction.
    * @since 7
    */
-  alignItems(value: HorizontalAlign): T;
+  alignItems(value: HorizontalAlign): ColumnAttribute;
 }
 
-export declare class ColumnExtend<T> extends ColumnAttribute<T> {}
-export declare const ColumnInterface: Column;
+declare const Column: ColumnInterface;
+declare const ColumnInstance: ColumnAttribute;
diff --git a/api/@internal/component/ets/column_split.d.ts b/api/@internal/component/ets/column_split.d.ts
index e7e7883104..7b897cf1fa 100644
--- a/api/@internal/component/ets/column_split.d.ts
+++ b/api/@internal/component/ets/column_split.d.ts
@@ -13,31 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines the ColumnSplit component.
  * @since 7
  */
-interface ColumnSplit extends ColumnSplitAttribute<ColumnSplit> {
+interface ColumnSplitInterface {
   /**
    * Layout the subassemblies vertically and insert a horizontal divider line between each subassemblies.
    * @since 7
    */
-  (): ColumnSplit;
+  (): ColumnSplitAttribute;
 }
 
 /**
  * Defines the ColumnSplit component attribute functions.
  * @since 7
  */
-declare class ColumnSplitAttribute<T> extends CommonMethod<T> {
+declare class ColumnSplitAttribute extends CommonMethod<ColumnSplitAttribute> {
   /**
    * Indicates whether the split line can be dragged. The default value is false.
    * @since 7
    */
-  resizeable(value: boolean): T;
+  resizeable(value: boolean): ColumnSplitAttribute;
 }
 
-export declare const ColumnSplitInterface: ColumnSplit;
-export declare class ColumnSplitExtend<T> extends ColumnSplitAttribute<T> {}
+declare const ColumnSplitInstance: ColumnSplitAttribute;
+declare const ColumnSplit: ColumnSplitInterface;
diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
index 81735680ec..977b246894 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -13,129 +13,100 @@
  * limitations under the License.
  */
 
-import { GestureType, GestureMask } from "./gesture";
-import { Circle } from "./circle";
-import { Ellipse } from "./ellipse";
-import { Path } from "./path";
-import { Rect } from "./rect";
-import { Resource, Length, Padding, Margin, Area } from "./units";
-import {
-  Alignment,
-  BorderStyle,
-  Color,
-  Curve,
-  Direction,
-  GradientDirection,
-  ImageRepeat,
-  ImageSize,
-  ItemAlign,
-  KeySource,
-  LineCapStyle,
-  LineJoinStyle,
-  PlayMode,
-  SharedTransitionEffectType,
-  TransitionType,
-  Visibility,
-  MouseButton,
-  MouseAction,
-  Placement,
-  HoverEffect,
-} from "./enums";
-
 /**
  * Defining Component ClassDecorator * @since 7
  */
-export declare const Component: ClassDecorator;
+declare const Component: ClassDecorator;
 
 /**
  * Defining Entry ClassDecorator.
  * @since 7
  */
-export declare const Entry: ClassDecorator;
+declare const Entry: ClassDecorator;
 
 /**
  * Defining Observed ClassDecorator.
  * @since 7
  */
-export declare const Observed: ClassDecorator;
+declare const Observed: ClassDecorator;
 
 /**
  * Defining Preview ClassDecorator.
  * @since 7
  */
-export declare const Preview: ClassDecorator & ((value: PreviewParams) => ClassDecorator);
+declare const Preview: ClassDecorator & ((value: PreviewParams) => ClassDecorator);
 
 /**
  * Defining State PropertyDecorator.
  * @since 7
  */
-export declare const State: PropertyDecorator;
+declare const State: PropertyDecorator;
 
 /**
  * Defining Prop PropertyDecorator.
  * @since 7
  */
-export declare const Prop: PropertyDecorator;
+declare const Prop: PropertyDecorator;
 
 /**
  * Defining Link PropertyDecorator.
  * @since 7
  */
-export declare const Link: PropertyDecorator;
+declare const Link: PropertyDecorator;
 
 /**
  * Defining ObjectLink PropertyDecorator.
  * @since 7
  */
-export declare const ObjectLink: PropertyDecorator;
+declare const ObjectLink: PropertyDecorator;
 
 /**
  * Defining Provide PropertyDecorator.
  * @since 7
  */
-export declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
+declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
 
 /**
  * Defining Consume PropertyDecorator.
  * @since 7
  */
-export declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
+declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
 
 /**
  * Defining StorageProp PropertyDecorator.
  * @since 7
  */
-export declare const StorageProp: (value: string) => PropertyDecorator;
+declare const StorageProp: (value: string) => PropertyDecorator;
 
 /**
  * Defining StorageLink PropertyDecorator.
  * @since 7
  */
-export declare const StorageLink: (value: string) => PropertyDecorator;
+declare const StorageLink: (value: string) => PropertyDecorator;
 
 /**
  * Defining Watch PropertyDecorator.
  * @since 7
  */
-export declare const Watch: (value: string) => PropertyDecorator;
+declare const Watch: (value: string) => PropertyDecorator;
 
 /**
  * Defining Builder MethodDecorator
  * @since 7
  */
-export declare const Builder: MethodDecorator;
+declare const Builder: MethodDecorator;
 
 /**
  * Defining  CustomDialog ClassDecorator
  * @since 7
  */
-export declare const CustomDialog: ClassDecorator;
+declare const CustomDialog: ClassDecorator;
 
 /**
  * Defines the data type of the interface restriction.
  * @since 7
  */
-export declare interface Configuration {
+declare interface Configuration {
   /**
    * Set colorMode.
    * @since 7
@@ -154,7 +125,7 @@ export declare interface Configuration {
  * @devices phone, tablet, car
  * @since 8
  */
-export declare interface Rectangle {
+declare interface Rectangle {
   /**
    * x:Horizontal coordinate
    * @devices phone, tablet, car
@@ -194,15 +165,15 @@ declare const isSystemplugin: (...args: string[]) => any;
  * global $r function
  * @since 7
  */
-export declare function $r(value: string, ...params: any[]): Resource;
+declare function $r(value: string, ...params: any[]): Resource;
 
 /**
  * global $rawfile function
  * @since 7
  */
-export declare function $rawfile(value: string): Resource;
+declare function $rawfile(value: string): Resource;
 
-export interface AnimateToParam {
+interface AnimateToParam {
   duration?: number;
   tempo?: number;
   curve?: Curve | string;
@@ -230,7 +201,7 @@ interface PreviewParams {
  * ItemDragInfo object description
  * @since 8
  */
-export interface ItemDragInfo {
+interface ItemDragInfo {
   /**
    * Obtains the X coordinate of the drag window, in vp.
    * @since 8
@@ -248,49 +219,49 @@ export interface ItemDragInfo {
  * Defining animation function.
  * @since 7
  */
-export declare function animateTo(value: AnimateToParam, event: () => void): void;
+declare function animateTo(value: AnimateToParam, event: () => void): void;
 
 /**
  * Converts a value in vp units to a value in px.
  * @since 7
  */
-export declare function vp2px(value: number): number;
+declare function vp2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of vp.
  * @since 7
  */
-export declare function px2vp(value: number): number;
+declare function px2vp(value: number): number;
 
 /**
  * Converts a number in fp units to a number in px.
  * @since 7
  */
-export declare function fp2px(value: number): number;
+declare function fp2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of fp.
  * @since 7
  */
-export declare function px2fp(value: number): number;
+declare function px2fp(value: number): number;
 
 /**
  * Converts a number in units of lpx to a number in units of px.
  * @since 7
  */
-export declare function lpx2px(value: number): number;
+declare function lpx2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of lpx.
  * @since 7
  */
-export declare function px2lpx(value: number): number;
+declare function px2lpx(value: number): number;
 
 /**
  * Defines the event target.
  * @since 8
  */
-export interface EventTarget {
+interface EventTarget {
   /**
    * Area of current target.
    * @since 8
@@ -302,7 +273,7 @@ export interface EventTarget {
  * Defines the base event.
  * @since 8
  */
-export interface BaseEvent {
+interface BaseEvent {
   /**
    * Defines the current target which fires this event.
    * @since 8
@@ -320,7 +291,7 @@ export interface BaseEvent {
  * The tap action triggers this method invocation.
  * @since 7
  */
-export interface ClickEvent extends BaseEvent {
+interface ClickEvent extends BaseEvent {
   /**
    * X coordinate of the click point relative to the left edge of the device screen.
    * @since 7
@@ -350,7 +321,7 @@ export interface ClickEvent extends BaseEvent {
  * The mouse click action triggers this method invocation.
  * @since 8
  */
-export interface MouseEvent extends BaseEvent {
+interface MouseEvent extends BaseEvent {
   /**
    * Mouse button of the click event.
    * @since 8
@@ -392,7 +363,7 @@ export interface MouseEvent extends BaseEvent {
  * Type of the touch event.
  * @since 7
  */
-export interface TouchObject {
+interface TouchObject {
   /**
    * Type of the touch event.
    * @since 7
@@ -434,7 +405,7 @@ export interface TouchObject {
  * Touch Action Function Parameters
  * @since 7
  */
-export interface TouchEvent extends BaseEvent {
+interface TouchEvent extends BaseEvent {
   /**
    * Type of the touch event.
    * @since 7
@@ -464,7 +435,7 @@ export interface TouchEvent extends BaseEvent {
  * pixelmap object with release function.
  * @since 7
  */
-export declare class PixelMap {
+declare class PixelMap {
   /**
    * release function.
    * @since 7
@@ -476,7 +447,7 @@ export declare class PixelMap {
  * DragEvent object description
  * @since 7
  */
-export interface DragEvent {
+interface DragEvent {
   /**
    * Obtains the X coordinate of the drag window, in vp.
    * @since 7
@@ -494,7 +465,7 @@ export interface DragEvent {
  * KeyEvent object description:
  * @since 7
  */
-export interface KeyEvent {
+interface KeyEvent {
   /**
    * Type of a key.
    * @since 7
@@ -581,7 +552,7 @@ interface StateStyels {
   clicked?: any;
 }
 
-export interface PopupOption {
+interface PopupOption {
   /**
    * Information in the pop-up window.
    * @since 7
@@ -637,7 +608,7 @@ export interface PopupOption {
   onStateChange?: (event: { isVisible: boolean }) => void;
 }
 
-export interface CustomPopupOption {
+interface CustomPopupOption {
   /**
    * builder of popup
    * @since 8
@@ -685,7 +656,7 @@ export interface CustomPopupOption {
  * CommonMethod
  * @since 7
  */
-export declare class CommonMethod<T> {
+declare class CommonMethod<T> {
   /**
    * constructor.
    * @since 7
@@ -1288,13 +1259,13 @@ export declare class CommonMethod<T> {
    * When the parameter is of the boolean type, this parameter specifies whether to crop based on the edge contour.
    * @since 7
    */
-  clip(value: boolean | Circle | Ellipse | Path | Rect): T;
+  clip(value: boolean | CircleInterface | EllipseInterface | PathInterface | RectInterface): T;
 
   /**
    * Applies a mask of the specified shape to the current assembly.
    * @since 7
    */
-  mask(value: Circle | Ellipse | Path | Rect): T;
+  mask(value: CircleInterface | EllipseInterface | PathInterface | RectInterface): T;
 
   /**
    * Key. User can set an key to the component to identify it.
@@ -1337,13 +1308,13 @@ export declare class CommonMethod<T> {
  * Defines the CustomBuilder Type.
  * @since 7
  */
-export declare type CustomBuilder = () => any;
+declare type CustomBuilder = () => any;
 
 /**
  * CommonShapeMethod
  * @since 7
  */
-export declare class CommonShapeMethod<T> extends CommonMethod<T> {
+declare class CommonShapeMethod<T> extends CommonMethod<T> {
   /**
    * constructor.
    * @since 7
@@ -1421,7 +1392,7 @@ export declare class CommonShapeMethod<T> extends CommonMethod<T> {
  * Custom Component
  * @since 7
  */
-export declare class CustomComponent<T> {
+declare class CustomComponent {
   /**
    * Customize the pop-up content constructor.
    * @since 7
diff --git a/api/@internal/component/ets/counter.d.ts b/api/@internal/component/ets/counter.d.ts
index ef55ad9520..a847e5f02b 100644
--- a/api/@internal/component/ets/counter.d.ts
+++ b/api/@internal/component/ets/counter.d.ts
@@ -13,37 +13,35 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Counter component, which provides corresponding increment or decrement counting operations.
  * @since 7
  */
-interface Counter extends CounterAttribute<Counter> {
+interface CounterInterface {
   /**
    * Return Counter.
    * @since 7
    */
-  (): Counter;
+  (): CounterAttribute;
 }
 
 /**
  * Defines the Counter attribute functions.
  * @since 7
  */
-declare class CounterAttribute<T> extends CommonMethod<T> {
+declare class CounterAttribute extends CommonMethod<CounterAttribute> {
   /**
    * Listen to the event that the value increases.
    * @since 7
    */
-  onInc(event: () => void): T;
+  onInc(event: () => void): CounterAttribute;
 
   /**
    * Listens to the number decrease event.
    * @since 7
    */
-  onDec(event: () => void): T;
+  onDec(event: () => void): CounterAttribute;
 }
 
-export declare const CounterInterface: Counter;
-export declare class CounterExtend<T> extends CounterAttribute<T> {}
+declare const CounterInstance: CounterAttribute;
+declare const Counter: CounterInterface;
diff --git a/api/@internal/component/ets/custom_dialog_controller.d.ts b/api/@internal/component/ets/custom_dialog_controller.d.ts
index f0fcc03cf6..f208a90578 100644
--- a/api/@internal/component/ets/custom_dialog_controller.d.ts
+++ b/api/@internal/component/ets/custom_dialog_controller.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { DialogAlignment } from "./alert_dialog";
-import { Offset } from "./units";
 
 /**
  * Defines the option of CustomDialogController.
  * @since 7
  */
-export declare interface CustomDialogControllerOption {
+declare interface CustomDialogControllerOption {
   /**
    * Custom builder function.
    * @since 7
@@ -68,7 +66,7 @@ export declare interface CustomDialogControllerOption {
  * Use the CustomDialogController class to display the custom pop-up window.
  * @since 7
  */
-export declare class CustomDialogController {
+declare class CustomDialogController {
   /**
    * The constructor transfers parameter settings.
    * @since 7
diff --git a/api/@internal/component/ets/data_panel.d.ts b/api/@internal/component/ets/data_panel.d.ts
index bcecffdbaa..82d6f4c68b 100644
--- a/api/@internal/component/ets/data_panel.d.ts
+++ b/api/@internal/component/ets/data_panel.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * DataPanelType enum
  * @since 8
  */
-export declare enum DataPanelType {
+declare enum DataPanelType {
   /**
    * Line Type
    * @since 8
@@ -37,7 +36,7 @@ export declare enum DataPanelType {
  * Defines the option of DataPanel.
  * @since 7
  */
-export declare interface DataPanelOption {
+declare interface DataPanelOption {
   /**
    * Current data value. the max length is 9.
    * @since 7
@@ -61,25 +60,25 @@ export declare interface DataPanelOption {
  * Defines the DataPanel component.
  * @since 7
  */
-interface DataPanel extends DataPanelAttribute<DataPanel> {
+interface DataPanelInterface {
   /**
    * Return a DataPanel.
    * @since 7
    */
-  (options: DataPanelOption): DataPanel;
+  (options: DataPanelOption): DataPanelAttribute;
 }
 
 /**
  * Defines the DataPanel attribute functions.
  * @since 7
  */
-declare class DataPanelAttribute<T> extends CommonMethod<T> {
+declare class DataPanelAttribute extends CommonMethod<DataPanelAttribute> {
   /**
    * Disable the special effect of the data ratio chart.
    * @since 7
    */
-  closeEffect(value: boolean): T;
+  closeEffect(value: boolean): DataPanelAttribute;
 }
 
-export declare class DataPanelExtend<T> extends DataPanelAttribute<T> {}
-export declare const DataPanelInterface: DataPanel;
+declare const DataPanel: DataPanelInterface
+declare const DataPanelInstance: DataPanelAttribute;
diff --git a/api/@internal/component/ets/date_picker.d.ts b/api/@internal/component/ets/date_picker.d.ts
index ed2f1aa57a..7cec6ba837 100644
--- a/api/@internal/component/ets/date_picker.d.ts
+++ b/api/@internal/component/ets/date_picker.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines the type of DatePicker.
  * @since 8
  */
-export declare enum DatePickerType {
+declare enum DatePickerType {
   /**
    * Application hour and second
    * @since 8
@@ -37,7 +35,7 @@ export declare enum DatePickerType {
  * Defines the struct of DatePickerResult.
  * @since 8
  */
-export declare interface DatePickerResult {
+declare interface DatePickerResult {
   /**
    * Application year
    * @since 8
@@ -79,7 +77,7 @@ export declare interface DatePickerResult {
  * Defines the option of DatePicker.
  * @since 8
  */
-export declare interface DatePickerOption {
+declare interface DatePickerOption {
   /**
    * Specifies the start date of the date selector.
    */
@@ -104,43 +102,43 @@ export declare interface DatePickerOption {
  * Defines the DatePicker Component.
  * @since 8
  */
-interface DatePicker extends DatePickerAttribute<DatePicker> {
+interface DatePickerInterface {
   /**
    * Defines the DatePicker constructor.
    * @since 8
    */
-  (options?: DatePickerOption): DatePicker;
+  (options?: DatePickerOption): DatePickerAttribute;
 }
 
 /**
  * Defines the DatePicker attribute functions.
  * @since 8
  */
-declare class DatePickerAttribute<T> extends CommonMethod<T> {
+declare class DatePickerAttribute extends CommonMethod<DatePickerAttribute> {
   /**
    * Date selector: true: displays the lunar calendar. false: The lunar calendar is not displayed.
    * @since 8
    */
-  lunar(value: boolean): T;
+  lunar(value: boolean): DatePickerAttribute;
 
   /**
    * Time Selector: indicates whether to display the 24-hour clock.
    * @since 8
    */
-  useMilitaryTime(value: boolean): T;
+  useMilitaryTime(value: boolean): DatePickerAttribute;
 
   /**
    * This event is triggered when a DatePicker date or time is selected.
    * @since 8
    */
-  onChange(callback: (value: DatePickerResult) => void): T;
+  onChange(callback: (value: DatePickerResult) => void): DatePickerAttribute;
 }
 
 /**
  * Defines the DatePickerDialogOption for Data Picker Dialog.
  * @since 8
  */
-export declare interface DatePickerDialogOption extends DatePickerOption {
+declare interface DatePickerDialogOption extends DatePickerOption {
   /**
    * Date selector: true: displays the lunar calendar. false: The lunar calendar is not displayed.
    * @since 8
@@ -158,7 +156,7 @@ export declare interface DatePickerDialogOption extends DatePickerOption {
  * Defines the event callback status in the pop-up window state.
  * @since 8
  */
-export declare enum DialogStatus {
+declare enum DialogStatus {
   /**
    * Triggered when a user clicks the OK button.
    * @since 8
@@ -182,7 +180,7 @@ export declare enum DialogStatus {
  * Defines the DatePickerDialogResult for DatePickerDialog.
  * @since 8
  */
-export declare interface DatePickerDialogResult extends DatePickerResult {
+declare interface DatePickerDialogResult extends DatePickerResult {
   /**
    * Operation status of the current user.
    * @since 8
@@ -194,7 +192,7 @@ export declare interface DatePickerDialogResult extends DatePickerResult {
  * Defines DatePickerDialog which uses show method to show DatePicker dialog.
  * @since 8
  */
-export declare class DatePickerDialog {
+declare class DatePickerDialog {
   /**
    * Invoking method display.
    * @since 8
@@ -202,5 +200,5 @@ export declare class DatePickerDialog {
   static show(options?: DatePickerDialogOption, callback?: (value: DatePickerDialogResult) => void);
 }
 
-export declare class DatePickerExtend<T> extends DatePickerAttribute<T> {}
-export declare const DatePickerInterface: DatePicker;
+declare const DatePicker: DatePickerInterface;
+declare const DatePickerInstance: DatePickerAttribute;
diff --git a/api/@internal/component/ets/divider.d.ts b/api/@internal/component/ets/divider.d.ts
index f98c628e6c..4ee88aa42e 100644
--- a/api/@internal/component/ets/divider.d.ts
+++ b/api/@internal/component/ets/divider.d.ts
@@ -13,52 +13,49 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { LineCapStyle } from "./enums";
-import { ResourceColor } from "./units";
 
 /**
  * Provides a divider component to separate different content blocks/content elements.
  * @since 7
  */
-interface Divider extends DividerAttribute<Divider> {
+interface DividerInterface {
   /**
    * Return Divider.
    * @since 7
    */
-  (): Divider;
+  (): DividerAttribute;
 }
 
 /**
  * Defines the Divider attribute functions.
  * @since 7
  */
-declare class DividerAttribute<T> extends CommonMethod<T> {
+declare class DividerAttribute extends CommonMethod<DividerAttribute> {
   /**
    * Indicates whether to use a horizontal splitter or a vertical splitter.
    * The options are as follows: false: horizontal splitter; true: vertical splitter.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): DividerAttribute;
 
   /**
    * Sets the color of the divider line.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): DividerAttribute;
 
   /**
    * Sets the width of the dividing line.
    * @since 7
    */
-  strokeWidth(value: number | string): T;
+  strokeWidth(value: number | string): DividerAttribute;
 
   /**
    * Sets the end style of the split line. The default value is Butt.
    * @since 7
    */
-  lineCap(value: LineCapStyle): T;
+  lineCap(value: LineCapStyle): DividerAttribute;
 }
 
-export declare class DividerExtend<T> extends DividerAttribute<T> {}
-export declare const DividerInterface: Divider;
+declare const Divider: DividerInterface
+declare const DividerInstance: DividerAttribute;
diff --git a/api/@internal/component/ets/ellipse.d.ts b/api/@internal/component/ets/ellipse.d.ts
index a857dce25c..2ba7cdbbba 100644
--- a/api/@internal/component/ets/ellipse.d.ts
+++ b/api/@internal/component/ets/ellipse.d.ts
@@ -13,30 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
 
 /**
  * Ellipse drawing.
  * @since 7
  */
-interface Ellipse extends EllipseAttribute<Ellipse> {
+interface EllipseInterface {
   /**
    * use new function to set the value.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Ellipse;
+  new (value?: { width?: string | number; height?: string | number }): EllipseAttribute;
 
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Ellipse;
+  (value?: { width?: string | number; height?: string | number }): EllipseAttribute;
 }
 
 /**
  * @since 7
  */
-declare class EllipseAttribute<T> extends CommonShapeMethod<T> {}
+declare class EllipseAttribute extends CommonShapeMethod<EllipseAttribute> {}
 
-export declare class EllipseExtend<T> extends EllipseAttribute<T> {}
-export declare const EllipseInterface: Ellipse;
+declare const Ellipse: EllipseInterface;
+declare const EllipseInstance: EllipseAttribute;
diff --git a/api/@internal/component/ets/enums.d.ts b/api/@internal/component/ets/enums.d.ts
index 0387bfb73a..0bf4097d31 100644
--- a/api/@internal/component/ets/enums.d.ts
+++ b/api/@internal/component/ets/enums.d.ts
@@ -17,7 +17,7 @@
  * common enum of color
  * @since 7
  */
-export declare enum Color {
+declare enum Color {
   /**
    * White.
    * @since 7
@@ -89,7 +89,7 @@ export declare enum Color {
  * Image display mode
  * @since 7
  */
-export declare enum ImageFit {
+declare enum ImageFit {
   /**
    * Keep the aspect ratio to zoom out or zoom in so that the image is completely displayed within the display boundary.
    * @since 7
@@ -131,7 +131,7 @@ export declare enum ImageFit {
  * Border Style
  * @since 7
  */
-export declare enum BorderStyle {
+declare enum BorderStyle {
   /**
    * Displays as a series of dots with a radius of half the borderWidth.
    * @since 7
@@ -155,7 +155,7 @@ export declare enum BorderStyle {
  * Line Join Style
  * @since 7
  */
-export declare enum LineJoinStyle {
+declare enum LineJoinStyle {
   /**
    * Connect path segments using bevels.
    * @since 7
@@ -179,7 +179,7 @@ export declare enum LineJoinStyle {
  * Function Called by Touch
  * @since 7
  */
-export declare enum TouchType {
+declare enum TouchType {
   /**
    * Triggered when the finger is pressed.
    * @since 7
@@ -209,7 +209,7 @@ export declare enum TouchType {
  * Function Called by Mouse
  * @since 8
  */
-export declare enum MouseButton {
+declare enum MouseButton {
   /**
    * Mouse Left Button.
    * @since 8
@@ -251,7 +251,7 @@ export declare enum MouseButton {
  * Function Called by Mouse
  * @since 8
  */
-export declare enum MouseAction {
+declare enum MouseAction {
   /**
    * Triggered when the mouse is pressed.
    * @since 8
@@ -287,7 +287,7 @@ export declare enum MouseAction {
  * Animation status.
  * @since 7
  */
-export declare enum AnimationStatus {
+declare enum AnimationStatus {
   /**
    * Initial state of the animation.
    * @since 7
@@ -317,7 +317,7 @@ export declare enum AnimationStatus {
  * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
  * @since 7
  */
-export declare enum Curve {
+declare enum Curve {
   /**
    * Indicates that the speed of the animation is the same from start to finish.
    * @since 7
@@ -401,7 +401,7 @@ export declare enum Curve {
  * Sets the state before and after the animation starts.
  * @since 7
  */
-export declare enum FillMode {
+declare enum FillMode {
   /**
    * Restores to the initial state after the playback is complete.
    * @since 7
@@ -431,7 +431,7 @@ export declare enum FillMode {
  * Play Mode
  * @since 7
  */
-export declare enum PlayMode {
+declare enum PlayMode {
   /**
    * The animation plays normally.
    * @since 7
@@ -461,7 +461,7 @@ export declare enum PlayMode {
  * This style allows you to set the window blurring degree and blurring style of the current component layout range,
  * @since 7
  */
-export declare enum BlurStyle {
+declare enum BlurStyle {
   /**
    * Small range glow effect.
    * @since 7
@@ -515,7 +515,7 @@ export declare enum BlurStyle {
  * Type of a key.
  * @since 7
  */
-export declare enum KeyType {
+declare enum KeyType {
   /**
    * Press the key.
    * @since 7
@@ -533,7 +533,7 @@ export declare enum KeyType {
  * Type of the input device that triggers the current key.
  * @since 7
  */
-export declare enum KeySource {
+declare enum KeySource {
   /**
    * The input device type is unknown.
    * @since 7
@@ -551,7 +551,7 @@ export declare enum KeySource {
  * Edge.
  * @since 7
  */
-export declare enum Edge {
+declare enum Edge {
   /**
    * The top is centered horizontally.
    * @since 7
@@ -599,7 +599,7 @@ export declare enum Edge {
  * Set Weekend
  * @since 7
  */
-export declare enum Week {
+declare enum Week {
   /**
    * Monday.
    * @since 7
@@ -647,7 +647,7 @@ export declare enum Week {
  * Sets the horizontal layout of elements.
  * @since 7
  */
-export declare enum Direction {
+declare enum Direction {
   /**
    * Elements are laid out from left to right.
    * @since 7
@@ -671,7 +671,7 @@ export declare enum Direction {
  * Sets the horizontal layout of elements.
  * @since 8
  */
-export declare enum FocusDirection {
+declare enum FocusDirection {
   /**
    * From the key up.
    * @since 8
@@ -707,7 +707,7 @@ export declare enum FocusDirection {
  * Used to set the status of the scroll bar.
  * @since 7
  */
-export declare enum BarState {
+declare enum BarState {
   /**
    * Not displayed.
    * @since 7
@@ -731,7 +731,7 @@ export declare enum BarState {
  * Sliding effect
  * @since 7
  */
-export declare enum EdgeEffect {
+declare enum EdgeEffect {
   /**
    * Elastic physical action, sliding to the edge can continue to slide for a distance based on the initial speed or touch event, and spring back when released.
    * @since 7
@@ -755,7 +755,7 @@ export declare enum EdgeEffect {
  * Alignment enumeration description.
  * @since 7
  */
-export declare enum Alignment {
+declare enum Alignment {
   /**
    * Top Start.
    * @since 7
@@ -815,7 +815,7 @@ export declare enum Alignment {
  * TransitionType enumeration description.
  * @since 7
  */
-export declare enum TransitionType {
+declare enum TransitionType {
   /**
    * Specifies that the current transition action takes effect in all change scenarios of the component.
    * @since 7
@@ -839,7 +839,7 @@ export declare enum TransitionType {
  * RelateType enumeration description
  * @since 7
  */
-export declare enum RelateType {
+declare enum RelateType {
   /**
    * Scales the current component to fill the parent component.
    * @since 7
@@ -857,7 +857,7 @@ export declare enum RelateType {
  * Controls the display or hide of the current component
  * @since 7
  */
-export declare enum Visibility {
+declare enum Visibility {
   /**
    * Show
    * @since 7
@@ -881,7 +881,7 @@ export declare enum Visibility {
  * LineCapStyle enumeration description
  * @since 7
  */
-export declare enum LineCapStyle {
+declare enum LineCapStyle {
   /**
    * The two ends of the dividing line are parallel lines.
    * @since 7
@@ -905,7 +905,7 @@ export declare enum LineCapStyle {
  * Axis enumeration description.
  * @since 7
  */
-export declare enum Axis {
+declare enum Axis {
   /**
    * Longitudinal arrangement
    * @since 7
@@ -923,7 +923,7 @@ export declare enum Axis {
  * HorizontalAlign enumeration description.
  * @since 7
  */
-export declare enum HorizontalAlign {
+declare enum HorizontalAlign {
   /**
    * Aligns the start end in the language direction.
    * @since 7
@@ -947,7 +947,7 @@ export declare enum HorizontalAlign {
  * FlexAlign enumeration description.
  * @since 7
  */
-export declare enum FlexAlign {
+declare enum FlexAlign {
   /**
    * The element is aligned at the head of the principal axis,
    * the first element is aligned with the head of the row, and subsequent elements are aligned with the previous one.
@@ -998,7 +998,7 @@ export declare enum FlexAlign {
  * ItemAlign enumeration description
  * @since 7
  */
-export declare enum ItemAlign {
+declare enum ItemAlign {
   /**
    * Use the default configuration in the Flex container.
    * @since 7
@@ -1040,7 +1040,7 @@ export declare enum ItemAlign {
  * FlexDirection enumeration description
  * @since 7
  */
-export declare enum FlexDirection {
+declare enum FlexDirection {
   /**
    * The main axis is consistent with the row direction as the layout mode.
    * @since 7
@@ -1070,7 +1070,7 @@ export declare enum FlexDirection {
  * FlexWrap enumeration description
  * @since 7
  */
-export declare enum FlexWrap {
+declare enum FlexWrap {
   /**
    * The Flex container has a single row/column layout of elements, and children are allowed to go beyond the container.
    * @since 7
@@ -1094,7 +1094,7 @@ export declare enum FlexWrap {
  * VerticalAlign enumeration description
  * @since 7
  */
-export declare enum VerticalAlign {
+declare enum VerticalAlign {
   /**
    * Top alignment.
    * @since 7
@@ -1118,7 +1118,7 @@ export declare enum VerticalAlign {
  * ImageRepeat enumeration description
  * @since 7
  */
-export declare enum ImageRepeat {
+declare enum ImageRepeat {
   /**
    * Do not draw the picture again.
    * @since 7
@@ -1148,7 +1148,7 @@ export declare enum ImageRepeat {
  * ImageSize enumeration description
  * @since 7
  */
-export declare enum ImageSize {
+declare enum ImageSize {
   /**
    * Keep the scale of the original image unchanged.
    * @since 7
@@ -1172,7 +1172,7 @@ export declare enum ImageSize {
  * GradientDirection enumeration description
  * @since 7
  */
-export declare enum GradientDirection {
+declare enum GradientDirection {
   /**
    * Right to left.
    * @since 7
@@ -1232,7 +1232,7 @@ export declare enum GradientDirection {
  * SharedTransitionEffectType enumeration description
  * @since 7
  */
-export declare enum SharedTransitionEffectType {
+declare enum SharedTransitionEffectType {
   /**
    * The location of the destination page element remains unchanged, and you can configure the transparency animation. Currently,
    * only the static effect configured for redirecting to the target page takes effect.
@@ -1251,7 +1251,7 @@ export declare enum SharedTransitionEffectType {
  * Text style
  * @since 7
  */
-export declare enum FontStyle {
+declare enum FontStyle {
   /**
    * Default style.
    * @since 7
@@ -1269,7 +1269,7 @@ export declare enum FontStyle {
  * The font weight of the text
  * @since 7
  */
-export declare enum FontWeight {
+declare enum FontWeight {
   /**
    * Defines a lighter value than [Inherited Value]..
    * @since 7
@@ -1311,7 +1311,7 @@ export declare enum FontWeight {
  * Alignment of text.
  * @since 7
  */
-export declare enum TextAlign {
+declare enum TextAlign {
   /**
    * Center the text.
    * @since 7
@@ -1335,7 +1335,7 @@ export declare enum TextAlign {
  * Declare how text overflows.
  * @since 7
  */
-export declare enum TextOverflow {
+declare enum TextOverflow {
   /**
    * When the text is too long, it will be cropped and displayed.
    * @since 7
@@ -1360,7 +1360,7 @@ export declare enum TextOverflow {
  * Type of text modifier.
  * @since 7
  */
-export declare enum TextDecorationType {
+declare enum TextDecorationType {
   /**
    * Do not use text decorative lines.
    * @since 7
@@ -1390,7 +1390,7 @@ export declare enum TextDecorationType {
  * Letter type in text
  * @since 7
  */
-export declare enum TextCase {
+declare enum TextCase {
   /**
    * The default is normal.
    * @since 7
@@ -1414,7 +1414,7 @@ export declare enum TextCase {
  * HoverEffect enumeration description
  * @since 8
  */
-export declare enum HoverEffect {
+declare enum HoverEffect {
   /**
    * Default effect
    * @since 8
@@ -1444,7 +1444,7 @@ export declare enum HoverEffect {
  * Placement enumeration description
  * @since 8
  */
-export declare enum Placement {
+declare enum Placement {
   /**
    * Left placement
    * @since 8
diff --git a/api/@internal/component/ets/flex.d.ts b/api/@internal/component/ets/flex.d.ts
index 2ec898013f..0e6bb92157 100644
--- a/api/@internal/component/ets/flex.d.ts
+++ b/api/@internal/component/ets/flex.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FlexAlign, FlexDirection, FlexWrap, ItemAlign } from "./enums";
-
 /**
  * Defines the option of Flex.
  * @since 7
  */
-export declare interface FlexOption {
+declare interface FlexOption {
   /**
    * Sets the horizontal layout of elements.
    * @since 7
@@ -56,19 +53,19 @@ export declare interface FlexOption {
  * Provides a monthly view component to display information such as date, shift break, and schedule.
  * @since 7
  */
-interface Flex extends FlexAttribute<Flex> {
+interface FlexInterface {
   /**
    * Defines the constructor of Flex.
    * @since 7
    */
-  (value?: FlexOption): Flex;
+  (value?: FlexOption): FlexAttribute;
 }
 
 /**
  * Defines the Flex attribute functions.
  * @since 7
  */
-declare class FlexAttribute<T> extends CommonMethod<T> {}
+declare class FlexAttribute extends CommonMethod<FlexAttribute> {}
 
-export declare class FlexExtend<T> extends FlexAttribute<T> {}
-export declare const FlexInterface: Flex;
+declare const Flex: FlexInterface;
+declare const FlexInstance: FlexAttribute;
diff --git a/api/@internal/component/ets/forEach.d.ts b/api/@internal/component/ets/forEach.d.ts
index 8af39463ae..d1e8c71767 100644
--- a/api/@internal/component/ets/forEach.d.ts
+++ b/api/@internal/component/ets/forEach.d.ts
@@ -17,7 +17,7 @@
  * looping
  * @since 7
  */
-interface ForEach {
+interface ForEachInterface {
   /**
    * Set the value, array, and key.
    * @since 7
@@ -26,11 +26,11 @@ interface ForEach {
     arr: Array<any>,
     itemGenerator: (item: any, index?: number) => void,
     keyGenerator?: (item: any, index?: number) => string,
-  ): ForEach;
+  ): ForEachInterface;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 7
  */
-export declare const ForEachInterface: ForEach;
+declare const ForEach: ForEachInterface;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
index f8dd684198..2dd93976e3 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -13,15 +13,13 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Visibility } from "./enums";
 
 /**
  * Defines the FormDimension enum.
  * @since 7
  * @systemapi
  */
-export declare enum FormDimension {
+declare enum FormDimension {
   /**
    * 1 x 2 cards
    * @since 7
@@ -134,5 +132,5 @@ declare class FormComponentAttribute<T> extends CommonMethod<T> {
   onRouter(callback: (info: any) => void): T;
 }
 
-export declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
-export declare const FormComponentInterface: FormComponent;
+declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
+declare const FormComponentInterface: FormComponent;
diff --git a/api/@internal/component/ets/gauge.d.ts b/api/@internal/component/ets/gauge.d.ts
index 90c0b3a48f..6002fadf1e 100644
--- a/api/@internal/component/ets/gauge.d.ts
+++ b/api/@internal/component/ets/gauge.d.ts
@@ -13,57 +13,54 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Color } from "./enums";
-
 /**
  * Defines the Gauge component.
  * @since 8
  */
-interface Gauge extends GaugeAttribute<Gauge> {
+interface GaugeInterface {
   /**
    * value:Current data value.
    * min: Current Segment Minimum Value
    * max: Current Segment Maximum Value
    * @since 8
    */
-  (options: { value: number; min?: number; max?: number }): Gauge;
+  (options: { value: number; min?: number; max?: number }): GaugeAttribute;
 }
 
 /**
  * @since 8
  */
-declare class GaugeAttribute<T> extends CommonMethod<T> {
+declare class GaugeAttribute extends CommonMethod<GaugeAttribute> {
   /**
    * Sets the value for the current profile.
    * @since 8
    */
-  value(value: number): T;
+  value(value: number): GaugeAttribute;
 
   /**
    * Set the start angle. Clock 0 is 0 degrees and clockwise is positive.
    * @since 8
    */
-  startAngle(angle: number): T;
+  startAngle(angle: number): GaugeAttribute;
 
   /**
    * Sets the end angle position. Clock 0 is 0 degrees and clockwise is positive.
    * @since 8
    */
-  endAngle(angle: number): T;
+  endAngle(angle: number): GaugeAttribute;
 
   /**
    * Set the color of the chart. You can set the solid color and segmented gradient color.
    * @since 8
    */
-  colors(colors: Array<any>): T;
+  colors(colors: Array<any>): GaugeAttribute;
 
   /**
    * Sets the thickness of the ring chart.
    * @since 8
    */
-  strokeWidth(length: number): T;
+  strokeWidth(length: number): GaugeAttribute;
 }
 
-export declare class GaugeExtend<T> extends GaugeAttribute<T> {}
-export declare const GaugeInterface: Gauge;
+declare const Gauge: GaugeInterface
+declare const GaugeInstance: GaugeAttribute;
diff --git a/api/@internal/component/ets/gesture.d.ts b/api/@internal/component/ets/gesture.d.ts
index c5591e0fe3..a60d9db85e 100644
--- a/api/@internal/component/ets/gesture.d.ts
+++ b/api/@internal/component/ets/gesture.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { BaseEvent } from "./common";
-
 /**
  * Creating an Object
  * @since 7
  */
-export declare enum GestureDirection {
+declare enum GestureDirection {
   /**
    * Sliding in all directions.
    * @since 7
@@ -43,7 +41,7 @@ export declare enum GestureDirection {
  * Creating an Object
  * @since 7
  */
-export declare enum PanDirection {
+declare enum PanDirection {
   /**
    * Default.
    * @since 7
@@ -97,7 +95,7 @@ export declare enum PanDirection {
  * Creating an Object
  * @since 8
  */
-export declare enum SwipeDirection {
+declare enum SwipeDirection {
   /**
    * Default.
    * @since 8
@@ -127,7 +125,7 @@ export declare enum SwipeDirection {
  * Creating an Object
  * @since 7
  */
-export declare enum GestureMode {
+declare enum GestureMode {
   /**
    * Sequential gesture recognition is performed in sequence according to the gesture registration sequence.
    * @since 7
@@ -151,7 +149,7 @@ export declare enum GestureMode {
  * Creating an Object
  * @since 7
  */
-export declare enum GestureMask {
+declare enum GestureMask {
   /**
    * High-priority response to the current gesture.When the current gesture fails to be recognized, other gesture responses are triggered.For gestures with the same priority, responses are performed based on the recognition sequence.
    * @since 7
@@ -169,7 +167,7 @@ export declare enum GestureMask {
  * Type of the finger information.
  * @since 8
  */
-export interface FingerInfo {
+interface FingerInfo {
   /**
    * Finger unique identifier.
    * @since 8
@@ -205,23 +203,32 @@ export interface FingerInfo {
  * Defines the Gesture Type.
  * @since 7
  */
-export declare type GestureType =
-  TapGesture | LongPressGesture | PanGesture | PinchGesture
-  | SwipeGesture | RotationGesture | GestureGroup;
+declare type GestureType =
+  | TapGestureInterface 
+  | LongPressGestureInterface 
+  | PanGestureInterface 
+  | PinchGestureInterface
+  | SwipeGestureInterface 
+  | RotationGestureInterface 
+  | GestureGroupInterface;
 
 /**
  * Defines the GestureEvent type.
  * @since 7
  */
-export declare type GestureEvent =
- TapGestureEvent | LongPressGestureEvent | PanGestureEvent
- | SwipeGestureEvent | PinchGestureEvent | RotationGestureEvent;
+declare type GestureEvent =
+ | TapGestureEvent 
+ | LongPressGestureEvent 
+ | PanGestureEvent
+ | SwipeGestureEvent 
+ | PinchGestureEvent 
+ | RotationGestureEvent;
 
 /**
  * tap gesture event used in the longpress scenario.
  * @since 8
  */
-export interface TapGestureEvent extends BaseGestureEvent {
+interface TapGestureEvent extends BaseGestureEvent {
   /**
    * All finger information.
    * @since 8
@@ -233,7 +240,7 @@ export interface TapGestureEvent extends BaseGestureEvent {
  * long press gesture event used in the longpress scenario.
  * @since 7
  */
-export interface LongPressGestureEvent extends BaseGestureEvent {
+interface LongPressGestureEvent extends BaseGestureEvent {
   /**
    * Indicates whether an event is triggered repeatedly.
    * @since 7
@@ -250,7 +257,7 @@ export interface LongPressGestureEvent extends BaseGestureEvent {
 /**
  * pan gesture event used in the pan gesture triggering scenario.
  */
-export interface PanGestureEvent extends BaseGestureEvent {
+interface PanGestureEvent extends BaseGestureEvent {
   /**
    * Gesture event offset X.
    * @since 7
@@ -267,7 +274,7 @@ export interface PanGestureEvent extends BaseGestureEvent {
 /**
  * slide gesture event used in the slide gesture triggering scenario.
  */
-export interface SwipeGestureEvent extends BaseGestureEvent {
+interface SwipeGestureEvent extends BaseGestureEvent {
   /**
    * Gesture event direction angle.
    * @since 8
@@ -284,7 +291,7 @@ export interface SwipeGestureEvent extends BaseGestureEvent {
  * pinch gesture event used for triggering the pinch gesture.
  * @since 7
  */
-export interface PinchGestureEvent extends BaseGestureEvent {
+interface PinchGestureEvent extends BaseGestureEvent {
   /**
    * Scaling ratio.
    * @since 7
@@ -308,7 +315,7 @@ export interface PinchGestureEvent extends BaseGestureEvent {
  * rotation gesture event used for triggering the pinch gesture.
  * @since 7
  */
-export interface RotationGestureEvent extends BaseGestureEvent {
+interface RotationGestureEvent extends BaseGestureEvent {
   /**
    * Rotation angle.
    * @since 7
@@ -320,33 +327,33 @@ export interface RotationGestureEvent extends BaseGestureEvent {
  * base event for gesture.
  * @since 7
  */
-export interface BaseGestureEvent extends BaseEvent {}
+interface BaseGestureEvent extends BaseEvent {}
 
 /**
  * Creating an interface
  * @since 7
  */
-interface TapGesture {
+interface TapGestureInterface {
   /**
    * Set the value.
    * count:Number of consecutive clicks recognized. If the value is less than 1, the default value is used.
    * fingers:The hand index that triggers the click. If the value is less than 1, the default value is used.
    * @since 7
    */
-  (value?: { count?: number; fingers?: number }): TapGesture;
+  (value?: { count?: number; fingers?: number }): TapGestureInterface;
 
   /**
    * Tap gesture recognition success callback.
    * @since 7
    */
-  onAction(event: (event?: GestureEvent) => void): TapGesture;
+  onAction(event: (event?: GestureEvent) => void): TapGestureInterface;
 }
 
 /**
  * Creating an interface
  * @since 7
  */
-interface LongPressGesture {
+interface LongPressGestureInterface {
   /**
    * Set the value.
    * fingers: Indicates the hand index that triggers the long press.
@@ -354,31 +361,31 @@ interface LongPressGesture {
    * duration: Minimum press and hold time, in milliseconds.
    * @since 7
    */
-  (value?: { fingers?: number; repeat?: boolean; duration?: number }): LongPressGesture;
+  (value?: { fingers?: number; repeat?: boolean; duration?: number }): LongPressGestureInterface;
 
   /**
    * LongPress gesture recognition success callback.
    * @since 7
    */
-  onAction(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
+  onAction(event: (event?: LongPressGestureEvent) => void): LongPressGestureInterface;
 
   /**
    * The LongPress gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
+  onActionEnd(event: (event?: LongPressGestureEvent) => void): LongPressGestureInterface;
 
   /**
    * The LongPress gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): LongPressGesture;
+  onActionCancel(event: () => void): LongPressGestureInterface;
 }
 
 /**
  * @since 7
  */
-export declare class PanGestureOption {
+declare class PanGestureOption {
   /**
    * Constructor parameters.
    * @since 7
@@ -407,146 +414,146 @@ export declare class PanGestureOption {
 /**
  * @since 7
  */
-interface PanGesture {
+interface PanGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOption): PanGesture;
+  (value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOption): PanGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionStart(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionUpdate(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionEnd(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): PanGesture;
+  onActionCancel(event: () => void): PanGestureInterface;
 }
 
 /**
  * @since 8
  */
-interface SwipeGesture {
+interface SwipeGestureInterface {
   /**
    * Set the value.
    * @since 8
    */
-  (value?: { fingers?: number; direction?: SwipeDirection; speed?: number }): SwipeGesture;
+  (value?: { fingers?: number; direction?: SwipeDirection; speed?: number }): SwipeGestureInterface;
 
   /**
    * Slide gesture recognition success callback.
    * @since 8
    */
-  onAction(event: (event?: SwipeGestureEvent) => void): SwipeGesture;
+  onAction(event: (event?: SwipeGestureEvent) => void): SwipeGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface PinchGesture {
+interface PinchGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; distance?: number }): PinchGesture;
+  (value?: { fingers?: number; distance?: number }): PinchGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionStart(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionUpdate(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionEnd(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): PinchGesture;
+  onActionCancel(event: () => void): PinchGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface RotationGesture {
+interface RotationGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; angle?: number }): RotationGesture;
+  (value?: { fingers?: number; angle?: number }): RotationGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionStart(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionUpdate(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionEnd(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): RotationGesture;
+  onActionCancel(event: () => void): RotationGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface GestureGroup {
+interface GestureGroupInterface {
   /**
    * Return to Obtain GestureGroup.
    * @since 7
    */
-  (mode: GestureMode, ...gesture: GestureType[]): GestureGroup;
+  (mode: GestureMode, ...gesture: GestureType[]): GestureGroupInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onCancel(event: () => void): GestureGroup;
+  onCancel(event: () => void): GestureGroupInterface;
 }
 
-export declare const TapGestureInterface: TapGesture;
-export declare const LongPressGestureInterface: LongPressGesture;
-export declare const PanGestureInterface: PanGesture;
-export declare const SwipeGestureInterface: SwipeGesture;
-export declare const PinchGestureInterface: PinchGesture;
-export declare const RotationGestureInterface: RotationGesture;
-export declare const GestureGroupInterface: GestureGroup;
+declare const TapGesture: TapGestureInterface;
+declare const LongPressGesture: LongPressGestureInterface;
+declare const PanGesture: PanGestureInterface;
+declare const SwipeGesture: SwipeGestureInterface;
+declare const PinchGesture: PinchGestureInterface;
+declare const RotationGesture: RotationGestureInterface;
+declare const GestureGroup: GestureGroupInterface;
diff --git a/api/@internal/component/ets/grid.d.ts b/api/@internal/component/ets/grid.d.ts
index 0528025ccf..c214e94334 100644
--- a/api/@internal/component/ets/grid.d.ts
+++ b/api/@internal/component/ets/grid.d.ts
@@ -13,27 +13,23 @@
  * limitations under the License.
  */
 
-import { CommonMethod, ItemDragInfo } from "./common";
-import { BarState, Color } from "./enums";
-import { Scroller } from "./scroll";
-import { Length } from "./units";
 
 /**
  * @since 7
  */
-interface Grid extends GridAttribute<Grid> {
+interface GridInterface {
   /**
    * Grid is returned when the parameter is transferred.
    * @since 7
    */
-  (scroller?: Scroller): Grid;
+  (scroller?: Scroller): GridAttribute;
 }
 
 /**
  * The enum of property layoutDirection
  * @since 8
  */
-export declare enum GridDirection {
+declare enum GridDirection {
   Row,
   Column,
   RowReverse,
@@ -43,121 +39,121 @@ export declare enum GridDirection {
 /**
  * @since 7
  */
-declare class GridAttribute<T> extends CommonMethod<T> {
+declare class GridAttribute extends CommonMethod<GridAttribute> {
   /**
    * This parameter specifies the number of columns in the current grid layout.
    * @since 7
    */
-  columnsTemplate(value: string): T;
+  columnsTemplate(value: string): GridAttribute;
 
   /**
    * Lets you set the number of rows in the current grid layout,
    * @since 7
    */
-  rowsTemplate(value: string): T;
+  rowsTemplate(value: string): GridAttribute;
 
   /**
    * Allows you to set the spacing between columns.
    * @since 7
    */
-  columnsGap(value: Length): T;
+  columnsGap(value: Length): GridAttribute;
 
   /**
    * Lets you set the spacing between rows.
    * @since 7
    */
-  rowsGap(value: Length): T;
+  rowsGap(value: Length): GridAttribute;
 
   /**
    * This parameter specifies the width of the scroll bar.
    * @since 7
    */
-  scrollBarWidth(value: number | string): T;
+  scrollBarWidth(value: number | string): GridAttribute;
 
   /**
    * Sets the color of the scroll bar.
    * @since 7
    */
-  scrollBarColor(value: Color | number | string): T;
+  scrollBarColor(value: Color | number | string): GridAttribute;
 
   /**
    * Lets you set the spacing between rows.
    * @since 7
    */
-  scrollBar(value: BarState): T;
+  scrollBar(value: BarState): GridAttribute;
 
   /**
    * Sets the status of the scroll bar.
    * @since 7
    */
-  onScrollIndex(event: (first: number) => void): T;
+  onScrollIndex(event: (first: number) => void): GridAttribute;
 
   /**
    * cached Count
    * @since 7
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): GridAttribute;
 
   /**
    * editMode
    * @since 8
    */
-  editMode(value: boolean): T;
+  editMode(value: boolean): GridAttribute;
 
   /**
    * maxCount
    * @since 8
    */
-  maxCount(value: number): T;
+  maxCount(value: number): GridAttribute;
 
    /**
     * minCount
     * @since 8
     */
-  minCount(value: number): T;
+  minCount(value: number): GridAttribute;
 
   /**
    * cellLength
    * @since 8
    */
-  cellLength(value: number): T;
+  cellLength(value: number): GridAttribute;
 
   /**
    * control GridDirection of the grid.
    * @since 8
    */
-  layoutDirection(value: GridDirection): T;
+  layoutDirection(value: GridDirection): GridAttribute;
 
   /**
    * control if the grid supports animation.
    * @since 8
    */
-  supportAnimation(value: boolean): T;
+  supportAnimation(value: boolean): GridAttribute;
 
   /**
    * After a listener is bound, the component can be dragged. After the drag occurs, a callback is triggered.
    * (To be triggered, press and hold for 170 milliseconds (ms))
    * @since 8
    */
-  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => (() => any) | void): T;
+  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => (() => any) | void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged to the range of the component.
    * @since 8
    */
-  onItemDragEnter(event: (event: ItemDragInfo) => void): T;
+  onItemDragEnter(event: (event: ItemDragInfo) => void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the drag moves within the range of a placeable component.
    * @since 8
    */
-  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): T;
+  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged out of the component range.
    * @since 8
    */
-  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): T;
+  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): GridAttribute;
 
   /**
    * The component bound to this event can be used as the drag release target.
@@ -165,8 +161,8 @@ declare class GridAttribute<T> extends CommonMethod<T> {
    * @since 8
    */
   onItemDrop(event:
-    (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): T;
+    (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): GridAttribute;
 }
 
-export declare class GridExtend<T> extends GridAttribute<T> {}
-export declare const GridInterface: Grid;
+declare const Grid: GridInterface;
+declare const GridInstance: GridAttribute;
diff --git a/api/@internal/component/ets/gridItem.d.ts b/api/@internal/component/ets/gridItem.d.ts
index 341fe7d9db..53e7a83444 100644
--- a/api/@internal/component/ets/gridItem.d.ts
+++ b/api/@internal/component/ets/gridItem.d.ts
@@ -13,54 +13,52 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Mesh container for static fixed-size layout scenarios.
  * @since 7
  */
-interface GridItem extends GridItemAttribute<GridItem> {
+interface GridItemInterface {
   /**
    * Return to get GridItem.
    * @since 7
    */
-  (): GridItem;
+  (): GridItemAttribute;
 }
 
 /**
  * @since 7
  */
-declare class GridItemAttribute<T> extends CommonMethod<T> {
+declare class GridItemAttribute extends CommonMethod<GridItemAttribute> {
   /**
    * This parameter specifies the start line number of the current element.
    * @since 7
    */
-  rowStart(value: number): T;
+  rowStart(value: number): GridItemAttribute;
 
   /**
    * Specifies the end line number of the current element.
    * @since 7
    */
-  rowEnd(value: number): T;
+  rowEnd(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies the start column number of the current element.
    * @since 7
    */
-  columnStart(value: number): T;
+  columnStart(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies the end column number of the current element.
    * @since 7
    */
-  columnEnd(value: number): T;
+  columnEnd(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies whether to recreate the node when the component build is triggered.
    * @since 7
    */
-  forceRebuild(value: boolean): T;
+  forceRebuild(value: boolean): GridItemAttribute;
 }
 
-export declare class GridItemExtend<T> extends GridItemAttribute<T> {}
-export declare const GridItemInterface: GridItem;
+declare const GridItem: GridItemInterface
+declare const GridItemInstance: GridItemAttribute;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
index fed3cf23a8..66367c221c 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { ColumnAttribute } from "./column";
-
 /**
  * Defines the size type.
  * @since 7
  */
-export declare enum SizeType {
+declare enum SizeType {
   /**
    * Select a value based on the device type.
    * @since 7
@@ -55,7 +53,7 @@ export declare enum SizeType {
  * Defines the option of GridContainer.
  * @since 7
  */
-export declare interface GridContainerOption {
+declare interface GridContainerOption {
   /**
    * Sets the total number of columns in the current layout.
    * @since 7
@@ -85,19 +83,19 @@ export declare interface GridContainerOption {
  * Defines the GridContainer component.
  * @since 7
  */
-interface GridContainer extends GridContainerAttribute<GridContainer> {
+interface GridContainerInterface {
   /**
    * Defines the constructor of GridContainer.
    * @since 7
    */
-  (value?: GridContainerOption): GridContainer;
+  (value?: GridContainerOption): GridContainerAttribute;
 }
 
 /**
  * Defines the grid container attribute from inheritance Column
  * @since 7
  */
-declare class GridContainerAttribute<T> extends ColumnAttribute<T> {}
+declare class GridContainerAttribute extends ColumnAttribute<GridContainerAttribute> {}
 
-export declare class GridContainerExtend<T> extends GridContainerAttribute<T> {}
-export declare const GridContainerInterface: GridContainer;
+declare const GridContainer: GridContainerInterface
+declare const GridContainerInstance: GridContainerAttribute;
diff --git a/api/@internal/component/ets/hyperlink.d.ts b/api/@internal/component/ets/hyperlink.d.ts
index 91ff267ab4..f5c3dd4da0 100644
--- a/api/@internal/component/ets/hyperlink.d.ts
+++ b/api/@internal/component/ets/hyperlink.d.ts
@@ -13,33 +13,30 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * @since 7
  */
-interface Hyperlink extends HyperlinkAttribute<Hyperlink> {
+interface HyperlinkInterface {
   /**
    * Return to get Hyperlink.
    * address: Web page redirected by the hyperlink component.
    * content: Hyperlinks in the hyperlink component display text.
    * @since 7
    */
-  (address: string | Resource, content?: string | Resource): Hyperlink;
+  (address: string | Resource, content?: string | Resource): HyperlinkAttribute;
 }
 
 /**
  * inheritance CommonMethod
  * @since 7
  */
-declare class HyperlinkAttribute<T> extends CommonMethod<T> {
+declare class HyperlinkAttribute extends CommonMethod<HyperlinkAttribute> {
   /**
    * Set Color
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): HyperlinkAttribute;
 }
 
-export declare class HyperlinkExtend<T> extends HyperlinkAttribute<T> {}
-export declare const HyperlinkInterface: Hyperlink;
+declare const Hyperlink: HyperlinkInterface;
+declare const HyperlinkInstance: HyperlinkAttribute;
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
index 7227bae2c4..df056e228d 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -13,14 +13,10 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { ImageFit, ImageRepeat } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * @since 7
  */
-export declare enum ImageRenderMode {
+declare enum ImageRenderMode {
   /**
    * Render according to the original image, including colors.
    * @since 7
@@ -37,7 +33,7 @@ export declare enum ImageRenderMode {
 /**
  * @since 7
  */
-export declare enum ImageInterpolation {
+declare enum ImageInterpolation {
   /**
    * Do not use interpolated image data.
    * @since 7
@@ -63,92 +59,88 @@ export declare enum ImageInterpolation {
   High,
 }
 
-/**
- * @since 7
- */
-export declare class ImageExtend<T> extends ImageAttribute<T> {}
 
 /**
  * @since 7
  */
-interface Image extends ImageAttribute<Image> {
+interface ImageInterface {
   /**
    * Set src to obtain images.
    * @since 7
    */
-  (src: string | PixelMap | Resource): Image;
+  (src: string | PixelMap | Resource): ImageAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ImageAttribute<T> extends CommonMethod<T> {
+declare class ImageAttribute extends CommonMethod<ImageAttribute> {
   /**
    * Placeholder displayed on load
    * @since 7
    */
-  alt(value: string | Resource): T;
+  alt(value: string | Resource): ImageAttribute;
 
   /**match Text Direction
    * @since 7
    */
-  matchTextDirection(value: boolean): T;
+  matchTextDirection(value: boolean): ImageAttribute;
 
   /**
    * Indicates whether the image follows the text direction.
    * @since 7
    */
-  fitOriginalSize(value: boolean): T;
+  fitOriginalSize(value: boolean): ImageAttribute;
 
   /**
    * fill Color
    * @since 7
    */
-  fillColor(value: ResourceColor): T;
+  fillColor(value: ResourceColor): ImageAttribute;
 
   /**
    * Sets the zoom type of an image.
    * @since 7
    */
-  objectFit(value: ImageFit): T;
+  objectFit(value: ImageFit): ImageAttribute;
 
   /**
    * Set the repeat style of the picture
    * @since 7
    */
-  objectRepeat(value: ImageRepeat): T;
+  objectRepeat(value: ImageRepeat): ImageAttribute;
 
   /**
    * Set the auto style of the picture
    * @since 7
    */
-  autoResize(value: boolean): T;
+  autoResize(value: boolean): ImageAttribute;
 
   /**
    * Sets the image rendering mode.
    * @since 7
    */
-  renderMode(value: ImageRenderMode): T;
+  renderMode(value: ImageRenderMode): ImageAttribute;
 
   /**
    * Sets the interpolation effect of an image. The interpolation effect is only magnified for the image.
    * @since 7
    */
-  interpolation(value: ImageInterpolation): T;
+  interpolation(value: ImageInterpolation): ImageAttribute;
 
   /**
    * Specifies the picture decoding size.
    * The original picture is decoded into a picture of a specified size. The unit of the number type is px.
    * @since 7
    */
-  sourceSize(value: { width: number; height: number }): T;
+  sourceSize(value: { width: number; height: number }): ImageAttribute;
 
   /**
    * Sets the synchronous or asynchronous mode for image loading.
    * The default parameter type is bool, and the default value is false.
    * @since 8
    */
-  syncLoad(value: boolean): T;
+  syncLoad(value: boolean): ImageAttribute;
 
   /**
    * This callback is triggered when an image is successfully loaded.
@@ -163,24 +155,28 @@ declare class ImageAttribute<T> extends CommonMethod<T> {
       componentHeight: number;
       loadingStatus: number;
     }) => void,
-  ): T;
+  ): ImageAttribute;
 
   /**
    * This callback is triggered when an exception occurs during image loading.
    * @since 7
    */
-  onError(callback: (event?: { componentWidth: number; componentHeight: number }) => void): T;
+  onError(callback: (event?: { componentWidth: number; componentHeight: number }) => void): ImageAttribute;
 
   /**
    * When the loaded source file is a svg image, this callback is triggered when the playback of the svg image is complete.
    * If the svg image is a wireless loop image, this callback is not triggered.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): ImageAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 7
  */
-export declare const ImageInterface: Image;
+declare const Image: ImageInterface;
+/**
+ * @since 7
+ */
+ declare const ImageInstance: ImageAttribute;
diff --git a/api/@internal/component/ets/image_animator.d.ts b/api/@internal/component/ets/image_animator.d.ts
index 90db552730..c30d4db729 100644
--- a/api/@internal/component/ets/image_animator.d.ts
+++ b/api/@internal/component/ets/image_animator.d.ts
@@ -13,25 +13,22 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { AnimationStatus } from "./enums";
-
 /**
  * @since 7
  */
-interface ImageAnimator extends ImageAnimatorAttribute<ImageAnimator> {
+interface ImageAnimatorInterface {
   /**
    * ImageAimator is returned.
    * @since 7
    */
-  (): ImageAnimator;
+  (): ImageAnimatorAttribute;
 }
 
 /**
  * inheritance CommonMethod
  * @since 7
  */
-declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
+declare class ImageAnimatorAttribute extends CommonMethod<ImageAnimatorAttribute> {
   /**
    * list images
    * @since 7
@@ -45,80 +42,80 @@ declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
       left?: number | string;
       duration?: number;
     }>,
-  ): T;
+  ): ImageAnimatorAttribute;
 
   /**
    * The default value is the initial state, which is used to control the playback status.
    * @since 7
    */
-  state(value: AnimationStatus): T;
+  state(value: AnimationStatus): ImageAnimatorAttribute;
 
   /**
    * The unit is millisecond.
    * @since 7
    */
-  duration(value: number): T;
+  duration(value: number): ImageAnimatorAttribute;
 
   /**
    * Set the playback sequence.
    * @since 7
    */
-  reverse(value: boolean): T;
+  reverse(value: boolean): ImageAnimatorAttribute;
 
   /**
    * Sets whether the image size is fixed to the component size.
    * @since 7
    */
-  fixedSize(value: boolean): T;
+  fixedSize(value: boolean): ImageAnimatorAttribute;
 
   /**
    * Indicates whether to enable pre-decoding.
    * @since 7
    */
-  preDecode(value: number): T;
+  preDecode(value: number): ImageAnimatorAttribute;
 
   /**
    * Sets the state before and after the animation starts
    * @since 7
    */
-  fillMode(value: FillMode): T;
+  fillMode(value: FillMode): ImageAnimatorAttribute;
 
   /**
    * Played once by default
    * @since 7
    */
-  iterations(value: number): T;
+  iterations(value: number): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation starts to play.
    * @since 7
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation pauses.
    * @since 7
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation is replayed
    * @since 7
    */
-  onRepeat(event: () => void): T;
+  onRepeat(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation is canceled.
    * @since 7
    */
-  onCancel(event: () => void): T;
+  onCancel(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation playback is complete.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): ImageAnimatorAttribute;
 }
 
-export declare class ImageAnimatorExtend<T> extends ImageAnimatorAttribute<T> {}
-export declare const ImageAnimatorInterface: ImageAnimator;
+declare const ImageAnimator: ImageAnimatorInterface;
+declare const ImageAnimatorInstance: ImageAnimatorAttribute;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index ad2b843522..379624f54e 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -13,85 +13,85 @@
  * limitations under the License.
  */
 
-export * from "./action_sheet";
-export * from "./alert_dialog";
-export * from "./alphabet_indexer";
-export * from "./animator";
-export * from "./badge";
-export * from "./blank";
-export * from "./button";
-export * from "./calendar";
-export * from "./canvas";
-export * from "./checkbox";
-export * from "./checkboxgroup";
-export * from "./circle";
-export * from "./column";
-export * from "./column_split";
-export * from "./common";
-export * from "./counter";
-export * from "./custom_dialog_controller";
-export * from "./data_panel";
-export * from "./date_picker";
-export * from "./divider";
-export * from "./ellipse";
-export * from "./enums";
-export * from "./flex";
-export * from "./forEach";
-export * from "./form_component";
-export * from "./gauge";
-export * from "./gesture";
-export * from "./grid";
-export * from "./gridItem";
-export * from "./grid_container";
-export * from "./image";
-export * from "./image_animator";
-export * from "./lazyForEach";
-export * from "./line";
-export * from "./list";
-export * from "./listItem";
-export * from "./loading_progress";
-export * from "./marquee";
-export * from "./navigation";
-export * from "./navigator";
-export * from "./pageTransition";
-export * from "./panel";
-export * from "./path";
-export * from "./pattern_lock";
-export * from "./piece";
-export * from "./plugin_component";
-export * from "./polygon";
-export * from "./polyline";
-export * from "./progress";
-export * from "./qrcode";
-export * from "./radio";
-export * from "./rating";
-export * from "./rect";
-export * from "./refresh";
-export * from "./row";
-export * from "./row_split";
-export * from "./scroll";
-export * from "./scroll_bar";
-export * from "./search";
-export * from "./select";
-export * from "./shape";
-export * from "./sheet";
-export * from "./slider";
-export * from "./span";
-export * from "./stack";
-export * from "./stateManagement";
-export * from "./stepper";
-export * from "./stepperItem";
-export * from "./swiper";
-export * from "./tabs";
-export * from "./tab_content";
-export * from "./text";
-export * from "./text_area";
-export * from "./text_clock";
-export * from "./text_input";
-export * from "./text_picker";
-export * from "./text_timer";
-export * from "./toggle";
-export * from "./units";
-export * from "./video";
-export * from "./xcomponent";
-export * from "./inspector";
+/// <reference path="./action_sheet.d.ts" />;
+/// <reference path="./alert_dialog.d.ts" />;
+/// <reference path="./alphabet_indexer.d.ts" />;
+/// <reference path="./animator.d.ts" />;
+/// <reference path="./badge.d.ts" />;
+/// <reference path="./blank.d.ts" />;
+/// <reference path="./button.d.ts" />;
+/// <reference path="./calendar.d.ts" />;
+/// <reference path="./canvas.d.ts" />;
+/// <reference path="./checkbox.d.ts" />;
+/// <reference path="./checkboxgroup.d.ts" />;
+/// <reference path="./circle.d.ts" />;
+/// <reference path="./column";
+/// <reference path="./column_split.d.ts" />;
+/// <reference path="./common.d.ts" />;
+/// <reference path="./counter.d.ts" />;
+/// <reference path="./custom_dialog_controller.d.ts" />;
+/// <reference path="./data_panel.d.ts" />;
+/// <reference path="./date_picker.d.ts" />;
+/// <reference path="./divider.d.ts" />;
+/// <reference path="./ellipse.d.ts" />;
+/// <reference path="./enums.d.ts" />;
+/// <reference path="./flex.d.ts" />;
+/// <reference path="./forEach.d.ts" />;
+/// <reference path="./form_component.d.ts" />;
+/// <reference path="./gauge.d.ts" />;
+/// <reference path="./gesture.d.ts" />;
+/// <reference path="./grid.d.ts" />;
+/// <reference path="./gridItem.d.ts" />;
+/// <reference path="./grid_container.d.ts" />;
+/// <reference path="./image.d.ts" />;
+/// <reference path="./image_animator.d.ts" />;
+/// <reference path="./lazyForEach.d.ts" />;
+/// <reference path="./line.d.ts" />;
+/// <reference path="./list.d.ts" />;
+/// <reference path="./listItem.d.ts" />;
+/// <reference path="./loading_progress.d.ts" />;
+/// <reference path="./marquee.d.ts" />;
+/// <reference path="./navigation.d.ts" />;
+/// <reference path="./navigator.d.ts" />;
+/// <reference path="./pageTransition.d.ts" />;
+/// <reference path="./panel.d.ts" />;
+/// <reference path="./path.d.ts" />;
+/// <reference path="./pattern_lock.d.ts" />;
+/// <reference path="./piece.d.ts" />;
+/// <reference path="./plugin_component.d.ts" />;
+/// <reference path="./polygon.d.ts" />;
+/// <reference path="./polyline.d.ts" />;
+/// <reference path="./progress.d.ts" />;
+/// <reference path="./qrcode.d.ts" />;
+/// <reference path="./radio.d.ts" />;
+/// <reference path="./rating.d.ts" />;
+/// <reference path="./rect.d.ts" />;
+/// <reference path="./refresh.d.ts" />;
+/// <reference path="./row.d.ts" />;
+/// <reference path="./row_split.d.ts" />;
+/// <reference path="./scroll.d.ts" />;
+/// <reference path="./scroll_bar.d.ts" />;
+/// <reference path="./search.d.ts" />;
+/// <reference path="./select.d.ts" />;
+/// <reference path="./shape.d.ts" />;
+/// <reference path="./sheet.d.ts" />;
+/// <reference path="./slider.d.ts" />;
+/// <reference path="./span.d.ts" />;
+/// <reference path="./stack.d.ts" />;
+/// <reference path="./stateManagement.d.ts" />;
+/// <reference path="./stepper.d.ts" />;
+/// <reference path="./stepperItem.d.ts" />;
+/// <reference path="./swiper.d.ts" />;
+/// <reference path="./tabs.d.ts" />;
+/// <reference path="./tab_content.d.ts" />;
+/// <reference path="./text.d.ts" />;
+/// <reference path="./text_area.d.ts" />;
+/// <reference path="./text_clock.d.ts" />;
+/// <reference path="./text_input.d.ts" />;
+/// <reference path="./text_picker.d.ts" />;
+/// <reference path="./text_timer.d.ts" />;
+/// <reference path="./toggle.d.ts" />;
+/// <reference path="./units.d.ts" />;
+/// <reference path="./video.d.ts" />;
+/// <reference path="./xcomponent.d.ts" />;
+/// <reference path="./inspector.d.ts" />;
diff --git a/api/@internal/component/ets/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
index d093971a2a..0af83efaff 100644
--- a/api/@internal/component/ets/inspector.d.ts
+++ b/api/@internal/component/ets/inspector.d.ts
@@ -13,17 +13,13 @@
  * limitations under the License.
  */
 
-import { TouchObject } from "./common";
-import { KeyEvent } from "./common";
-import { MouseEvent } from "./common";
-
 /**
  * Get inspector node infos.
  * @since 7
  * @systemapi
  * @deprecated
  */
-export declare function getInspectorNodes(): object;
+declare function getInspectorNodes(): object;
 
 /**
  * Get inspector node info by node id.
@@ -31,7 +27,7 @@ export declare function getInspectorNodes(): object;
  * @systemapi
  * @deprecated
  */
-export declare function getInspectorNodeById(id: number): object;
+declare function getInspectorNodeById(id: number): object;
 
 /**
  * Get inspector info by key.
@@ -39,7 +35,7 @@ export declare function getInspectorNodeById(id: number): object;
  * @systemapi
  * @test
  */
-export declare function getInspectorByKey(id: string): string;
+declare function getInspectorByKey(id: string): string;
 
 /**
  * Get inspector tree.
@@ -47,7 +43,7 @@ export declare function getInspectorByKey(id: string): string;
  * @systemapi
  * @test
  */
-export declare function getInspectorTree(): string;
+declare function getInspectorTree(): string;
 
 /**
  * Send event to inspector by key. Return false if no inspector with key is found.
@@ -55,7 +51,7 @@ export declare function getInspectorTree(): string;
  * @systemapi
  * @test
  */
-export declare function sendEventByKey(id: string, action: number, params: string): boolean;
+declare function sendEventByKey(id: string, action: number, params: string): boolean;
 
 /**
  * Send touch event.
@@ -63,7 +59,7 @@ export declare function sendEventByKey(id: string, action: number, params: strin
  * @systemapi
  * @test
  */
-export declare function sendTouchEvent(event: TouchObject): boolean;
+declare function sendTouchEvent(event: TouchObject): boolean;
 
 /**
  * Send key event.
@@ -71,7 +67,7 @@ export declare function sendTouchEvent(event: TouchObject): boolean;
  * @systemapi
  * @test
  */
-export declare function sendKeyEvent(event: KeyEvent): boolean;
+declare function sendKeyEvent(event: KeyEvent): boolean;
 
 /**
  * Send mouse event.
@@ -79,7 +75,7 @@ export declare function sendKeyEvent(event: KeyEvent): boolean;
  * @systemapi
  * @test
  */
-export declare function sendMouseEvent(event: MouseEvent): boolean;
+declare function sendMouseEvent(event: MouseEvent): boolean;
 
 /**
  * Profiler tools for inspectors.
@@ -87,7 +83,7 @@ export declare function sendMouseEvent(event: MouseEvent): boolean;
  * @systemapi
  * @test
  */
-export declare namespace Profiler {
+declare namespace Profiler {
   /**
    * Registers vsync callback for profiler.
    * @param callback the callback info is json string with ui update info.
@@ -95,7 +91,7 @@ export declare namespace Profiler {
    * @systemapi
    * @test
    */
-  export function registerVsyncCallback(callback: (info: string) => void): void;
+  function registerVsyncCallback(callback: (info: string) => void): void;
 
   /**
    * Unregisters vsync callback.
@@ -103,5 +99,5 @@ export declare namespace Profiler {
    * @systemapi
    * @test
    */
-  export function unregisterVsyncCallback(): void;
+  function unregisterVsyncCallback(): void;
 }
diff --git a/api/@internal/component/ets/lazyForEach.d.ts b/api/@internal/component/ets/lazyForEach.d.ts
index 6729b859b8..8498b93cb1 100644
--- a/api/@internal/component/ets/lazyForEach.d.ts
+++ b/api/@internal/component/ets/lazyForEach.d.ts
@@ -17,7 +17,7 @@
  * Data Change Listener.
  * @since 7
  */
-export declare interface DataChangeListener {
+declare interface DataChangeListener {
   /**
    * Data ready.
    * @since 7
@@ -53,7 +53,7 @@ export declare interface DataChangeListener {
  * Data  changed.
  * @since 7
  */
-export declare interface IDataSource {
+declare interface IDataSource {
   /**
    * Total count.
    * @since 7
@@ -83,7 +83,7 @@ export declare interface IDataSource {
  * Lazy loading.
  * @since 7
  */
-interface LazyForEach {
+interface LazyForEachInterface {
   /**
    * Enter the value to obtain the LazyForEach.
    * @since 7
@@ -92,10 +92,10 @@ interface LazyForEach {
     dataSource: IDataSource,
     itemGenerator: (item: any, index?: number) => void,
     keyGenerator?: (item: any, index?: number) => string,
-  ): LazyForEach;
+  ): LazyForEachInterface;
 }
 
 /**
  * @since 7
  */
-export declare const LazyForEachInterface: LazyForEach;
+declare const LazyForEach: LazyForEachInterface;
diff --git a/api/@internal/component/ets/line.d.ts b/api/@internal/component/ets/line.d.ts
index fc6ce2872a..196d6ce173 100644
--- a/api/@internal/component/ets/line.d.ts
+++ b/api/@internal/component/ets/line.d.ts
@@ -13,20 +13,18 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Line drawing component.
  * @since 7
  */
-interface Line extends LineAttribute<Line> {
+interface LineInterface {
   /**
    * Uses new to create the line.
    * width: Width of the rectangle where the line resides..
    * height: Height of the rectangle where the line resides.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Line;
+  new (value?: { width?: string | number; height?: string | number }): LineAttribute;
 
   /**
    * The return value of the parameter is Line.
@@ -34,26 +32,26 @@ interface Line extends LineAttribute<Line> {
    * height: Height of the rectangle where the line resides.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Line;
+  (value?: { width?: string | number; height?: string | number }): LineAttribute;
 }
 
 /**
  * inheritance CommonShapeMethod.
  * @since 7
  */
-declare class LineAttribute<T> extends CommonShapeMethod<T> {
+declare class LineAttribute extends CommonShapeMethod<LineAttribute> {
   /**
    * Coordinate of the start point of the line (relative coordinate).
    * @since 7
    */
-  startPoint(value: Array<any>): T;
+  startPoint(value: Array<any>): LineAttribute;
 
   /**
    * Line end coordinates (relative coordinates).
    * @since 7
    */
-  endPoint(value: Array<any>): T;
+  endPoint(value: Array<any>): LineAttribute;
 }
 
-export declare class LineExtend<T> extends LineAttribute<T> {}
-export declare const LineInterface: Line;
+declare const Line: LineInterface;
+declare const LineInstance: LineAttribute;
diff --git a/api/@internal/component/ets/list.d.ts b/api/@internal/component/ets/list.d.ts
index cd07b3137b..ce515c78a0 100644
--- a/api/@internal/component/ets/list.d.ts
+++ b/api/@internal/component/ets/list.d.ts
@@ -13,16 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod, ItemDragInfo } from "./common";
-import { Axis, BarState, EdgeEffect } from "./enums";
-import { Scroller } from "./scroll";
-import { Length, ResourceColor } from "./units";
-
 /**
  * Declare scroll status
  * @since 7
  */
-export declare enum ScrollState {
+declare enum ScrollState {
   /**
    * Not activated.
    * @since 7
@@ -42,45 +37,41 @@ export declare enum ScrollState {
   Fling,
 }
 
-/**
- * ListExtend extension declaration.
- * @since 7
- */
-export declare class ListExtend<T> extends ListAttribute<T> {}
+
 
 /**
  * The list interface is extended.
  * @since 7
  */
-interface List extends ListAttribute<List> {
+interface ListInterface {
   /**
    * Called when interface data is called.
    * @since 7
    */
-  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): List;
+  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): ListAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ListAttribute<T> extends CommonMethod<T> {
+declare class ListAttribute extends CommonMethod<ListAttribute> {
   /**
    * Called when the arrangement direction of the list component is set.
    * @since 7
    */
-  listDirection(value: Axis): T;
+  listDirection(value: Axis): ListAttribute;
 
   /**
    * Called when the display mode of the side slider is set.
    * @since 7
    */
-  scrollBar(value: BarState): T;
+  scrollBar(value: BarState): ListAttribute;
 
   /**
    * Called when the sliding effect is set.
    * @since 7
    */
-  edgeEffect(value: EdgeEffect): T;
+  edgeEffect(value: EdgeEffect): ListAttribute;
 
   /**
    * Called when the ListItem split line style is set.
@@ -93,102 +84,103 @@ declare class ListAttribute<T> extends CommonMethod<T> {
       startMargin?: Length;
       endMargin?: Length;
     } | null,
-  ): T;
+  ): ListAttribute;
 
   /**
    * Called when judging whether it is in editable mode.
    * @since 7
    */
-  editMode(value: boolean): T;
+  editMode(value: boolean): ListAttribute;
 
   /**
    * Called when the minimum number of list item caches is set for long list deferred loading.
    * @since 7
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): ListAttribute;
 
   /**
    * Called when setting whether to enable chain linkage dynamic effect.
    * @since 8
    */
-  chainAnimation(value: boolean): T;
+  chainAnimation(value: boolean): ListAttribute;
 
   /**
    * Called when the offset and status callback of the slide are set.
    * @since 7
    */
-  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): T;
+  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): ListAttribute;
 
   /**
    * Called when the start and end positions of the display change.
    * @since 7
    */
-  onScrollIndex(event: (start: number, end: number) => void): T;
+  onScrollIndex(event: (start: number, end: number) => void): ListAttribute;
 
   /**
    * Called when the list begins to arrive.
    * @since 7
    */
-  onReachStart(event: () => void): T;
+  onReachStart(event: () => void): ListAttribute;
 
   /**
    * Called when the list reaches the end.
    * @since 7
    */
-  onReachEnd(event: () => void): T;
+  onReachEnd(event: () => void): ListAttribute;
 
   /**
    * Called when the slider stops.
    * @since 7
    */
-  onScrollStop(event: () => void): T;
+  onScrollStop(event: () => void): ListAttribute;
 
   /**
    * Called when a list item is deleted.
    * @since 7
    */
-  onItemDelete(event: (index: number) => boolean): T;
+  onItemDelete(event: (index: number) => boolean): ListAttribute;
 
   /**
    * Called when a list item is moved.
    * @since 7
    */
-  onItemMove(event: (from: number, to: number) => boolean): T;
+  onItemMove(event: (from: number, to: number) => boolean): ListAttribute;
 
   /**
    * After a listener is bound, the component can be dragged. After the drag occurs, a callback is triggered.
    * (To be triggered, press and hold for 170 milliseconds (ms))
    * @since 8
    */
-  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)): T;
+  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged to the range of the component.
    * @since 8
    */
-  onItemDragEnter(event: (event: ItemDragInfo) => void): T;
+  onItemDragEnter(event: (event: ItemDragInfo) => void): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the drag moves within the range of a placeable component.
    * @since 8
    */
-  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): T;
+  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged out of the component range.
    * @since 8
    */
-  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): T;
+  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): ListAttribute;
 
   /**
    * The component bound to this event can be used as the drag release target.
    * This callback is triggered when the drag behavior is stopped within the scope of the component.
    * @since 8
    */
-  onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): T;
+  onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): ListAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const ListInterface: List;
+declare const List: ListInterface;
+declare const ListInstance: ListAttribute;
diff --git a/api/@internal/component/ets/listItem.d.ts b/api/@internal/component/ets/listItem.d.ts
index fd5ce80977..2f639959ec 100644
--- a/api/@internal/component/ets/listItem.d.ts
+++ b/api/@internal/component/ets/listItem.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * Declare item ceiling attribute.
  * @since 7
  */
-export declare enum Sticky {
+declare enum Sticky {
   /**
    * No sticky.
    * @since 7
@@ -44,7 +43,7 @@ export declare enum Sticky {
  * @devices phone, tablet
  * @since 7
  */
-export declare enum EditMode {
+declare enum EditMode {
   /**
    * Unrestricted operations.
    * @since 7
@@ -67,38 +66,39 @@ export declare enum EditMode {
 /**
  * @since 7
  */
-export declare class ListItemExtend<T> extends ListItemAttribute<T> {}
 
 /**
  * Values in the list
  * @since 7
  */
-interface ListItem extends ListItemAttribute<ListItem> {
+interface ListItemInterface {
   /**
    * Called when an interface is used.
    * @since 7
    */
-  (value?: string): ListItem;
+  (value?: string): ListItemAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ListItemAttribute<T> extends CommonMethod<T> {
+declare class ListItemAttribute extends CommonMethod<ListItemAttribute> {
   /**
    * Called when setting whether item is ceiling effect.
    * @since 7
    */
-  sticky(value: Sticky): T;
+  sticky(value: Sticky): ListItemAttribute;
 
   /**
    * Called when judging whether it is editable.
    * @since 7
    */
-  editable(value: boolean | EditMode): T;
+  editable(value: boolean | EditMode): ListItemAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const ListItemInterface: ListItem;
+declare const ListItemInstance: ListItemAttribute;
+declare const ListItem: ListItemInterface;
+
diff --git a/api/@internal/component/ets/loading_progress.d.ts b/api/@internal/component/ets/loading_progress.d.ts
index da055d5485..5bc3c49fd9 100644
--- a/api/@internal/component/ets/loading_progress.d.ts
+++ b/api/@internal/component/ets/loading_progress.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Load style of progress bar.
  * @since 8
  */
-export declare enum LoadingProgressStyle {
+declare enum LoadingProgressStyle {
   /**
    * Default style.
    * @since 8
@@ -40,37 +37,38 @@ export declare enum LoadingProgressStyle {
   Orbital,
 }
 
-/**
- * Loading Progress Extensions on Declarative Classes
- * @since 8
- */
-export declare class LoadingProgressExtend<T> extends LoadingProgressAttribute<T> {}
+
 
 /**
  * Provides an interface for extending the loading progress.
  * @since 8
  */
-interface LoadingProgress extends LoadingProgressAttribute<LoadingProgress> {
+interface LoadingProgressInterface {
   /**
    * Called when the progress bar progress is viewed.
    * @since 8
    */
-  (): LoadingProgress;
+  (): LoadingProgressAttribute;
 }
 
 /**
  * Declare the progress bar being loaded
  * @since 8
  */
-declare class LoadingProgressAttribute<T> extends CommonMethod<T> {
+declare class LoadingProgressAttribute extends CommonMethod<LoadingProgressAttribute> {
   /**
    * Load the color of the progress bar.
    * @since 8
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): LoadingProgressAttribute;
 }
 
 /**
  * @since 8
  */
-export declare const LoadingProgressInterface: LoadingProgress;
+declare const LoadingProgress: LoadingProgressInterface;
+/**
+ * Loading Progress Extensions on Declarative Classes
+ * @since 8
+ */
+ declare const LoadingProgressInstance: LoadingProgressAttribute
\ No newline at end of file
diff --git a/api/@internal/component/ets/marquee.d.ts b/api/@internal/component/ets/marquee.d.ts
index 607574643b..51098af05c 100644
--- a/api/@internal/component/ets/marquee.d.ts
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -13,75 +13,71 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontWeight } from "./enums";
-import { Length, Resource, ResourceColor } from "./units";
-
 /**
  * Provides the interface for the marquee attributes.
  * @since 8
  */
-interface Marquee extends MarqueeAttribute<Marquee> {
+interface MarqueeInterface {
   /**
    * Create marquee.
    * @since 8
    */
-  (value: { start: boolean; step?: number; loop?: number; fromStart?: boolean; src: string }): Marquee;
+  (value: { start: boolean; step?: number; loop?: number; fromStart?: boolean; src: string }): MarqueeAttribute;
 }
 
 /**
  * Declares marquee properties.
  * @since 8
  */
-declare class MarqueeAttribute<T> extends CommonMethod<T> {
+declare class MarqueeAttribute extends CommonMethod<MarqueeAttribute> {
   /**
    * Set marquee font Color.
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): MarqueeAttribute;
 
   /**
    * Set marquee font size.
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): MarqueeAttribute;
 
   /**
    * Set marquee allow scale.
    * @since 8
    */
-  allowScale(value: boolean): T;
+  allowScale(value: boolean): MarqueeAttribute;
 
   /**
    * Set marquee font weight.
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): MarqueeAttribute;
 
   /**
    * Set marquee font family.
    * @since 8
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): MarqueeAttribute;
 
   /**
    * Called when scrolling starts.
    * @since 8
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): MarqueeAttribute;
 
   /**
    * Called when scrolling to the bottom.
    * @since 8
    */
-  onBounce(event: () => void): T;
+  onBounce(event: () => void): MarqueeAttribute;
 
   /**
    * Called when scrolling is complete.
    * @since 8
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): MarqueeAttribute;
 }
 
-export declare class MarqueeExtend<T> extends MarqueeAttribute<T> {}
-export declare const MarqueeInterface: Marquee;
+declare const MarqueeExtend: MarqueeInterface;
+declare const MarqueeInstance: MarqueeAttribute;
diff --git a/api/@internal/component/ets/matrix2d.d.ts b/api/@internal/component/ets/matrix2d.d.ts
index fd85c45f28..982eb954c0 100644
--- a/api/@internal/component/ets/matrix2d.d.ts
+++ b/api/@internal/component/ets/matrix2d.d.ts
@@ -17,7 +17,7 @@
  * 2D transformation matrix, supporting rotation, translation, and scaling of the X-axis and Y-axis
  * @since 8
  */
-export declare class Matrix2D {
+declare class Matrix2D {
   /**
    * Horizontal Zoom
    * @since 8
diff --git a/api/@internal/component/ets/navigation.d.ts b/api/@internal/component/ets/navigation.d.ts
index e65d697534..5130791878 100644
--- a/api/@internal/component/ets/navigation.d.ts
+++ b/api/@internal/component/ets/navigation.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CustomBuilder, CommonMethod } from "./common";
-
 /**
  * Naivagtion title mode.
  * @since 8
  */
-export declare enum NavigationTitleMode {
+declare enum NavigationTitleMode {
   /**
    * The title is free mode.
    * @since 8
@@ -39,7 +37,7 @@ export declare enum NavigationTitleMode {
   Mini,
 }
 
-export declare interface NavigationMenuItem {
+declare interface NavigationMenuItem {
   /**
    * The value of navigation menu item.
    * @since 8
@@ -61,79 +59,79 @@ export declare interface NavigationMenuItem {
  * Provide navigator view interface
  * @since 8
  */
-interface Navigation extends NavigationAttribute<Navigation> {
+interface NavigationInterface {
   /**
    * Called when the navigator view interface is used.
    * @since 8
    */
-  (): Navigation;
+  (): NavigationAttribute;
 }
 
 /**
  * Declare Navigation view properties.
  * @since 8
  */
-declare class NavigationAttribute<T> extends CommonMethod<T> {
+declare class NavigationAttribute extends CommonMethod<NavigationAttribute> {
   /**
    * Navigation title
    * @since 8
    */
-  title(value: string | CustomBuilder): T;
+  title(value: string | CustomBuilder): NavigationAttribute;
 
   /**
    * Navigation subtitle
    * @since 8
    */
-  subTitle(value: string): T;
+  subTitle(value: string): NavigationAttribute;
 
   /**
    * Hide navigation bar
    * @since 8
    */
-  hideTitleBar(value: boolean): T;
+  hideTitleBar(value: boolean): NavigationAttribute;
 
   /**
    * Hide navigation back button
    * @since 8
    */
-  hideBackButton(value: boolean): T;
+  hideBackButton(value: boolean): NavigationAttribute;
 
   /**
    * Navigation title mode
    * @since 8
    */
-  titleMode(value: NavigationTitleMode): T;
+  titleMode(value: NavigationTitleMode): NavigationAttribute;
 
   /**
    * Navigation title bar's menus
    * @since 8
    */
-  menus(value: Array<NavigationMenuItem> | CustomBuilder): T;
+  menus(value: Array<NavigationMenuItem> | CustomBuilder): NavigationAttribute;
 
   /**
    * The amount of the menu in Navigation.
    * @since 8
    */
-  menuCount(value: number): T;
+  menuCount(value: number): NavigationAttribute;
 
   /**
    * Tool bar
    * @since 8
    */
-  toolBar(value: object | CustomBuilder): T;
+  toolBar(value: object | CustomBuilder): NavigationAttribute;
 
   /**
    * Hide tool bar
    * @since 8
    */
-  hideToolBar(value: boolean): T;
+  hideToolBar(value: boolean): NavigationAttribute;
 
   /**
    * Trigger a titleModeChanged event when title mode changed at free mode.
    * @since 8
    */
-  onTitleModeChanged(callback: (titleMode: NavigationTitleMode) => void): T;
+  onTitleModeChanged(callback: (titleMode: NavigationTitleMode) => void): NavigationAttribute;
 }
 
-export declare class NavigationExtend<T> extends NavigationAttribute<T> {}
-export declare const NavigationInterface: Navigation;
+declare const Navigation: NavigationInterface;
+declare const NavigationInstance: NavigationAttribute;
diff --git a/api/@internal/component/ets/navigator.d.ts b/api/@internal/component/ets/navigator.d.ts
index b0339341ad..97046bdef4 100644
--- a/api/@internal/component/ets/navigator.d.ts
+++ b/api/@internal/component/ets/navigator.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Route jump.
  * @since 7
  */
-export declare enum NavigationType {
+declare enum NavigationType {
   /**
    * Jump to the next page.
    * @since 7
@@ -43,49 +41,49 @@ export declare enum NavigationType {
  * Create route
  * @since 7
  */
-interface Navigator extends NavigatorAttribute<Navigator> {
+interface NavigatorInterface {
   /**
    * Called when the route jumps.
    * @since 7
    */
-  (value?: { target: string; type?: NavigationType }): Navigator;
+  (value?: { target: string; type?: NavigationType }): NavigatorAttribute;
 
   /**
    * Called when using the navigator.
    * @since 7
    */
-  (): Navigator;
+  (): NavigatorAttribute;
 }
 
 /**
  * Declare navigator properties.
  * @since 7
  */
-declare class NavigatorAttribute<T> extends CommonMethod<T> {
+declare class NavigatorAttribute extends CommonMethod<NavigatorAttribute> {
   /**
    * Called when determining whether the routing component is active.
    * @since 7
    */
-  active(value: boolean): T;
+  active(value: boolean): NavigatorAttribute;
 
   /**
    * Called when determining whether the routing component is active.
    * @since 7
    */
-  type(value: NavigationType): T;
+  type(value: NavigationType): NavigatorAttribute;
 
   /**
    * Called when the path to the specified jump target page is set.
    * @since 7
    */
-  target(value: string): T;
+  target(value: string): NavigatorAttribute;
 
   /**
    * Called when data is passed to the target page at the same time during jump.
    * @since 7
    */
-  params(value: object): T;
+  params(value: object): NavigatorAttribute;
 }
 
-export declare class NavigatorExtend<T> extends NavigatorAttribute<T> {}
-export declare const NavigatorInterface: Navigator;
+declare const Navigator: NavigatorInterface;
+declare const NavigatorInstance: NavigatorAttribute;
diff --git a/api/@internal/component/ets/pageTransition.d.ts b/api/@internal/component/ets/pageTransition.d.ts
index e1ca8571ff..9a8b56d408 100644
--- a/api/@internal/component/ets/pageTransition.d.ts
+++ b/api/@internal/component/ets/pageTransition.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { Curve } from "./enums";
-
 /**
  * Declare the jump method.
  * @since 7
  */
-export declare enum RouteType {
+declare enum RouteType {
   /**
    * The page is not redirected.
    * @since 7
@@ -41,7 +39,7 @@ export declare enum RouteType {
  * Declare the sliding effect of transition.
  * @since 7
  */
-export declare enum SlideEffect {
+declare enum SlideEffect {
   /**
    * Swipe left.
    * @since 7
@@ -71,7 +69,7 @@ export declare enum SlideEffect {
  * Provides interfaces for common transitions.
  * @since 7
  */
-export declare class CommonTransition<T> {
+declare class CommonTransition<T> {
   /**
    * Called when a transition method is required.
    * @since 7
@@ -106,37 +104,37 @@ export declare class CommonTransition<T> {
  * Provides an interface for page rotation mode.
  * @since 7
  */
-interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
+interface PageTransitionEnterInterface extends CommonTransition<PageTransitionEnterInterface> {
   /**
    * Called when page Jump animation is used.
    * @since 7
    */
-  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionEnter;
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionEnterInterface;
 
   /**
    * Called when the incoming parameter is the normalized progress of the current incoming animation.
    * @since 7
    */
-  onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnter;
+  onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnterInterface;
 }
 
 /**
  * Provide an interface to exit the transition.
  * @since 7
  */
-interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
+interface PageTransitionExitInterface extends CommonTransition<PageTransitionExitInterface> {
   /**
    * Called when the transition is delayed.
    * @since 7
    */
-  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionExit;
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionExitInterface;
 
   /**
    * Called when the input parameter is the normalized progress of the current exit animation.
    * @since 7
    */
-  onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExit;
+  onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExitInterface;
 }
 
-export declare const PageTransitionEnterInterface: PageTransitionEnter;
-export declare const PageTransitionExitInterface: PageTransitionExit;
+declare const PageTransitionEnter: PageTransitionEnterInterface;
+declare const PageTransitionExit: PageTransitionExitInterface;
diff --git a/api/@internal/component/ets/panel.d.ts b/api/@internal/component/ets/panel.d.ts
index 7ae3fd2b62..7b0dc56130 100644
--- a/api/@internal/component/ets/panel.d.ts
+++ b/api/@internal/component/ets/panel.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Sets the initial state of the slidable panel.
  * @since 7
  */
-export declare enum PanelMode {
+declare enum PanelMode {
   /**
    * Minimum state.
    * @since 7
@@ -43,7 +41,7 @@ export declare enum PanelMode {
  * Sets the type of sliding panel.
  * @since 7
  */
-export declare enum PanelType {
+declare enum PanelType {
   /**
    * The switch between the minibar and full-screen display is provided.
    * @since 7
@@ -69,59 +67,59 @@ export declare enum PanelType {
  * Provides a sliding panel interface.
  * @since 7
  */
-interface Panel extends PanelAttribute<Panel> {
+interface PanelInterface {
   /**
    * Called when the panel slidable panel pops up.
    * @since 7
    */
-  (show: boolean): Panel;
+  (show: boolean): PanelAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PanelAttribute<T> extends CommonMethod<T> {
+declare class PanelAttribute extends CommonMethod<PanelAttribute> {
   /**
    * Called when the initial state of the slidable panel is set.
    * @since 7
    */
-  mode(value: PanelMode): T;
+  mode(value: PanelMode): PanelAttribute;
 
   /**
    * Called when the slidable panel type is set.
    * @since 7
    */
-  type(value: PanelType): T;
+  type(value: PanelType): PanelAttribute;
 
   /**
    * Called when determining whether dragbar exists.
    * @since 7
    */
-  dragBar(value: boolean): T;
+  dragBar(value: boolean): PanelAttribute;
 
   /**
    * Called when the height in the full state is specified.
    * @since 7
    */
-  fullHeight(value: number | string): T;
+  fullHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the height in the half state is specified.
    * @since 7
    */
-  halfHeight(value: number | string): T;
+  halfHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the height in the mini state is specified.
    * @since 7
    */
-  miniHeight(value: number | string): T;
+  miniHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the panel slidable panel pops up.
    * @since 7
    */
-  show(value: boolean): T;
+  show(value: boolean): PanelAttribute;
 
   /**
    * Called when the state of the slidable panel changes.
@@ -147,8 +145,8 @@ declare class PanelAttribute<T> extends CommonMethod<T> {
        */
       mode: PanelMode,
     ) => void,
-  ): T;
+  ): PanelAttribute;
 }
 
-export declare class PanelExtend<T> extends PanelAttribute<T> {}
-export declare const PanelInterface: Panel;
+declare const Panel: PanelInterface;
+declare const PanelInstance: PanelAttribute;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
index 7430d9d4e8..82dc3aa559 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -13,36 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides the path drawing interface.
  * @since 7
  */
-interface Path extends PathAttribute<Path> {
+interface PathInterface {
   /**
    * Use new to create Path.
    * @since 7
    */
-  new (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+  new (value?: { width?: number | string; height?: number | string; commands?: string }): PathAttribute;
 
   /**
    * Called when drawing path.
    * @since 7
    */
-  (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+  (value?: { width?: number | string; height?: number | string; commands?: string }): PathAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PathAttribute<T> extends CommonShapeMethod<T> {
+declare class PathAttribute extends CommonShapeMethod<PathAttribute> {
   /**
    * Called when the command string drawn by the path is set.
    * @since 7
    */
-  commands(value: string): T;
+  commands(value: string): PathAttribute;
 }
 
-export declare class PathExtend<T> extends PathAttribute<T> {}
-export declare const PathInterface: Path;
+export declare const Path: PathInterface;
+export declare const PathInstance: PathAttribute;
diff --git a/api/@internal/component/ets/pattern_lock.d.ts b/api/@internal/component/ets/pattern_lock.d.ts
index 9bc361f4ef..efc54d9d3b 100644
--- a/api/@internal/component/ets/pattern_lock.d.ts
+++ b/api/@internal/component/ets/pattern_lock.d.ts
@@ -13,14 +13,11 @@
   * limitations under the License.
   */
 
-import { CommonMethod } from "./common"
-import { Length, ResourceColor } from "./units";
-
 /**
  * Provides methods for control pattern lock component.
  * @since 8
  */
-export declare class PatternLockController {
+declare class PatternLockController {
   /**
    * constructor.
    */
@@ -36,74 +33,74 @@ export declare class PatternLockController {
  * Provides an interface for generating PatternLock.
  * @since 8
  */
-interface PatternLock extends PatternLockAttribute<PatternLock> {
-  (controller?: PatternLockController): PatternLock;
+interface PatternLockInterface {
+  (controller?: PatternLockController): PatternLockAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PatternLockAttribute<T> extends CommonMethod<T> {
+declare class PatternLockAttribute extends CommonMethod<PatternLockAttribute> {
   /**
    * The square side length of pattern lock component.
    * @since 8
    */
-  sideLength(value: Length): T;
+  sideLength(value: Length): PatternLockAttribute;
 
   /**
    * Circle radius.
    * @since 8
    */
-  circleRadius(value: Length): T;
+  circleRadius(value: Length): PatternLockAttribute;
 
   /**
    * The background color.
    * @since 8
    */
-  backgroundColor(value: ResourceColor): T;
+  backgroundColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * Regular color.
    * @since 8
    */
-  regularColor(value: ResourceColor): T;
+  regularColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The color when cell is selected.
    * @since 8
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The color when cell is active state.
    * @since 8
    */
-  activeColor(value: ResourceColor): T;
+  activeColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The path line color.
    * @since 8
    */
-  pathColor(value: ResourceColor): T;
+  pathColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The path line stroke width.
    * @since 8
    */
-  pathStrokeWidth(value: number | string): T;
+  pathStrokeWidth(value: number | string): PatternLockAttribute;
 
   /**
    * Called when the pattern input completed.
    * @since 8
    */
-  onPatternComplete(callback: (input: Array<number>) => void): T;
+  onPatternComplete(callback: (input: Array<number>) => void): PatternLockAttribute;
 
   /**
    * Called when judging whether the input state can be reset by touch pattern lock.
    * @since 8
    */
-  autoReset(value: boolean): T;
+  autoReset(value: boolean): PatternLockAttribute;
 }
 
-export declare class PatternLockExtend<T> extends PatternLockAttribute<T> {}
-export declare const PatternLockInterface: PatternLock;
\ No newline at end of file
+declare const PatternLock: PatternLockInterface;
+declare const PatternLockInstance: PatternLockAttribute;
\ No newline at end of file
diff --git a/api/@internal/component/ets/piece.d.ts b/api/@internal/component/ets/piece.d.ts
index fca192f7db..5e67176d8c 100644
--- a/api/@internal/component/ets/piece.d.ts
+++ b/api/@internal/component/ets/piece.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight } from "./enums";
-import { Length, ResourceColor, ResourceStr } from "./units";
 
 /**
  * Sets the relative position of icons and text.
  * @since 8
  */
-export declare enum IconPosition {
+declare enum IconPosition {
   /**
    * The icon is at the beginning of the text.
    * @since 8
@@ -39,60 +36,60 @@ export declare enum IconPosition {
  * Provides text and icons for setting block entries.
  * @since 8
  */
-interface Piece extends PieceAttribute<Piece> {
+interface PieceInterface {
   /**
    * Called when setting the position of a block entry.
    * @since 8
    */
-  (options?: { content: string; icon?: string }): Piece;
+  (options?: { content: string; icon?: string }): PieceAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PieceAttribute<T> extends CommonMethod<T> {
+declare class PieceAttribute extends CommonMethod<PieceAttribute> {
   /**
    * Called when the relative position of the icon and the text is set.
    * @since 8
    */
-  iconPosition(value: IconPosition): T;
+  iconPosition(value: IconPosition): PieceAttribute;
   /**
    * Called when the value of Piece fontColor is set
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): PieceAttribute;
   /**
    * Called when the value of Piece fontSize is set
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): PieceAttribute;
   /**
    * Called when the value of Piece fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): PieceAttribute;
   /**
    * Called when the value of Piece fontWeight is set
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): PieceAttribute;
   /**
    * Called when the value of Piece fontFamily is set
    * @since 8
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): PieceAttribute;
   /**
    * Called when the value of Piece showDelete is set
    * @since 8
    */
-  showDelete(value: boolean): T;
+  showDelete(value: boolean): PieceAttribute;
   /**
    * Default icon is invisible,
    * Callback onClose function when icon is clicked
    * @since 8
    */
-  onClose(callback: () => void): T;
+  onClose(callback: () => void): PieceAttribute;
 }
 
-export declare class PieceExtend<T> extends PieceAttribute<T> {}
-export declare const PieceInterface: Piece;
+declare const Piece: PieceInterface;
+declare const PieceInstance: PieceAttribute;
diff --git a/api/@internal/component/ets/plugin_component.d.ts b/api/@internal/component/ets/plugin_component.d.ts
index 6f6a3f3ce6..9933928486 100644
--- a/api/@internal/component/ets/plugin_component.d.ts
+++ b/api/@internal/component/ets/plugin_component.d.ts
@@ -13,8 +13,6 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * PluginComponentTemplate
  * @since 8
@@ -28,36 +26,36 @@ interface PluginComponentTemplate {
  * Provides plugin component.
  * @since 8
  */
-interface PluginComponent extends PluginComponentAttribute<PluginComponent> {
+interface PluginComponentInterface {
   /**
    * Called when setting the plugin.
    * @since 8
    */
-  (value: { template: PluginComponentTemplate; data: any }): PluginComponent;
+  (value: { template: PluginComponentTemplate; data: any }): PluginComponentAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PluginComponentAttribute<T> extends CommonMethod<T> {
+declare class PluginComponentAttribute extends CommonMethod<PluginComponentAttribute> {
   /**
    * Set pluginComponent size,
    * @since 8
    */
-  size(value: { width: number; height: number }): T;
+  size(value: { width: number; height: number }): PluginComponentAttribute;
 
   /**
    * pluginComponent onComplete callback,
    * @since 8
    */
-  onComplete(callback: () => void): T;
+  onComplete(callback: () => void): PluginComponentAttribute;
 
   /**
    * pluginComponent onError callback,
    * @since 8
    */
-  onError(callback: (info: { errcode: number; msg: string }) => void): T;
+  onError(callback: (info: { errcode: number; msg: string }) => void): PluginComponentAttribute;
 }
 
-export declare class PluginComponentExtend<T> extends PluginComponentAttribute<T> {}
-export declare const PluginComponentInterface: PluginComponent;
+declare const PluginComponent: PluginComponentInterface;
+declare const PluginComponentInstance: PluginComponentAttribute;
diff --git a/api/@internal/component/ets/polygon.d.ts b/api/@internal/component/ets/polygon.d.ts
index f2224ffff7..9d8cdd14a9 100644
--- a/api/@internal/component/ets/polygon.d.ts
+++ b/api/@internal/component/ets/polygon.d.ts
@@ -13,33 +13,31 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides the polygon drawing interface.
  * @since 7
  */
-interface Polygon extends PolygonAttribute<Polygon> {
+interface PolygonInterface{
   /**
    * Uses new to create Polygon.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Polygon;
+  new (value?: { width?: string | number; height?: string | number }): PolygonAttribute;
 
   /**
    * Called when drawing a polygon.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Polygon;
+  (value?: { width?: string | number; height?: string | number }): PolygonAttribute;
 }
 
-declare class PolygonAttribute<T> extends CommonShapeMethod<T> {
+declare class PolygonAttribute extends CommonShapeMethod<PolygonAttribute> {
   /**
    * Called when the vertex coordinate list of a polygon is set.
    * @since 7
    */
-  points(value: Array<any>): T;
+  points(value: Array<any>): PolygonAttribute;
 }
 
-export declare class PolygonExtend<T> extends PolygonAttribute<T> {}
-export declare const PolygonInterface: Polygon;
+declare const Polygon: PolygonInterface;
+declare const PolygonInstance: PolygonAttribute;
diff --git a/api/@internal/component/ets/polyline.d.ts b/api/@internal/component/ets/polyline.d.ts
index c17ac6da00..906b609f5b 100644
--- a/api/@internal/component/ets/polyline.d.ts
+++ b/api/@internal/component/ets/polyline.d.ts
@@ -13,36 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides an interface for drawing polylines.
  * @since 7
  */
-interface Polyline extends PolylineAttribute<Polyline> {
+interface PolylineInterface {
   /**
    * Uses new to create Polyline.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Polyline;
+  new (value?: { width?: string | number; height?: string | number }): PolylineAttribute;
 
   /**
    * Called when using the draw fold.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Polyline;
+  (value?: { width?: string | number; height?: string | number }): PolylineAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PolylineAttribute<T> extends CommonShapeMethod<T> {
+declare class PolylineAttribute extends CommonShapeMethod<PolylineAttribute> {
   /**
    * Called when the polyline is set to pass through the coordinate point list.
    * @since 7
    */
-  points(value: Array<any>): T;
+  points(value: Array<any>): PolylineAttribute;
 }
 
-export declare class PolylineExtend<T> extends PolylineAttribute<T> {}
-export declare const PolylineInterface: Polyline;
+declare const Polyline: PolylineInterface;
+declare const PolylineInstance: PolylineAttribute;
diff --git a/api/@internal/component/ets/progress.d.ts b/api/@internal/component/ets/progress.d.ts
index 4759cb9107..80a73a7da0 100644
--- a/api/@internal/component/ets/progress.d.ts
+++ b/api/@internal/component/ets/progress.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Length, ResourceColor } from "./units";
-
 /**
  * Type of progress bar
  * @since 7
  */
-export declare enum ProgressStyle {
+declare enum ProgressStyle {
   /**
    * Linear progress bar style.
    * @devices phone, tablet, car.
@@ -61,43 +58,43 @@ export declare enum ProgressStyle {
  * Provides the progress bar interface.
  * @since 7
  */
-interface Progress extends ProgressAttribute<Progress> {
+interface ProgressInterface {
   /**
    * Called when the progress bar is set.
    * @since 7
    */
-  (object: { value: number; total?: number; style?: ProgressStyle }): Progress;
+  (object: { value: number; total?: number; style?: ProgressStyle }): ProgressAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ProgressAttribute<T> extends CommonMethod<T> {
+declare class ProgressAttribute extends CommonMethod<ProgressAttribute> {
   /**
    * Called when the current progress value is set.
    * @since 7
    */
-  value(value: number): T;
+  value(value: number): ProgressAttribute;
 
   /**
    * Called when the progress bar foreground is set.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): ProgressAttribute;
 
   /**
    * Called when the style of the circular progress bar is set.
    * @since 7
    */
-  circularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): T;
+  circularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): ProgressAttribute;
 
   /**
    * Called when the style of the cricular progress bar is set.
    * @since 7
    * @deprecated since 7
    */
-  cricularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): T;
+  cricularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): ProgressAttribute;
 }
 
-export declare class ProgressExtend<T> extends ProgressAttribute<T> {}
-export declare const ProgressInterface: Progress;
+declare const Progress: ProgressInterface;
+declare const ProgressInstance: ProgressAttribute;
diff --git a/api/@internal/component/ets/qrcode.d.ts b/api/@internal/component/ets/qrcode.d.ts
index 6c8a94fe99..61eefc5700 100644
--- a/api/@internal/component/ets/qrcode.d.ts
+++ b/api/@internal/component/ets/qrcode.d.ts
@@ -13,37 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Provides an interface for generating QR codes.
  * @since 7
  */
-interface QRCode extends QRCodeAttribute<QRCode> {
+interface QRCodeInterface {
   /**
    * Called when a QR code is set.
    * @since 7
    */
-  (value: string): QRCode;
+  (value: string): QRCodeAttribute;
 }
 
 /**
  * @since 7
  */
-declare class QRCodeAttribute<T> extends CommonMethod<T> {
+declare class QRCodeAttribute extends CommonMethod<QRCodeAttribute> {
   /**
    * Called when the QR code color is set.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): QRCodeAttribute;
 
   /**
    * Called when setting the QR code background color.
    * @since 7
    */
-  backgroundColor(value: ResourceColor): T;
+  backgroundColor(value: ResourceColor): QRCodeAttribute;
 }
 
-export declare class QRCodeExtend<T> extends QRCodeAttribute<T> {}
-export declare const QRCodeInterface: QRCode;
+declare const QRCode: QRCodeInterface;
+declare const QRCodeInstance: QRCodeAttribute;
diff --git a/api/@internal/component/ets/radio.d.ts b/api/@internal/component/ets/radio.d.ts
index f8bc72d31a..d3d749404c 100644
--- a/api/@internal/component/ets/radio.d.ts
+++ b/api/@internal/component/ets/radio.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Input parameter for creating a radio box.
  * @devices phone, tablet, car
  * @since 8
  */
-export declare interface RadioOption {
+declare interface RadioOption {
   /**
    * Radio group name.
    * @devices phone, tablet, car
@@ -41,34 +39,34 @@ export declare interface RadioOption {
  * @devices phone, tablet, car
  * @since 8
  */
-interface Radio extends RadioAttribute<Radio> {
+interface RadioInterface {
   /**
    * Called when a radio box is created.
    * @devices phone, tablet, car
    * @since 8
    */
-  (options: RadioOption): Radio;
+  (options: RadioOption): RadioAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare class RadioAttribute<T> extends CommonMethod<T> {
+declare class RadioAttribute extends CommonMethod<RadioAttribute> {
   /**
    * Called when the radio box is selected.
    * @devices phone, tablet, car
    * @since 8
    */
-  checked(value: boolean): T;
+  checked(value: boolean): RadioAttribute;
 
   /**
    * Called when the radio box selection status changes.
    * @devices phone, tablet, car
    * @since 8
    */
-  onChange(callback: (isChecked: boolean) => void): T;
+  onChange(callback: (isChecked: boolean) => void): RadioAttribute;
 }
 
-export declare class RadioExtend<T> extends RadioAttribute<T> {}
-export declare const RadioInterface: Radio;
+declare const Radio: RadioInterface;
+declare const RadioInstance: RadioAttribute;
diff --git a/api/@internal/component/ets/rating.d.ts b/api/@internal/component/ets/rating.d.ts
index 7403946f44..09f6740ec7 100644
--- a/api/@internal/component/ets/rating.d.ts
+++ b/api/@internal/component/ets/rating.d.ts
@@ -13,48 +13,46 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Provides the interface for scoring bars.
  * @since 7
  */
-interface Rating extends RatingAttribute<Rating> {
+interface RatingInterface {
   /**
    * Called when a score bar is created.
    * @since 7
    */
-  (options?: { rating: number; indicator?: boolean }): Rating;
+  (options?: { rating: number; indicator?: boolean }): RatingAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RatingAttribute<T> extends CommonMethod<T> {
+declare class RatingAttribute extends CommonMethod<RatingAttribute> {
   /**
    * Called when the total number of stars is set.
    * @since 7
    */
-  stars(value: number): T;
+  stars(value: number): RatingAttribute;
 
   /**
    * Called when the step size of the operation rating.
    * @since 7
    */
-  stepSize(value: number): T;
+  stepSize(value: number): RatingAttribute;
 
   /**
    * Called when a picture is set.
    * @since 7
    */
-  starStyle(value: { backgroundUri: string; foregroundUri: string; secondaryUri?: string }): T;
+  starStyle(value: { backgroundUri: string; foregroundUri: string; secondaryUri?: string }): RatingAttribute;
 
   /**
    * Called when the star rating of the operation scoring bar changes.
    * @since 7
    */
-  onChange(callback: (value: number) => void): T;
+  onChange(callback: (value: number) => void): RatingAttribute;
 }
 
-export declare class RatingExtend<T> extends RatingAttribute<T> {}
-export declare const RatingInterface: Rating;
+declare const Rating: RatingInterface;
+declare const RatingInstance: RatingAttribute;
diff --git a/api/@internal/component/ets/rect.d.ts b/api/@internal/component/ets/rect.d.ts
index 9c5d3c0169..7ca9aa72fa 100644
--- a/api/@internal/component/ets/rect.d.ts
+++ b/api/@internal/component/ets/rect.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
 
 /**
  * Provides an interface for drawing rectangles.
  * @since 7
  */
-interface Rect extends RectAttribute<Rect> {
+interface RectInterface {
   /**
    * Use new function to create Rect.
    * @since 7
@@ -37,7 +36,7 @@ interface Rect extends RectAttribute<Rect> {
           radiusWidth?: number | string;
           radiusHeight?: number | string;
         },
-  ): Rect;
+  ): RectAttribute;
 
   /**
    * Called when a rectangle is created.
@@ -56,31 +55,31 @@ interface Rect extends RectAttribute<Rect> {
           radiusWidth?: number | string;
           radiusHeight?: number | string;
         },
-  ): Rect;
+  ): RectAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RectAttribute<T> extends CommonShapeMethod<T> {
+declare class RectAttribute extends CommonShapeMethod<RectAttribute> {
   /**
    * Called when the fillet width is set.
    * @since 7
    */
-  radiusWidth(value: number | string): T;
+  radiusWidth(value: number | string): RectAttribute;
 
   /**
    * Called when the fillet height is set.
    * @since 7
    */
-  radiusHeight(value: number | string): T;
+  radiusHeight(value: number | string): RectAttribute;
 
   /**
    * Called when the fillet size is set.
    * @since 7
    */
-  radius(value: number | string | Array<any>): T;
+  radius(value: number | string | Array<any>): RectAttribute;
 }
 
-export declare class RectExtend<T> extends RectAttribute<T> {}
-export declare const RectInterface: Rect;
+declare const Rect: RectInterface;
+declare const RectInStance: RectAttribute;
diff --git a/api/@internal/component/ets/refresh.d.ts b/api/@internal/component/ets/refresh.d.ts
index 8750e9f5f6..648528bb7d 100644
--- a/api/@internal/component/ets/refresh.d.ts
+++ b/api/@internal/component/ets/refresh.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * The refresh status of the drop-down refresh.
  * @since 8
  */
-export declare enum RefreshStatus {
+declare enum RefreshStatus {
   /**
    * The refresh status of the drop-down refresh.
    * @since 8
@@ -55,30 +53,30 @@ export declare enum RefreshStatus {
  * Provides a pull-down refresh interface.
  * @since 8
  */
-interface Refresh extends RefreshAttribute<Refresh> {
+interface RefreshInterface {
   /**
    * Called when the drop-down refresh is set.
    * @since 8
    */
-  (value: { refreshing: boolean; offset?: number | string; friction?: number | string }): Refresh;
+  (value: { refreshing: boolean; offset?: number | string; friction?: number | string }): RefreshAttribute;
 }
 
 /**
  * @since 8
  */
-declare class RefreshAttribute<T> extends CommonMethod<T> {
+declare class RefreshAttribute extends CommonMethod<RefreshAttribute> {
   /**
    * Called when the refresh state changes.
    * @since 8
    */
-  onStateChange(callback: (state: RefreshStatus) => void): T;
+  onStateChange(callback: (state: RefreshStatus) => void): RefreshAttribute;
 
   /**
    * Called when the refresh state is entered.
    * @since 8
    */
-  onRefreshing(callback: () => void): T;
+  onRefreshing(callback: () => void): RefreshAttribute;
 }
 
-export declare class RefreshExtend<T> extends RefreshAttribute<T> {}
-export declare const RefreshInterface: Refresh;
+declare const Refresh: RefreshInterface;
+declare const RefreshInstance: RefreshAttribute;
diff --git a/api/@internal/component/ets/row.d.ts b/api/@internal/component/ets/row.d.ts
index b225cd0aa8..412041e9df 100644
--- a/api/@internal/component/ets/row.d.ts
+++ b/api/@internal/component/ets/row.d.ts
@@ -13,31 +13,28 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { VerticalAlign } from "./enums";
-
 /**
  * The components are laid out horizontally
  * @since 7
  */
-interface Row extends RowAttribute<Row> {
+interface RowInterface {
   /**
    * Called when the layout is set in the horizontal direction.
    * @since 7
    */
-  (value?: { space?: string | number }): Row;
+  (value?: { space?: string | number }): RowAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RowAttribute<T> extends CommonMethod<T> {
+declare class RowAttribute extends CommonMethod<RowAttribute> {
   /**
    * Called when the vertical alignment is set.
    * @since 7
    */
-  alignItems(value: VerticalAlign): T;
+  alignItems(value: VerticalAlign): RowAttribute;
 }
 
-export declare class RowExtend<T> extends RowAttribute<T> {}
-export declare const RowInterface: Row;
+declare const Row: RowInterface;
+declare const RowInstance: RowAttribute;
diff --git a/api/@internal/component/ets/row_split.d.ts b/api/@internal/component/ets/row_split.d.ts
index ea1b2eab15..38049dc12d 100644
--- a/api/@internal/component/ets/row_split.d.ts
+++ b/api/@internal/component/ets/row_split.d.ts
@@ -13,30 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * Provides interfaces for layout in the vertical direction.
  * @since 7
  */
-interface RowSplit extends RowSplitAttribute<RowSplit> {
+interface RowSplitInterface {
   /**
    * Called when the layout along the vertical direction is set.
    * @since 7
    */
-  (): RowSplit;
+  (): RowSplitAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RowSplitAttribute<T> extends CommonMethod<T> {
+declare class RowSplitAttribute extends CommonMethod<RowSplitAttribute> {
   /**
    * Called when judging whether the split line can be dragged.
    * @since 7
    */
-  resizeable(value: boolean): T;
+  resizeable(value: boolean): RowSplitAttribute;
 }
 
-export declare class RowSplitExtend<T> extends RowSplitAttribute<T> {}
-export declare const RowSplitInterface: RowSplit;
+declare const RowSplit: RowSplitInterface;
+declare const RowSplitInstance: RowSplitAttribute;
diff --git a/api/@internal/component/ets/scroll.d.ts b/api/@internal/component/ets/scroll.d.ts
index 30672e8dd6..7ea65ec436 100644
--- a/api/@internal/component/ets/scroll.d.ts
+++ b/api/@internal/component/ets/scroll.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Axis, BarState, Color, Curve, Edge, EdgeEffect } from "./enums";
-
 /**
  * Content scroll direction.
  * @since 7
  */
-export declare enum ScrollDirection {
+declare enum ScrollDirection {
   /**
    * Vertical scrolling is supported.
    * @since 7
@@ -49,7 +46,7 @@ export declare enum ScrollDirection {
 /**
  * @since 7
  */
-export declare class Scroller {
+declare class Scroller {
   /**
    * constructor.
    * @since 7
@@ -95,66 +92,66 @@ export declare class Scroller {
  * Provides interfaces for scrollable containers.
  * @since 7
  */
-interface Scroll extends ScrollAttribute<Scroll> {
+interface ScrollInterface {
   /**
    * Called when a scrollable container is set.
    * @since 7
    */
-  (scroller?: Scroller): Scroll;
+  (scroller?: Scroller): ScrollAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ScrollAttribute<T> extends CommonMethod<T> {
+declare class ScrollAttribute extends CommonMethod<ScrollAttribute> {
   /**
    * Called when the scroll method is slid.
    * @since 7
    */
-  scrollable(value: ScrollDirection): T;
+  scrollable(value: ScrollDirection): ScrollAttribute;
 
   /**
    * Called when the setting slides to the specified position.
    * @since 7
    */
-  onScroll(event: (xOffset: number, yOffset: number) => void): T;
+  onScroll(event: (xOffset: number, yOffset: number) => void): ScrollAttribute;
 
   /**
    * Called when scrolling to the edge of the container.
    * @since 7
    */
-  onScrollEdge(event: (side: Edge) => void): T;
+  onScrollEdge(event: (side: Edge) => void): ScrollAttribute;
 
   /**
    * Called when scrolling has stopped.
    * @since 7
    */
-  onScrollEnd(event: () => void): T;
+  onScrollEnd(event: () => void): ScrollAttribute;
 
   /**
    * Called when the status of the scroll bar is set.
    * @since 7
    */
-  scrollBar(barState: BarState): T;
+  scrollBar(barState: BarState): ScrollAttribute;
 
   /**
    * Called when the color of the scroll bar is set.
    * @since 7
    */
-  scrollBarColor(color: Color | number | string): T;
+  scrollBarColor(color: Color | number | string): ScrollAttribute;
 
   /**
    * Called when the width of the scroll bar is set.
    * @since 7
    */
-  scrollBarWidth(value: number | string): T;
+  scrollBarWidth(value: number | string): ScrollAttribute;
 
   /**
    * Called when the sliding effect is set.
    * @since 7
    */
-  edgeEffect(edgeEffect: EdgeEffect): T;
+  edgeEffect(edgeEffect: EdgeEffect): ScrollAttribute;
 }
 
-export declare class ScrollExtend<T> extends ScrollAttribute<T> {}
-export declare const ScrollInterface: Scroll;
+declare const Scroll: ScrollInterface;
+declare const ScrollInstance: ScrollAttribute;
diff --git a/api/@internal/component/ets/scroll_bar.d.ts b/api/@internal/component/ets/scroll_bar.d.ts
index 646432dc10..0a722fca39 100644
--- a/api/@internal/component/ets/scroll_bar.d.ts
+++ b/api/@internal/component/ets/scroll_bar.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { BarState } from "./enums";
-import { Scroller } from "./scroll";
-
 /**
  * Content scroll direction.
  * @since 8
  */
-export declare enum ScrollBarDirection {
+declare enum ScrollBarDirection {
   /**
    * Vertical scrolling is supported.
    * @since 8
@@ -39,7 +35,7 @@ export declare enum ScrollBarDirection {
  * Defines the option of ScrollBar.
  * @since 8
  */
-export declare interface ScrollBarOption {
+declare interface ScrollBarOption {
   /**
    * Sets the scroller of scroll bar.
    * @since 8
@@ -63,17 +59,17 @@ export declare interface ScrollBarOption {
  * Provides interfaces for scroll bar.
  * @since 8
  */
-interface ScrollBar extends ScrollBarAttribute<ScrollBar> {
+interface ScrollBarInterface {
   /**
    * Called when a ScrollBar container is set.
    * @since 8
    */
-  (value: ScrollBarOption): ScrollBar;
+  (value: ScrollBarOption): ScrollBarAttribute;
 }
 
 /**
  * @since 8
  */
-declare class ScrollBarAttribute<T> extends CommonMethod<T> {}
-export declare class ScrollBarExtend<T> extends ScrollBarAttribute<T> {}
-export declare const ScrollBarInterface: ScrollBar;
+declare class ScrollBarAttribute extends CommonMethod<ScrollBarAttribute> {}
+declare const ScrollBar: ScrollBarInterface;
+declare const ScrollBarInstance: ScrollBarAttribute;
diff --git a/api/@internal/component/ets/search.d.ts b/api/@internal/component/ets/search.d.ts
index a2555d290f..7cb3ae0d5e 100644
--- a/api/@internal/component/ets/search.d.ts
+++ b/api/@internal/component/ets/search.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor, Font } from "./units";
-
 /**
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class SearchController {
+declare class SearchController {
   /**
    * constructor.
    * @since 8
@@ -37,73 +34,73 @@ export declare class SearchController {
  * The construct function of search
  * @since 8
  */
-interface Search extends SearchAttribute<Search> {
+interface SearchInterface {
   (options?: { value?: string;
       placeholder?: string;
       icon?: string;
       controller?: SearchController
-  }): Search;
+  }): SearchAttribute;
 }
 
 /**
  * The attribute function of search
  * @since 8
  */
-declare class SearchAttribute<T> extends CommonMethod<T> {
+declare class SearchAttribute extends CommonMethod<SearchAttribute> {
   /**
    * Set the search button text
    * @since 8
    */
-  searchButton(value: string): T;
+  searchButton(value: string): SearchAttribute;
 
   /**
    * Set the place hold text color
    * @since 8
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): SearchAttribute;
 
   /**
    * Set the font used for place holder text
    * @since 8
    */
-  placeholderFont(value?: Font): T;
+  placeholderFont(value?: Font): SearchAttribute;
 
   /**
    * Set the font used for input text
    * @since 8
    */
-  textFont(value?: Font): T;
+  textFont(value?: Font): SearchAttribute;
 
   /**
    * Call the function when clicked the search button
    * @since 8
    */
-  onSubmit(callback: (value: string) => void): T;
+  onSubmit(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Call the function when editing the input text
    * @since 8
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): SearchAttribute;
 }
 
-export declare class SearchExtend<T> extends SearchAttribute<T> {}
-export declare const SearchInterface: Search;
+declare const Search: SearchInterface;
+declare const SearchInstance: SearchAttribute;
diff --git a/api/@internal/component/ets/select.d.ts b/api/@internal/component/ets/select.d.ts
index 33f7f832e5..7c5190b8a9 100644
--- a/api/@internal/component/ets/select.d.ts
+++ b/api/@internal/component/ets/select.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceStr, Font, ResourceColor } from "./units";
-
 /**
  * The declare of slectOption.
  * @since 8
  */
-export declare interface SelectOption {
+declare interface SelectOption {
   /**
    * option string.
    * @since 8
@@ -38,85 +35,85 @@ export declare interface SelectOption {
  * Provides the select interface.
  * @since 8
  */
-interface Select extends SelectAttribute<Select> {
+interface SelectInterface {
   /**
    * Called when the select is set.
    * @since 8
    */
-  (options: Array<SelectOption>): Select;
+  (options: Array<SelectOption>): SelectAttribute;
 }
 
 /**
  * The commonMethod of select.
  * @since 8
  */
-declare class SelectAttribute<T> extends CommonMethod<T> {
+declare class SelectAttribute extends CommonMethod<SelectAttribute> {
   /**
    * Sets the serial number of the select item, starting from 0.
    * @since 8
    */
-  selected(value: number): T;
+  selected(value: number): SelectAttribute;
 
   /**
    * Sets the text display of the select button itself.
    * @since 8
    */
-  value(value: string): T;
+  value(value: string): SelectAttribute;
 
   /**
    * Sets the text properties of the select button itself.
    * @since 8
    */
-  font(value: Font): T;
+  font(value: Font): SelectAttribute;
 
   /**
    * Sets the text color of the select button itself.
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the background color of the selected items in the select.
    * @since 8
    */
-  selectedOptionBgColor(value: ResourceColor): T;
+  selectedOptionBgColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the text style of the selected items in the select.
    * @since 8
    */
-  selectedOptionFont(value: Font): T;
+  selectedOptionFont(value: Font): SelectAttribute;
 
   /**
    * Sets the text color of the selected item in the select.
    * @since 8
    */
-  selectedOptionFontColor(value: ResourceColor): T;
+  selectedOptionFontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the background color of the select item.
    * @since 8
    */
-  optionBgColor(value: ResourceColor): T;
+  optionBgColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the text style for select items.
    * @since 8
    */
-  optionFont(value: Font): T;
+  optionFont(value: Font): SelectAttribute;
 
   /**
    * Sets the text color for select items.
    * @since 8
    */
-  optionFontColor(value: ResourceColor): T;
+  optionFontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Callback for selecting an item from the select.
    * @since 8
    */
-  onSelected(event: (index: number) => void): T;
+  onSelected(event: (index: number) => void): SelectAttribute;
 }
 
-export declare class SelectExtend<T> extends SelectAttribute<T> {}
-export declare const SelectInterface: Select;
+declare const Select: SelectInterface;
+declare const SelectInstance: SelectAttribute;
diff --git a/api/@internal/component/ets/shape.d.ts b/api/@internal/component/ets/shape.d.ts
index 195f0ce74d..eab2d6bff5 100644
--- a/api/@internal/component/ets/shape.d.ts
+++ b/api/@internal/component/ets/shape.d.ts
@@ -13,104 +13,100 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { LineCapStyle, LineJoinStyle } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * Provides interfaces for drawing components.
  * @since 7
  */
-interface Shape extends ShapeAttribute<Shape> {
+interface ShapeInterface {
   /**
    * Use the new function to create Shape.
    * @since 7
    */
-  new (value?: PixelMap): Shape;
+  new (value?: PixelMap): ShapeAttribute;
 
   /**
    * Called when a component is drawn.
    * @since 7
    */
-  (value?: PixelMap): Shape;
+  (value?: PixelMap): ShapeAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ShapeAttribute<T> extends CommonMethod<T> {
+declare class ShapeAttribute extends CommonMethod<ShapeAttribute> {
   /**
    * Viewport of shape
    * @since 7
    */
-  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): T;
+  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): ShapeAttribute;
 
   /**
    * Called when the border color is set.
    * @since 7
    */
-  stroke(value: ResourceColor): T;
+  stroke(value: ResourceColor): ShapeAttribute;
 
   /**
    * Called when the fill color is set.
    * @since 7
    */
-  fill(value: ResourceColor): T;
+  fill(value: ResourceColor): ShapeAttribute;
 
   /**
    * Called when the offset of the starting point of border drawing is set.
    * @since 7
    */
-  strokeDashOffset(value: number | string): T;
+  strokeDashOffset(value: number | string): ShapeAttribute;
 
   /**
    * Called when the gap of the border is set.
    * @since 7
    */
-  strokeDashArray(value: Array<any>): T;
+  strokeDashArray(value: Array<any>): ShapeAttribute;
 
   /**
    * Called when the path endpoint drawing style is set.
    * @since 7
    */
-  strokeLineCap(value: LineCapStyle): T;
+  strokeLineCap(value: LineCapStyle): ShapeAttribute;
 
   /**
    * Called when the border corner drawing style is set.
    * @since 7
    */
-  strokeLineJoin(value: LineJoinStyle): T;
+  strokeLineJoin(value: LineJoinStyle): ShapeAttribute;
 
   /**
    * Called when the limit value for drawing acute angles as oblique angles is set.
    * @since 7
    */
-  strokeMiterLimit(value: number | string): T;
+  strokeMiterLimit(value: number | string): ShapeAttribute;
 
   /**
    * Called when the opacity of the border is set.
    * @since 7
    */
-  strokeOpacity(value: number | string | Resource): T;
+  strokeOpacity(value: number | string | Resource): ShapeAttribute;
 
   /**
    * Called when the transparency of the border is set.
    * @since 7
    */
-  fillOpacity(value: number | string | Resource): T;
+  fillOpacity(value: number | string | Resource): ShapeAttribute;
 
   /**
    * Called when the width of the border is set.
    * @since 7
    */
-  strokeWidth(value: number | string): T;
+  strokeWidth(value: number | string): ShapeAttribute;
 
   /**
    * Called when setting whether anti aliasing is on.
    * @since 7
    */
-  antiAlias(value: boolean): T;
+  antiAlias(value: boolean): ShapeAttribute;
 }
 
-export declare class ShapeExtend<T> extends ShapeAttribute<T> {}
-export declare const ShapeInterface: Shape;
+declare const Shape: ShapeInterface;
+declare const ShapeInstance: ShapeAttribute;
diff --git a/api/@internal/component/ets/sheet.d.ts b/api/@internal/component/ets/sheet.d.ts
index e7381ae5c7..59b190edb3 100644
--- a/api/@internal/component/ets/sheet.d.ts
+++ b/api/@internal/component/ets/sheet.d.ts
@@ -13,25 +13,23 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Provides the interface for the sheet attributes.
  * @since 8
  */
-interface Sheet extends SheetAttribute<Sheet> {
+interface SheetInterface {
   /**
    * Create sheet.
    * @since 8
    */
-  (): Sheet;
+  (): SheetAttribute;
 }
 
 /**
  * Declares sheet properties.
  * @since 8
  */
-declare class SheetAttribute<T> extends CommonMethod<T> {}
+declare class SheetAttribute extends CommonMethod<SheetAttribute> {}
 
-export declare class SheetExtend<T> extends SheetAttribute<T> {}
-export declare const SheetInterface: Sheet;
+declare const Sheet: SheetInterface;
+declare const SheetInstance: SheetAttribute;
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
index 38370eca59..ff35cd0559 100644
--- a/api/@internal/component/ets/slider.d.ts
+++ b/api/@internal/component/ets/slider.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { Axis } from "./enums";
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
 
 /**
  * Declare sliderstyle
  * @since 7
  */
-export declare enum SliderStyle {
+declare enum SliderStyle {
   /**
    * The slider is on the slide rail.
    * @since 7
@@ -39,7 +36,7 @@ export declare enum SliderStyle {
  * Declare SliderChangeMode
  * @since 7
  */
-export declare enum SliderChangeMode {
+declare enum SliderChangeMode {
   /**
    * Start dragging the slider.
    * @since 7
@@ -63,7 +60,7 @@ export declare enum SliderChangeMode {
  * Defines the option of Slider.
  * @since 7
  */
-export declare interface SliderOption {
+declare interface SliderOption {
   /**
    * Current value of Slider.
    * @since 7
@@ -111,70 +108,70 @@ export declare interface SliderOption {
  * Provides an interface for the slide bar component.
  * @since 7
  */
-interface Slider extends SliderAttribute<Slider> {
+interface SliderInterface {
   /**
    * Called when the slider bar component is used.
    * @since 7
    */
-  (options?: SliderOption): Slider;
+  (options?: SliderOption): SliderAttribute;
 }
 
 /**
  * Defines the attribute functions of Slider.
  * @since 7
  */
-declare class SliderAttribute<T> extends CommonMethod<T> {
+declare class SliderAttribute extends CommonMethod<SliderAttribute> {
   /**
    * Called when the slider color of the slider bar is set.
    * @since 7
    */
-  blockColor(value: ResourceColor): T;
+  blockColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the track color of the slider is set.
    * @since 7
    */
-  trackColor(value: ResourceColor): T;
+  trackColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the slider of the slider bar is set to slide over the area color.
    * @since 7
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the minimum label is set.
    * @since 7
    */
-  minLabel(value: string): T;
+  minLabel(value: string): SliderAttribute;
 
   /**
    * Called when the maximum label is set.
    * @since 7
    */
-  maxLabel(value: string): T;
+  maxLabel(value: string): SliderAttribute;
 
   /**
    * Called when setting whether to display step size.
    * @devices phone, tablet, car
    * @since 7
    */
-  showSteps(value: boolean): T;
+  showSteps(value: boolean): SliderAttribute;
 
   /**
    * Called when the percentage of bubble prompt is set when sliding.
    * @devices phone, tablet, car
    * @since 7
    */
-  showTips(value: boolean): T;
+  showTips(value: boolean): SliderAttribute;
 
   /**
    * Called when the selection value changes.
    * @devices phone, tablet, car
    * @since 7
    */
-  onChange(callback: (value: number, mode: SliderChangeMode) => void): T;
+  onChange(callback: (value: number, mode: SliderChangeMode) => void): SliderAttribute;
 }
 
-export declare class SliderExtend<T> extends SliderAttribute<T> {}
-export declare const SliderInterface: Slider;
+declare const Slider: SliderInterface;
+declare const SliderInstance: SliderAttribute;
diff --git a/api/@internal/component/ets/span.d.ts b/api/@internal/component/ets/span.d.ts
index 913d6d9eec..0e5441eccf 100644
--- a/api/@internal/component/ets/span.d.ts
+++ b/api/@internal/component/ets/span.d.ts
@@ -13,73 +13,69 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight, TextDecorationType, TextCase } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * Provide text decoration.
  * @since 7
  */
-interface Span extends SpanAttribute<Span> {
+interface SpanInterface {
   /**
    * Called when text is entered in span.
    * @since 7
    */
-  (value: string | Resource): Span;
+  (value: string | Resource): SpanAttribute;
 }
 
 /**
  * @since 7
  */
-declare class SpanAttribute<T> extends CommonMethod<T> {
+declare class SpanAttribute extends CommonMethod<SpanAttribute> {
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): SpanAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: number | string | Resource): T;
+  fontSize(value: number | string | Resource): SpanAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): SpanAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): SpanAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): SpanAttribute;
 
   /**
    * Called when the text decoration of the text is set.
    * @since 7
    */
-  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): SpanAttribute;
 
   /**
    * Called when the distance between text fonts is set.
    * @since 7
    */
-  letterSpacing(value: number | string): T;
+  letterSpacing(value: number | string): SpanAttribute;
 
   /**
    * Called when the type of letter in the text font is set.
    */
-  textCase(value: TextCase): T;
+  textCase(value: TextCase): SpanAttribute;
 }
 
-export declare class SpanExtend<T> extends SpanAttribute<T> {}
-export declare const SpanInterface: Span;
+declare const Span: SpanInterface;
+declare const SpanInstance: SpanAttribute;
diff --git a/api/@internal/component/ets/stack.d.ts b/api/@internal/component/ets/stack.d.ts
index 6fba06254e..bc12bdacfd 100644
--- a/api/@internal/component/ets/stack.d.ts
+++ b/api/@internal/component/ets/stack.d.ts
@@ -13,31 +13,28 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Alignment } from "./enums";
-
 /**
  * Provides ports for stacking containers.
  * @since 7
  */
-interface Stack extends StackAttribute<Stack> {
+interface StackInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { alignContent?: Alignment }): Stack;
+  (value?: { alignContent?: Alignment }): StackAttribute;
 }
 
 /**
  * @since 7
  */
-declare class StackAttribute<T> extends CommonMethod<T> {
+declare class StackAttribute extends CommonMethod<StackAttribute> {
   /**
    * Called when the occupancy of items in the container is set.
    * @since 7
    */
-  alignContent(value: Alignment): T;
+  alignContent(value: Alignment): StackAttribute;
 }
 
-export declare class StackExtend<T> extends StackAttribute<T> {}
-export declare const StackInterface: Stack;
+declare const Stack: StackInterface;
+declare const StackInstance: StackAttribute;
diff --git a/api/@internal/component/ets/stateManagement.d.ts b/api/@internal/component/ets/stateManagement.d.ts
index 808f9071b4..ca532e1754 100644
--- a/api/@internal/component/ets/stateManagement.d.ts
+++ b/api/@internal/component/ets/stateManagement.d.ts
@@ -232,12 +232,12 @@ declare class SyncedPropertyOneWay<T>
 /**
  * @since 7
  */
-export declare class AppStorage {
+declare class AppStorage {
   /**
    * Called when a link is set.
    * @since 7
    */
-  static Link<T>(propName: string): any;
+  static Link(propName: string): any;
 
   /**
    * Called when a hyperlink is set.
@@ -249,7 +249,7 @@ export declare class AppStorage {
    * Called when a property is set.
    * @since 7
    */
-  static Prop<S>(propName: string): any;
+  static Prop(propName: string): any;
 
   /**
    * Called when dynamic properties are set.
@@ -315,7 +315,7 @@ export declare class AppStorage {
 /**
  * @since 7
  */
-export declare class Environment {
+declare class Environment {
   /**
    * Constructor.
    * @since 7
@@ -349,7 +349,7 @@ export declare class Environment {
 /**
  * @since 7
  */
-export declare enum ColorMode {
+declare enum ColorMode {
   /**
    * Bright color.
    * @since 7
@@ -366,7 +366,7 @@ export declare enum ColorMode {
 /**
  * @since 7
  */
-export declare enum LayoutDirection {
+declare enum LayoutDirection {
   /**
    * Elements are laid out from left to right.
    * @since 7
@@ -389,7 +389,7 @@ export declare enum LayoutDirection {
 /**
  * @since 7
  */
-export declare class PersistentStorage {
+declare class PersistentStorage {
   /**
    * Constructor parameters.
    * @since 7
@@ -429,7 +429,7 @@ export declare class PersistentStorage {
 /**
  * @since 7
  */
-export declare class Storage {
+declare class Storage {
   /**
    * Constructor parameters.
    * @since 7
@@ -464,7 +464,7 @@ export declare class Storage {
 /**
  * @since 7
  */
-export declare abstract class SubscribaleAbstract {
+declare abstract class SubscribaleAbstract {
   /**
    * Returns the ownership attribute set by the.
    * @since 7
@@ -505,4 +505,4 @@ export declare abstract class SubscribaleAbstract {
 /**
  * @since 7
  */
-export declare const appStorage: AppStorage;
+declare const appStorage: AppStorage;
diff --git a/api/@internal/component/ets/stepper.d.ts b/api/@internal/component/ets/stepper.d.ts
index d4a8861b48..7133867859 100644
--- a/api/@internal/component/ets/stepper.d.ts
+++ b/api/@internal/component/ets/stepper.d.ts
@@ -13,62 +13,60 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Declare the stepper.
 
  * @since 8
  */
-interface Stepper extends StepperAttribute<Stepper> {
+interface StepperInterface {
   /**
    * Called when the stepper component is used.
 
    * @since 8
    */
-  (value?: { index?: number }): Stepper;
+  (value?: { index?: number }): StepperAttribute;
 }
 
 /**
  * Defines the stepper attribute functions
  * @since 8
  */
-declare class StepperAttribute<T> extends CommonMethod<T> {
+declare class StepperAttribute extends CommonMethod<StepperAttribute> {
   /**
    * Callback when the finish label is clicked.
 
    * @since 8
    */
-  onFinish(callback: () => void): T;
+  onFinish(callback: () => void): StepperAttribute;
 
   /**
    * Callback when the skip label is clicked.
 
    * @since 8
    */
-  onSkip(callback: () => void): T;
+  onSkip(callback: () => void): StepperAttribute;
 
   /**
    * Callback when the change label is clicked.
 
    * @since 8
    */
-  onChange(callback: (prevIndex?: number, index?: number) => void): T;
+  onChange(callback: (prevIndex?: number, index?: number) => void): StepperAttribute;
 
   /**
    * Callback when the next label is clicked.
 
    * @since 8
    */
-  onNext(callback: (index?: number, pendingIndex?: number) => void): T;
+  onNext(callback: (index?: number, pendingIndex?: number) => void): StepperAttribute;
 
   /**
    * Callback when the previous label is clicked.
 
    * @since 8
    */
-  onPrevious(callback: (index?: number, pendingIndex?: number) => void): T;
+  onPrevious(callback: (index?: number, pendingIndex?: number) => void): StepperAttribute;
 }
 
-export declare class StepperExtend<T> extends StepperAttribute<T> {}
-export declare const StepperInterface: Stepper;
+declare const Stepper: StepperInterface;
+declare const StepperInstance: StepperAttribute;
diff --git a/api/@internal/component/ets/stepperItem.d.ts b/api/@internal/component/ets/stepperItem.d.ts
index 9bd38d5013..f814f80d3a 100644
--- a/api/@internal/component/ets/stepperItem.d.ts
+++ b/api/@internal/component/ets/stepperItem.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * ItemState
  * @devices phone, tablet, car
  * @since 8
  */
-export declare enum ItemState {
+declare enum ItemState {
   /**
    * Default State
    * @devices phone, tablet, car
@@ -50,55 +48,54 @@ export declare enum ItemState {
   Skip,
 }
 
-/**
- * @devices phone, tablet, car
- * @since 8
- */
-export declare class StepperItemExtend<T> extends StepperItemAttribute<T> {}
-
 /**
  * Provides an interface for switching the stepperItem view on stepper container.
  * @devices phone, tablet, car
  * @since 8
  */
-interface StepperItem extends StepperItemAttribute<StepperItem> {
+interface StepperItemInterface {
   /**
    * Called when the stepperItem component is used.
    * @devices phone, tablet, car
    * @since 8
    */
-  (): StepperItem;
+  (): StepperItemAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare class StepperItemAttribute<T> extends CommonMethod<T> {
+declare class StepperItemAttribute extends CommonMethod<StepperItemAttribute> {
   /**
    * Called when the value of stepperItem prevLabel is set
    * @devices phone, tablet, car
    * @since 8
    */
-  prevLabel(value: string): T;
+  prevLabel(value: string): StepperItemAttribute;
 
   /**
    * Called when the value of stepperItem nextLabel is set
    * @devices phone, tablet, car
    * @since 8
    */
-  nextLabel(value: string): T;
+  nextLabel(value: string): StepperItemAttribute;
 
   /**
    * Called when the value of stepperItem status is set
    * @devices phone, tablet, car
    * @since 8
    */
-  status(value?: ItemState): T;
+  status(value?: ItemState): StepperItemAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-export declare const StepperItemInterface: StepperItem;
+declare const StepperItemInstance: StepperItemInterface;
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+declare const StepperItem: StepperItemAttribute;
\ No newline at end of file
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index 9958934639..77d8b0e6cc 100644
--- a/api/@internal/component/ets/swiper.d.ts
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { EdgeEffect } from "./enums";
-
 /**
  * Provides methods for switching components.
  * @since 7
  */
-export declare class SwiperController {
+declare class SwiperController {
   /**
    * constructor.
    * @since 7
@@ -50,7 +47,7 @@ export declare class SwiperController {
  * Declare the size of the swiper on the spindle.
  * @since 7
  */
-export declare enum SwiperDisplayMode {
+declare enum SwiperDisplayMode {
   /**
    * Carousel map extension.
    * @since 7
@@ -68,102 +65,102 @@ export declare enum SwiperDisplayMode {
  * Provides an interface for sliding containers.
  * @since 7
  */
-interface Swiper extends SwiperAttribute<Swiper> {
+interface SwiperInterface {
   /**
    * Called when a sliding container is set.
    * @since 7
    */
-  (controller?: SwiperController): Swiper;
+  (controller?: SwiperController): SwiperAttribute;
 }
 
 /**
  * @since 7
  */
-declare class SwiperAttribute<T> extends CommonMethod<T> {
+declare class SwiperAttribute extends CommonMethod<SwiperAttribute> {
   /**
    * Called when the index value of the displayed subcomponent is set in the container.
    * @since 7
    */
-  index(value: number): T;
+  index(value: number): SwiperAttribute;
 
   /**
    * Called when setting whether the subcomponent plays automatically.
    * @since 7
    */
-  autoPlay(value: boolean): T;
+  autoPlay(value: boolean): SwiperAttribute;
 
   /**
    * Called when the time interval for automatic playback is set.
    * @since 7
    */
-  interval(value: number): T;
+  interval(value: number): SwiperAttribute;
 
   /**
    * Called when you set whether the navigation point indicator is enabled.
    * @since 7
    */
-  indicator(value: boolean): T;
+  indicator(value: boolean): SwiperAttribute;
 
   /**
    * Called when setting whether to turn on cyclic sliding.
    * @since 7
    */
-  loop(value: boolean): T;
+  loop(value: boolean): SwiperAttribute;
 
   /**
    * Called when the animation duration of the switch is set.
    * @since 7
    */
-  duration(value: number): T;
+  duration(value: number): SwiperAttribute;
 
   /**
    * Called when setting whether to slide vertically.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): SwiperAttribute;
 
   /**
    * Called when the size of the rotation chart is set.
    * @since 7
    */
-  itemSpace(value: number | string): T;
+  itemSpace(value: number | string): SwiperAttribute;
 
   /**
    * Called when setting the size of the swiper container on the spindle.
    * @since 7
    */
-  displayMode(value: SwiperDisplayMode): T;
+  displayMode(value: SwiperDisplayMode): SwiperAttribute;
 
   /**
    * Called when setting the cached count of the swiper container one side.
    * @since 8
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): SwiperAttribute;
 
   /**
    * This command is invoked when the number of subcomponents is set.
    * @since 8
    */
-  displayCount(value: number | string): T;
+  displayCount(value: number | string): SwiperAttribute;
 
   /**
    * Invoked when setting the sliding effect
    * @since 8
    */
-  effectMode(value: EdgeEffect): T;
+  effectMode(value: EdgeEffect): SwiperAttribute;
 
   /**
    * Called when sliding is disableSwipe
    * @since 8
    */
-  disableSwipe(value: boolean): T;
+  disableSwipe(value: boolean): SwiperAttribute;
 
   /**
    * Called when the index value changes.
    * @since 7
    */
-  onChange(event: (index: number) => void): T;
+  onChange(event: (index: number) => void): SwiperAttribute;
 }
 
-export declare class SwiperExtend<T> extends SwiperAttribute<T> {}
-export declare const SwiperInterface: Swiper;
+declare const Swiper: SwiperInterface;
+declare const SwiperInstance: SwiperAttribute;
diff --git a/api/@internal/component/ets/tab_content.d.ts b/api/@internal/component/ets/tab_content.d.ts
index 53bc29e416..ca258bdfd0 100644
--- a/api/@internal/component/ets/tab_content.d.ts
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -13,33 +13,30 @@
  * limitations under the License.
  */
 
-import { CommonMethod, CustomBuilder } from "./common";
-import { Resource } from "./units";
-
 /**
  * Provides an interface for switching the content view on a tab page.
  * @since 7
  */
-interface TabContent extends TabContentAttribute<TabContent> {
+interface TabContentInterface {
   /**
    * Called when the content view of the switch tab is set.
    * @since 7
    */
-  (): TabContent;
+  (): TabContentAttribute;
 }
 
 /**
  * Defines the attribute functions of TabContent.
  * @since 7
  */
-declare class TabContentAttribute<T> extends CommonMethod<T> {
+declare class TabContentAttribute extends CommonMethod<TabContentAttribute> {
   /**
    * Called when tabbar is entered.
    * @since 7
    */
   tabBar(value: string | Resource | CustomBuilder |
-    { icon?: string | Resource; text?: string | Resource }): T;
+    { icon?: string | Resource; text?: string | Resource }): TabContentAttribute;
 }
 
-export declare class TabContentExtend<T> extends TabContentAttribute<T> {}
-export declare const TabContentInterface: TabContent;
+declare const TabContent: TabContentInterface;
+declare const TabContentInstance: TabContentAttribute;
diff --git a/api/@internal/component/ets/tabs.d.ts b/api/@internal/component/ets/tabs.d.ts
index f9417bd6b2..419672c3d5 100644
--- a/api/@internal/component/ets/tabs.d.ts
+++ b/api/@internal/component/ets/tabs.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Declare the graphic format of the bar chart.
  * @since 7
  */
-export declare enum BarMode {
+declare enum BarMode {
   /**
    * The actual layout width of the TabBar is used. If the width exceeds the total width, you can slide the tabbar.
    * @since 7
@@ -37,7 +35,7 @@ export declare enum BarMode {
  * Declare the location of the bar chart.
  * @since 7
  */
-export declare enum BarPosition {
+declare enum BarPosition {
   /**
    * When the vertical attribute method is set to true, the tab is on the left of the container. When the vertical property method is set to false, the tab is at the top of the container.
    * @since 7
@@ -54,7 +52,7 @@ export declare enum BarPosition {
 /**
  * @since 7
  */
-export declare class TabsController {
+declare class TabsController {
   /**
    * constructor.
    * @since 7
@@ -72,60 +70,60 @@ export declare class TabsController {
  * Provides an interface for switching views.
  * @since 7
  */
-interface Tabs extends TabsAttribute<Tabs> {
+interface TabsInterface {
   /**
    * Called when the view is switched.
    * @since 7
    */
-  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): Tabs;
+  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): TabsAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TabsAttribute<T> extends CommonMethod<T> {
+declare class TabsAttribute extends CommonMethod<TabsAttribute> {
   /**
    * Called when determining whether the tab is vertical.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): TabsAttribute;
 
   /**
    * Called when judging whether page switching can be performed by sliding left and right.
    * @since 7
    */
-  scrollable(value: boolean): T;
+  scrollable(value: boolean): TabsAttribute;
 
   /**
    * Called when the graphic format of the bar chart is selected.
    * @since 7
    */
-  barMode(value: BarMode): T;
+  barMode(value: BarMode): TabsAttribute;
 
   /**
    * Called when the width of the bar graph is set.
    * @since 7
    */
-  barWidth(value: number): T;
+  barWidth(value: number): TabsAttribute;
 
   /**
    * Called when the height of the bar graph is set.
    * @since 7
    */
-  barHeight(value: number): T;
+  barHeight(value: number): TabsAttribute;
 
   /**
    * Called when the animation duration of the bar graph is set.
    * @since 7
    */
-  animationDuration(value: number): T;
+  animationDuration(value: number): TabsAttribute;
 
   /**
    * Called when the tab is switched.
    * @since 7
    */
-  onChange(event: (index: number) => void): T;
+  onChange(event: (index: number) => void): TabsAttribute;
 }
 
-export declare class TabsExtend<T> extends TabsAttribute<T> {}
-export declare const TabsInterface: Tabs;
+declare const Tabs: TabsInterface;
+declare const TabsInstance: TabsAttribute;
diff --git a/api/@internal/component/ets/text.d.ts b/api/@internal/component/ets/text.d.ts
index 3783a00dbd..cdd575d2eb 100644
--- a/api/@internal/component/ets/text.d.ts
+++ b/api/@internal/component/ets/text.d.ts
@@ -13,123 +13,119 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight, TextAlign, TextCase, TextDecorationType, TextOverflow } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
-/**
- * @since 7
- */
-export declare class TextExtend<T> extends TextAttribute<T> {}
 
 /**
  * Provides an interface for writing texts.
  * @since 7
  */
-interface Text extends TextAttribute<Text> {
+interface TextInterface {
   /**
    * Called when writing text.
    * @since 7
    */
-  (content?: string | Resource): Text;
+  (content?: string | Resource): TextAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TextAttribute<T> extends CommonMethod<T> {
+declare class TextAttribute extends CommonMethod<TextAttribute> {
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: number | string | Resource): T;
+  fontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the minimum font size of the font is set.
    * @since 7
    */
-  minFontSize(value: number | string | Resource): T;
+  minFontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the maximum font size of the font is set.
    * @since 7
    */
-  maxFontSize(value: number | string | Resource): T;
+  maxFontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextAttribute;
 
   /**
    * Called when the horizontal center mode of the font is set.
    * @since 7
    */
-  textAlign(value: TextAlign): T;
+  textAlign(value: TextAlign): TextAttribute;
 
   /**
    * Called when the vertical center mode of the font is set.
    * @since 7
    */
-  lineHeight(value: number | string | Resource): T;
+  lineHeight(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the overflow mode of the font is set.
    * @since 7
    */
-  textOverflow(value: { overflow: TextOverflow }): T;
+  textOverflow(value: { overflow: TextOverflow }): TextAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): TextAttribute;
 
   /**
    * Called when the maximum number of lines of text is set.
    * @since 7
    */
-  maxLines(value: number): T;
+  maxLines(value: number): TextAttribute;
 
   /**
    * Called when the text decoration of the text is set.
    * @since 7
    */
-  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): TextAttribute;
 
   /**
    * Called when the distance between text fonts is set.
    * @since 7
    */
-  letterSpacing(value: number | string): T;
+  letterSpacing(value: number | string): TextAttribute;
 
   /**
    * Called when the type of letter in the text font is set.
    * @since 7
    */
-  textCase(value: TextCase): T;
+  textCase(value: TextCase): TextAttribute;
 
   /**
    * Called when the baseline offset is set.
    * @since 7
    */
-  baselineOffset(value: number | string): T;
+  baselineOffset(value: number | string): TextAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const TextInterface: Text;
+declare const TextInstance: TextAttribute;
+/**
+ * @since 7
+ */
+declare const Text: TextInterface;
\ No newline at end of file
diff --git a/api/@internal/component/ets/text_area.d.ts b/api/@internal/component/ets/text_area.d.ts
index 6427e8666d..0bd8669c82 100644
--- a/api/@internal/component/ets/text_area.d.ts
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -13,16 +13,12 @@
  * limitations under the License.
  */
 
-import { ResourceStr } from ".";
-import { CommonMethod } from "./common";
-import { TextAlign, FontStyle, FontWeight } from "./enums";
-import { Font, Length, ResourceColor } from "./units";
 
 /**
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class TextAreaController {
+declare class TextAreaController {
   /**
    * constructor.
    * @since 8
@@ -39,7 +35,7 @@ export declare class TextAreaController {
  * Defines the option of TextArea.
  * @since 7
  */
-export declare interface TextAreaOption {
+declare interface TextAreaOption {
   /**
    * The place holder text string.
    * @since 7
@@ -63,104 +59,104 @@ export declare interface TextAreaOption {
  * Provides an interface for the multi-line text input component.
  * @since 7
  */
-interface TextArea extends TextAreaAttribute<TextArea> {
+interface TextAreaInterface {
   /**
    * Called when writing multiple lines of text.
    * @since 7
    */
-  (value?: TextAreaOption): TextArea;
+  (value?: TextAreaOption): TextAreaAttribute;
 }
 
 /**
  * Defines the attribute functions of TextArea.
  * @since 7
  */
-declare class TextAreaAttribute<T> extends CommonMethod<T> {
+declare class TextAreaAttribute extends CommonMethod<TextAreaAttribute> {
   /**
    * Called when the color of the placeholder is set.
    * @since 7
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font property of the placeholder is set.
    * @since 7
    */
-  placeholderFont(value: Font): T;
+  placeholderFont(value: Font): TextAreaAttribute;
 
   /**
    * Called when the alignment of the contents of a multiline text box is set.
    * @since 7
    */
-  textAlign(value: TextAlign): T;
+  textAlign(value: TextAlign): TextAreaAttribute;
 
   /**
    * Called when the insertion cursor color is set.
    * @since 7
    */
-  caretColor(value: ResourceColor): T;
+  caretColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextAreaAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextAreaAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextAreaAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextAreaAttribute;
 
   /**
    * Called when the inputFilter of text is set.
    * @since 8
    */
-  inputFilter(value: ResourceStr, error?: (value: string) => void): T;
+  inputFilter(value: ResourceStr, error?: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when the input changes.
    * @devices phone, tablet, car.
    * @since 7
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): TextAreaAttribute;
 }
 
-export declare class TextAreaExtend<T> extends TextAreaAttribute<T> {}
-export declare const TextAreaInterface: TextArea;
+declare const TextArea: TextAreaInterface;
+declare const TextAreaInstance: TextAreaAttribute;
diff --git a/api/@internal/component/ets/text_clock.d.ts b/api/@internal/component/ets/text_clock.d.ts
index db422c5af6..d33396e621 100644
--- a/api/@internal/component/ets/text_clock.d.ts
+++ b/api/@internal/component/ets/text_clock.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceStr, ResourceColor, Length } from "./units";
-import { FontStyle, FontWeight } from "./enums";
-
 /**
  * TextClock component, which provides the text clock capability.
  * @since 8
  */
-interface TextClock extends TextClockAttribute<TextClock> {
+interface TextClockInterface {
   /**
    * Construct the text clock component.
    * Specifies the current time zone.
@@ -29,10 +25,10 @@ interface TextClock extends TextClockAttribute<TextClock> {
    * Where a negative value indicates the eastern time zone, for example, -8.
    * @since 8
    */
-  (options?: {hourswest?: number}): TextClock;
+  (options?: {hourswest?: number}): TextClockAttribute;
 }
 
-declare class TextClockAttribute<T> extends CommonMethod<T> {
+declare class TextClockAttribute extends CommonMethod<TextClockAttribute> {
   /**
    * set display time format，such as "yyyy/mm/dd"、“yyyy-mm-dd".
    * support time format：yyyy,mm,mmm(English month abbreviation),mmmm(Full name of the month in English),
@@ -40,7 +36,7 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * HH/hh(24-hour clock/12-hour clock),MM/mm(minute),SS/ss(second)
    * @since 8
    */
-  format(value: string): T;
+  format(value: string): TextClockAttribute;
   /**
    * sets the start and stop of the text clock. You can customize the start and stop of the text clock.
    * when the value is true, the time of the current custom style is displayed.
@@ -48,7 +44,7 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * if the value is false, the clock stops updating the time and stops updating the callback.
    * @since 8
    */
-  status(value: boolean): T;
+  status(value: boolean): TextClockAttribute;
   /**
    * Provides a date change callback.
    * The callback parameter is Unix Time Stamp,
@@ -59,34 +55,34 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * @param event Listening date event callback.
    * @since 8
    */
-  onDateChange(event: (value: number) => void): T;
+  onDateChange(event: (value: number) => void): TextClockAttribute;
   /**
    * Called when the value of TextClock fontColor is set
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextClockAttribute;
   /**
    * Called when the value of TextClock fontSize is set
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextClockAttribute;
   /**
    * Called when the value of TextClock fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextClockAttribute;
   /**
    * Called when the value of TextClock fontWeight is set
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextClockAttribute;
   /**
    * Called when the value of TextClock fontFamily is set
    * @since 8
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextClockAttribute;
 }
 
-export declare class TextClockExtend<T> extends TextClockAttribute<T> {}
+declare const TextClock: TextClockInterface;
 
-export declare const TextClockInterface: TextClock;
+declare const TextClockInstance: TextClockAttribute;
diff --git a/api/@internal/component/ets/text_input.d.ts b/api/@internal/component/ets/text_input.d.ts
index bb5388bd62..3e3a01c970 100644
--- a/api/@internal/component/ets/text_input.d.ts
+++ b/api/@internal/component/ets/text_input.d.ts
@@ -13,16 +13,12 @@
  * limitations under the License.
  */
 
-import { Font } from ".";
-import { CommonMethod } from "./common";
-import { ResourceColor, ResourceStr, Length } from "./units";
-import { FontStyle, FontWeight } from "./enums";
 
 /**
  * Declare the type of input box
  * @since 7
  */
-export declare enum InputType {
+declare enum InputType {
   /**
    * Basic input mode.
    * @since 7
@@ -52,7 +48,7 @@ export declare enum InputType {
  * Declare the type of soft keyboard.
  * @since 7
  */
-export declare enum EnterKeyType {
+declare enum EnterKeyType {
   /**
    * Go.
    * @since 7
@@ -88,7 +84,7 @@ export declare enum EnterKeyType {
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class TextInputController {
+declare class TextInputController {
   /**
    * constructor.
    * @since 8
@@ -105,7 +101,7 @@ export declare class TextInputController {
  * Defines the option of TextInput.
  * @since 7
  */
-export declare interface TextInputOption {
+declare interface TextInputOption {
   /**
    * The place holder text string.
    * @since 7
@@ -129,126 +125,126 @@ export declare interface TextInputOption {
  * Provides a single-line text input component interface.
  * @since 7
  */
-interface TextInput extends TextInputAttribute<TextInput> {
+interface TextInputInterface {
   /**
    * Called when writing a single line of text.
    * @since 7
    */
-  (value?: TextInputOption): TextInput;
+  (value?: TextInputOption): TextInputAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TextInputAttribute<T> extends CommonMethod<T> {
+declare class TextInputAttribute extends CommonMethod<TextInputAttribute> {
   /**
    * Called when the input type is set.
    * @since 7
    */
-  type(value: InputType): T;
+  type(value: InputType): TextInputAttribute;
 
   /**
    * Called when the color of the placeholder is set.
    * @since 7
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when the font property of the placeholder is set.
    * @since 7
    */
-  placeholderFont(value?: Font): T;
+  placeholderFont(value?: Font): TextInputAttribute;
 
   /**
    * Called when the type of soft keyboard input button is set.
    * @since 7
    */
-  enterKeyType(value: EnterKeyType): T;
+  enterKeyType(value: EnterKeyType): TextInputAttribute;
 
   /**
    * Called when the color of the insertion cursor is set.
    * @since 7
    */
-  caretColor(value: ResourceColor): T;
+  caretColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when judging whether the text editing has changed.
    * @since 7
    */
-  onEditChanged(callback: (isEditing: boolean) => void): T;
+  onEditChanged(callback: (isEditing: boolean) => void): TextInputAttribute;
 
   /**
    * Called when submitted.
    * @since 7
    */
-  onSubmit(callback: (enterKey: EnterKeyType) => void): T;
+  onSubmit(callback: (enterKey: EnterKeyType) => void): TextInputAttribute;
 
   /**
    * Called when the input of the input box changes.
    * @since 7
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when the input of maximum text length is set.
    * @since 7
    */
-  maxLength(value: number): T;
+  maxLength(value: number): TextInputAttribute;
 
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextInputAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextInputAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextInputAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextInputAttribute;
 
   /**
    * Called when the inputFilter of text is set.
    * @since 8
    */
-  inputFilter(value: ResourceStr, error?: (value: string) => void): T;
+  inputFilter(value: ResourceStr, error?: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): TextInputAttribute;
 }
 
-export declare class TextInputExtend<T> extends TextInputAttribute<T> {}
-export declare const TextInputInterface: TextInput;
+declare const TextInput: TextInputInterface;
+declare const TextInputInstance: TextInputAttribute;
diff --git a/api/@internal/component/ets/text_picker.d.ts b/api/@internal/component/ets/text_picker.d.ts
index db6415e380..a861dd7a7e 100644
--- a/api/@internal/component/ets/text_picker.d.ts
+++ b/api/@internal/component/ets/text_picker.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Resource } from "./units";
-
 /**
  * Defines the option of TextPicker.
  * @since 8
  */
-export declare interface TextPickerOption {
+declare interface TextPickerOption {
   /**
    * Specifies the range of the text selector.
    */
@@ -38,46 +35,46 @@ export declare interface TextPickerOption {
 /**
  * @since 8
  */
-interface TextPicker extends TextPickerAttribute<TextPicker> {
+interface TextPickerInterface {
   /**
    * Defines the TextPicker constructor.
    * @since 8
    */
-  (options?: TextPickerOption): TextPicker;
+  (options?: TextPickerOption): TextPickerAttribute;
 }
 
 /**
  * Style the text selector.
  * @since 8
  */
-declare class TextPickerAttribute<T> extends CommonMethod<T> {
+declare class TextPickerAttribute extends CommonMethod<TextPickerAttribute> {
   /**
    * Called when the default height of the selected element is set.
    * @since 8
    */
-  defaultPickerItemHeight(value: number | string): T;
+  defaultPickerItemHeight(value: number | string): TextPickerAttribute;
   /**
    * Called when the pop-up value is returned.
    * @since 8
    */
-  onAccept(callback: (value: string, index: number) => void): T;
+  onAccept(callback: (value: string, index: number) => void): TextPickerAttribute;
   /**
    * Called when the Cancel button in the pop-up window is clicked.
    * @since 8
    */
-  onCancel(callback: () => void): T;
+  onCancel(callback: () => void): TextPickerAttribute;
   /**
    * Called when the OK button in the pop-up window is clicked.
    * @since 8
    */
-  onChange(callback: (value: string, index: number) => void): T;
+  onChange(callback: (value: string, index: number) => void): TextPickerAttribute;
 }
 
 /**
  * Defines the TextPickerDialogOption for Text Picker Dialog.
  * @since 8
  */
-export declare interface TextPickerDialogOption extends TextPickerOption {
+declare interface TextPickerDialogOption extends TextPickerOption {
   /**
    * Called when the default height of the selected element is set.
    * @since 8
@@ -89,7 +86,7 @@ export declare interface TextPickerDialogOption extends TextPickerOption {
  * Defines the event callback status in the pop-up window state.
  * @since 8
  */
-export declare enum TextPickerDialogStatus {
+declare enum TextPickerDialogStatus {
   /**
    * Triggered when a user clicks the OK button.
    * @since 8
@@ -111,7 +108,7 @@ export declare enum TextPickerDialogStatus {
  * Defines the TextPickerDialogResult for TextPickerDialog.
  * @since 8
  */
-export declare interface TextPickerDialogResult {
+declare interface TextPickerDialogResult {
  /**
    * The currently selected value.
    * @since 8
@@ -132,7 +129,7 @@ export declare interface TextPickerDialogResult {
  * Defines TextPickerDialog which uses show method to show TextPicker dialog.
  * @since 8
  */
-export declare class TextPickerDialog {
+declare class TextPickerDialog {
   /**
    * Invoking method display.
    * @since 8
@@ -140,5 +137,5 @@ export declare class TextPickerDialog {
   static show(options?: TextPickerDialogOption, callback?: (value: TextPickerDialogResult) => void);
 }
 
-export declare class TextPickerExtend<T> extends TextPickerAttribute<T> {}
-export declare const TextPickerInterface: TextPicker;
+declare const TextPicker: TextPickerInterface;
+declare const TextPickerInstance: TextPickerAttribute;
diff --git a/api/@internal/component/ets/text_timer.d.ts b/api/@internal/component/ets/text_timer.d.ts
index 2ce7953775..3001ddf1ee 100644
--- a/api/@internal/component/ets/text_timer.d.ts
+++ b/api/@internal/component/ets/text_timer.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Length, ResourceColor, ResourceStr } from "./units";
-import { FontStyle, FontWeight } from "./enums";
-
 /**
  * Provides a way to control the process.
  * @since 8
  */
-export declare class TextTimerController {
+declare class TextTimerController {
   /**
    * constructor.
    * @since 8
@@ -76,56 +72,56 @@ interface TextTimerOption {
  * Provides an interface for texttimer containers.
  * @since 8
  */
-interface TextTimer extends TextTimerAttribute<TextTimer> {
+interface TextTimerInterface {
   /**
    * Defines the TextTimer constructor.
    * @since 8
    */
-  (options?: TextTimerOption): TextTimer;
+  (options?: TextTimerOption): TextTimerAttribute;
 }
 
 /**
  * Defines the TextTimer attribute functions.
  * @since 8
  */
-declare class TextTimerAttribute<T> extends CommonMethod<T> {
+declare class TextTimerAttribute extends CommonMethod<TextTimerAttribute> {
   /**
    * Set the display time format, for example, now is hh/mm/ss/ms and current: hh-mm-ss-ms.
    * The time format string can be hh, mm, ss, or ms.
    * @since 8
    */
-  format(value: string): T;
+  format(value: string): TextTimerAttribute;
    /**
     * Called when the font color is set.
     * @since 8
     */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextTimerAttribute;
   /**
    * Called when the font size is set.
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextTimerAttribute;
   /**
    * Called when the fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextTimerAttribute;
    /**
     * Called when the fontWeight is set
     * @since 8
     */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextTimerAttribute;
    /**
     * Called when the fontFamily is set
     * @since 8
     */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextTimerAttribute;
   /**
    * Called when the timer value is returned.
    * @since 8
    */
-  onTimer(event: (utc: number, elapsedTime: number) => void): T;
+  onTimer(event: (utc: number, elapsedTime: number) => void): TextTimerAttribute;
 }
 
-export declare class TextTimerExtend<T> extends TextTimerAttribute<T> {}
-export declare const TextTimerInterface: TextTimer;
+declare const TextTimer: TextTimerInterface;
+declare const TextTimerInstance: TextTimerAttribute;
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
index 742f9ece40..bb8562b1a7 100644
--- a/api/@internal/component/ets/toggle.d.ts
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Declare the type of status button
  * @since 8
  */
-export declare enum ToggleType {
+declare enum ToggleType {
   /**
    * Checkbox
    * @since 8
@@ -43,36 +40,36 @@ export declare enum ToggleType {
 /**
  * @since 8
  */
-interface Toggle extends ToggleAttribute<Toggle> {
+interface ToggleInterface {
   /**
    * Set parameters to obtain the toggle.
    * @since 8
    */
-  (options: { type: ToggleType; isOn?: boolean }): Toggle;
+  (options: { type: ToggleType; isOn?: boolean }): ToggleAttribute;
 }
 
 /**
  * @since 8
  */
-declare class ToggleAttribute<T> extends CommonMethod<T> {
+declare class ToggleAttribute extends CommonMethod<ToggleAttribute> {
   /**
    * Called when the selected state of the component changes.
    * @since 8
    */
-  onChange(callback: (isOn: boolean) => void): T;
+  onChange(callback: (isOn: boolean) => void): ToggleAttribute;
 
   /**
    * Called when the color of the selected button is set.
    * @since 8
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): ToggleAttribute;
 
   /**
    * Called when the color of the selected button is set.
    * @since 8
    */
-  switchPointColor(color: ResourceColor): T;
+  switchPointColor(color: ResourceColor): ToggleAttribute;
 }
 
-export declare class ToggleExtend<T> extends ToggleAttribute<T> {}
-export declare const ToggleInterface: Toggle;
+declare const Toggle: ToggleInterface;
+declare const ToggleInstance: ToggleAttribute;
diff --git a/api/@internal/component/ets/units.d.ts b/api/@internal/component/ets/units.d.ts
index 6e41a16cb4..0d9d5ba26b 100644
--- a/api/@internal/component/ets/units.d.ts
+++ b/api/@internal/component/ets/units.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { Color, FontStyle, FontWeight } from "./enums";
-
 /**
  * Defines the data type of the interface restriction.
  * @since 7
  */
-export declare interface Resource {
+declare interface Resource {
   /**
    * Set id.
    * @since 7
@@ -43,19 +41,19 @@ export declare interface Resource {
  * Defines the length property with string, number and resource unit.
  * @since 7
  */
-export declare type Length = string | number | Resource;
+declare type Length = string | number | Resource;
 
 /**
  * Defines the string which can use resource.
  * @since 7
  */
-export declare type ResourceStr = string | Resource;
+declare type ResourceStr = string | Resource;
 
 /**
  * Defines the padding property.
  * @since 7
  */
-export declare type Padding = {
+declare type Padding = {
   /**
    * top property.
    */
@@ -81,13 +79,13 @@ export declare type Padding = {
  * Defines the margin property.
  * @since 7
  */
-export declare type Margin = Padding;
+declare type Margin = Padding;
 
 /**
  * Defines the offset property.
  * @since 7
  */
-export declare type Offset = {
+declare type Offset = {
   /**
    * dx property.
    */
@@ -103,13 +101,13 @@ export declare type Offset = {
  * Defines the color which can use resource.
  * @since 7
  */
-export declare type ResourceColor = Color | number | string | Resource;
+declare type ResourceColor = Color | number | string | Resource;
 
 /**
  * Defines the font used for text.
  * @since 7
  */
-export declare interface Font {
+declare interface Font {
   /**
    * font size.
    */
@@ -135,7 +133,7 @@ export declare interface Font {
  * Defines the area property.
  * @since 8
  */
-export declare interface Area {
+declare interface Area {
   /**
    * Defines the width property.
    * @since 8
@@ -165,7 +163,7 @@ export declare interface Area {
  * Defines the position.
  * @since 8
  */
-export declare interface Position {
+declare interface Position {
   /**
    * Coordinate x of the Position.
    * @since 8
diff --git a/api/@internal/component/ets/video.d.ts b/api/@internal/component/ets/video.d.ts
index 403359d854..a114ea845f 100644
--- a/api/@internal/component/ets/video.d.ts
+++ b/api/@internal/component/ets/video.d.ts
@@ -13,14 +13,10 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ImageFit } from "./enums";
-import { Resource } from "./units";
-
 /**
  * @since 7
  */
-export declare class VideoController {
+declare class VideoController {
   /**
    * constructor.
    * @since 7
@@ -67,7 +63,7 @@ export declare class VideoController {
 /**
  * @since 7
  */
-interface Video extends VideoAttribute<Video> {
+interface VideoInterface {
   /**
    * Set the value.
    * @since 7
@@ -77,97 +73,97 @@ interface Video extends VideoAttribute<Video> {
     currentProgressRate?: number | string;
     previewUri?: string;
     controller?: VideoController;
-  }): Video;
+  }): VideoAttribute;
 }
 
 /**
  * @since 7
  */
-declare class VideoAttribute<T> extends CommonMethod<T> {
+declare class VideoAttribute extends CommonMethod<VideoAttribute> {
   /**
    * Called when judging whether the video is muted.
    * @since 7
    */
-  muted(value: boolean): T;
+  muted(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the video is played automatically.
    * @since 7
    */
-  autoPlay(value: boolean): T;
+  autoPlay(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the control bar is displayed.
    * @since 7
    */
-  controls(value: boolean): T;
+  controls(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the video is played circular.
    * @since 6
    */
-  loop(value: boolean): T;
+  loop(value: boolean): VideoAttribute;
 
   /**
    * Called when determining the zoom type of the video source.
    * @since 7
    */
-  objectFit(value: ImageFit): T;
+  objectFit(value: ImageFit): VideoAttribute;
 
   /**
    * Called when the video is played.
    * @since 7
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): VideoAttribute;
 
   /**
    * Called when the video is paused.
    * @since 7
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): VideoAttribute;
 
   /**
    * Called when the video playback ends.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): VideoAttribute;
 
   /**
    * Called when the video enters and exits the full screen.
    * @since 7
    */
-  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): T;
+  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): VideoAttribute;
 
   /**
    * Called when the video preparation is complete.
    * @since 7
    */
-  onPrepared(callback: (event?: { duration: number }) => void): T;
+  onPrepared(callback: (event?: { duration: number }) => void): VideoAttribute;
 
   /**
    * Called when the time information is reported when the progress bar process is operated.
    * @since 7
    */
-  onSeeking(callback: (event?: { time: number }) => void): T;
+  onSeeking(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when the playback time information is reported after the operation progress bar is completed.
    * @since 7
    */
-  onSeeked(callback: (event?: { time: number }) => void): T;
+  onSeeked(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when the playback progress changes.
    * @since 7
    */
-  onUpdate(callback: (event?: { time: number }) => void): T;
+  onUpdate(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when playback fails.
    * @since 7
    */
-  onError(event: () => void): T;
+  onError(event: () => void): VideoAttribute;
 }
 
-export declare class VideoExtend<T> extends VideoAttribute<T> {}
-export declare const VideoInterface: Video;
+declare const Video: VideoInterface;
+declare const VideoInstance: VideoAttribute;
diff --git a/api/@internal/component/ets/xcomponent.d.ts b/api/@internal/component/ets/xcomponent.d.ts
index 714116d3f4..deb39c6fa7 100644
--- a/api/@internal/component/ets/xcomponent.d.ts
+++ b/api/@internal/component/ets/xcomponent.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines XComponentController
  * @since 8
  * @systemapi
  */
-export declare class XComponentController {
+declare class XComponentController {
   /**
    * constructor.
    * @since 8
@@ -41,7 +39,7 @@ export declare class XComponentController {
  * @since 8
  * @systemapi
  */
-interface XComponent extends XComponentAttribute<XComponent> {
+interface XComponentInterface {
   /**
    * Constructor parameters
    * @since 8
@@ -52,7 +50,7 @@ interface XComponent extends XComponentAttribute<XComponent> {
       type: string;
       libraryname?: string;
       controller?: XComponentController;
-  }): XComponent;
+  }): XComponentAttribute;
 }
 
 /**
@@ -60,21 +58,21 @@ interface XComponent extends XComponentAttribute<XComponent> {
  * @since 8
  * @systemapi
  */
-declare class XComponentAttribute<T> extends CommonMethod<T> {
+declare class XComponentAttribute extends CommonMethod<XComponentAttribute> {
   /**
    * Called when judging whether the xcomponent surface is created.
    * @since 8
    * @systemapi
    */
-   onLoad(callback: (event?: {}) => void): T;
+   onLoad(callback: (event?: {}) => void): XComponentAttribute;
 
   /**
    * Called when judging whether the xcomponent is destroyed.
    * @since 8
    * @systemapi
    */
-   onDestroy(event: () => void): T;
+   onDestroy(event: () => void): XComponentAttribute;
 }
 
-export declare class XComponentExtend<T> extends XComponentAttribute<T> {}
-export declare const XComponentInterface: XComponent;
+declare const XComponent: XComponentInterface;
+declare const XComponentInstance: XComponentAttribute;
-- 
Gitee


From 3aa1680e9a791760d25703b87bc94baf8b29f7ce Mon Sep 17 00:00:00 2001
From: lihong <lihong67@huawei.com>
Date: Thu, 13 Jan 2022 11:43:41 +0800
Subject: [PATCH 2/5] lihong67@huawei.com

update component declare file.

Signed-off-by: lihong <lihong67@huawei.com>
Change-Id: I9d93faef79e11d0bb2ab1e64d45a60f511e25821
---
 .../component/ets/alphabet_indexer.d.ts       |   6 +-
 api/@internal/component/ets/animator.d.ts     |   4 +-
 api/@internal/component/ets/blank.d.ts        |   2 +-
 .../component/ets/checkboxgroup.d.ts          |   2 +-
 .../component/ets/form_component.d.ts         |  29 +--
 .../component/ets/grid_container.d.ts         |   2 +-
 api/@internal/component/ets/image.d.ts        |   2 +-
 api/@internal/component/ets/index.d.ts        | 166 +++++++++---------
 api/@internal/component/ets/marquee.d.ts      |   2 +-
 api/@internal/component/ets/path.d.ts         |   4 +-
 api/@internal/component/ets/stepperItem.d.ts  |   5 +-
 api/@internal/component/ets/xcomponent.d.ts   |   2 +-
 12 files changed, 114 insertions(+), 112 deletions(-)

diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
index b479afdc67..a902431b34 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -48,7 +48,7 @@ interface AlphabetIndexerInterface {
  * Defines the alphabet index bar attribute functions.
  * @since 7
  */
-declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAttribute> {
+declare class AlphabetIndexerAttribute extends CommonMethod<AlphabetIndexerAttribute> {
   /**
    * Index bar selection callback.
    * @since 7
@@ -146,5 +146,5 @@ declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAt
   popupPosition(value: {offsetX: number, offsetY: number}): AlphabetIndexerAttribute;
 }
 
-declare const AlphabetIndexerInterface: AlphabetIndexerInterface;
-declare const AlphabetIndexerIntance: AlphabetIndexerAttribute;
+declare const AlphabetIndexer: AlphabetIndexerInterface;
+declare const AlphabetIndexerInstance: AlphabetIndexerAttribute;
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
index 8adc7dc1f2..ff253c2eba 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -88,7 +88,7 @@ interface AnimatorInterface {
  * @since 7
  * @systemapi
  */
-declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<AnimatorAttribute> {
+declare class AnimatorAttribute extends CommonMethod<AnimatorAttribute> {
   /**
    * Controls the playback status. The default value is the initial state.
    * @since 7
@@ -189,4 +189,4 @@ declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<Animator
 }
 
 declare const Animator: AnimatorInterface;
-declare const AnimatorIntance: AnimatorAttribute;
+declare const AnimatorInstance: AnimatorAttribute;
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
index 1742aa3dec..4415acc8a0 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -38,4 +38,4 @@ declare class BlankAttribute extends CommonMethod<BlankAttribute> {
 }
 
 declare const Blank: BlankInterface;
-declare const BlankIntancee: BlankAttribute;
+declare const BlankInstance: BlankAttribute;
diff --git a/api/@internal/component/ets/checkboxgroup.d.ts b/api/@internal/component/ets/checkboxgroup.d.ts
index cdd2c0cb57..14a2221a4c 100644
--- a/api/@internal/component/ets/checkboxgroup.d.ts
+++ b/api/@internal/component/ets/checkboxgroup.d.ts
@@ -84,5 +84,5 @@ declare class CheckboxGroupAttribute extends CommonMethod<CheckboxGroupAttribute
   onChange(callback: (name: Array<any>, status: SelectStatus) => void): CheckboxGroupAttribute;
 }
 
-declare const Checkbox: CheckboxGroupInterface;
+declare const CheckboxGroup: CheckboxGroupInterface;
 declare const CheckboxGroupInstance: CheckboxGroupAttribute;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
index 2dd93976e3..425723c9cf 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -54,7 +54,7 @@ declare enum FormDimension {
  * @since 7
  * @systemapi
  */
-interface FormComponent extends FormComponentAttribute<FormComponent> {
+interface FormComponentInterface {
   /**
    * Set a new value.
    * @since 7
@@ -67,70 +67,71 @@ interface FormComponent extends FormComponentAttribute<FormComponent> {
     ability: string;
     module: string;
     dimension?: FormDimension;
-  }): FormComponent;
+  }): FormComponentAttribute;
 }
 
 /**
  * @since 7
  * @systemapi
  */
-declare class FormComponentAttribute<T> extends CommonMethod<T> {
+declare class FormComponentAttribute extends CommonMethod<FormComponentAttribute> {
   /**
    * Sets the display area size of the card.
    * @since 7
    * @systemapi
    */
-  size(value: { width: number; height: number }): T;
+  size(value: { width: number; height: number }): FormComponentAttribute;
 
   /**
    * Card module name.
    * @since 7
    * @systemapi
    */
-  moduleName(value: string): T;
+  moduleName(value: string): FormComponentAttribute;
 
   /**
    * Set the card size.
    * @since 7
    * @systemapi
    */
-  dimension(value: FormDimension): T;
+  dimension(value: FormDimension): FormComponentAttribute;
 
   /**
    * Indicates whether to allow card update.
    * @since 7
    * @systemapi
    */
-  allowUpdate(value: boolean): T;
+  allowUpdate(value: boolean): FormComponentAttribute;
 
   /**
    * Whether the card is visible.
    * @since 7
    * @systemapi
    */
-  visibility(value: Visibility): T;
+  visibility(value: Visibility): FormComponentAttribute;
 
   /**
-   * This function is triggered after card information is obtained. For details about the form information, see the definition of the original capability subsystem.
+   * This function is triggered after card information is obtained.
+   * For details about the form information, see the definition of the original capability subsystem.
    * @since 7
    * @systemapi
    */
-  onAcquired(callback: (info: { id: number }) => void): T;
+  onAcquired(callback: (info: { id: number }) => void): FormComponentAttribute;
 
   /**
    * Card loading error.
    * @since 7
    * @systemapi
    */
-  onError(callback: (info: { errcode: number; msg: string }) => void): T;
+  onError(callback: (info: { errcode: number; msg: string }) => void): FormComponentAttribute;
 
   /**
    * Card to be redirected.
    * @since 7
    * @systemapi
    */
-  onRouter(callback: (info: any) => void): T;
+  onRouter(callback: (info: any) => void): FormComponentAttribute;
 }
 
-declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
-declare const FormComponentInterface: FormComponent;
+declare const FormComponent: FormComponentInterface;
+declare const FormComponentInstance: FormComponentAttribute;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
index 66367c221c..86cacbe428 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -95,7 +95,7 @@ interface GridContainerInterface {
  * Defines the grid container attribute from inheritance Column
  * @since 7
  */
-declare class GridContainerAttribute extends ColumnAttribute<GridContainerAttribute> {}
+declare class GridContainerAttribute extends ColumnAttribute {}
 
 declare const GridContainer: GridContainerInterface
 declare const GridContainerInstance: GridContainerAttribute;
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
index df056e228d..9474d5f7c6 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -179,4 +179,4 @@ declare const Image: ImageInterface;
 /**
  * @since 7
  */
- declare const ImageInstance: ImageAttribute;
+declare const ImageInstance: ImageAttribute;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index 379624f54e..3c4fc1ec96 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -1,6 +1,6 @@
 /*
  * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
+ * Licensed under the Apache License, Version 2.0 (the "License")
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
@@ -13,85 +13,85 @@
  * limitations under the License.
  */
 
-/// <reference path="./action_sheet.d.ts" />;
-/// <reference path="./alert_dialog.d.ts" />;
-/// <reference path="./alphabet_indexer.d.ts" />;
-/// <reference path="./animator.d.ts" />;
-/// <reference path="./badge.d.ts" />;
-/// <reference path="./blank.d.ts" />;
-/// <reference path="./button.d.ts" />;
-/// <reference path="./calendar.d.ts" />;
-/// <reference path="./canvas.d.ts" />;
-/// <reference path="./checkbox.d.ts" />;
-/// <reference path="./checkboxgroup.d.ts" />;
-/// <reference path="./circle.d.ts" />;
-/// <reference path="./column";
-/// <reference path="./column_split.d.ts" />;
-/// <reference path="./common.d.ts" />;
-/// <reference path="./counter.d.ts" />;
-/// <reference path="./custom_dialog_controller.d.ts" />;
-/// <reference path="./data_panel.d.ts" />;
-/// <reference path="./date_picker.d.ts" />;
-/// <reference path="./divider.d.ts" />;
-/// <reference path="./ellipse.d.ts" />;
-/// <reference path="./enums.d.ts" />;
-/// <reference path="./flex.d.ts" />;
-/// <reference path="./forEach.d.ts" />;
-/// <reference path="./form_component.d.ts" />;
-/// <reference path="./gauge.d.ts" />;
-/// <reference path="./gesture.d.ts" />;
-/// <reference path="./grid.d.ts" />;
-/// <reference path="./gridItem.d.ts" />;
-/// <reference path="./grid_container.d.ts" />;
-/// <reference path="./image.d.ts" />;
-/// <reference path="./image_animator.d.ts" />;
-/// <reference path="./lazyForEach.d.ts" />;
-/// <reference path="./line.d.ts" />;
-/// <reference path="./list.d.ts" />;
-/// <reference path="./listItem.d.ts" />;
-/// <reference path="./loading_progress.d.ts" />;
-/// <reference path="./marquee.d.ts" />;
-/// <reference path="./navigation.d.ts" />;
-/// <reference path="./navigator.d.ts" />;
-/// <reference path="./pageTransition.d.ts" />;
-/// <reference path="./panel.d.ts" />;
-/// <reference path="./path.d.ts" />;
-/// <reference path="./pattern_lock.d.ts" />;
-/// <reference path="./piece.d.ts" />;
-/// <reference path="./plugin_component.d.ts" />;
-/// <reference path="./polygon.d.ts" />;
-/// <reference path="./polyline.d.ts" />;
-/// <reference path="./progress.d.ts" />;
-/// <reference path="./qrcode.d.ts" />;
-/// <reference path="./radio.d.ts" />;
-/// <reference path="./rating.d.ts" />;
-/// <reference path="./rect.d.ts" />;
-/// <reference path="./refresh.d.ts" />;
-/// <reference path="./row.d.ts" />;
-/// <reference path="./row_split.d.ts" />;
-/// <reference path="./scroll.d.ts" />;
-/// <reference path="./scroll_bar.d.ts" />;
-/// <reference path="./search.d.ts" />;
-/// <reference path="./select.d.ts" />;
-/// <reference path="./shape.d.ts" />;
-/// <reference path="./sheet.d.ts" />;
-/// <reference path="./slider.d.ts" />;
-/// <reference path="./span.d.ts" />;
-/// <reference path="./stack.d.ts" />;
-/// <reference path="./stateManagement.d.ts" />;
-/// <reference path="./stepper.d.ts" />;
-/// <reference path="./stepperItem.d.ts" />;
-/// <reference path="./swiper.d.ts" />;
-/// <reference path="./tabs.d.ts" />;
-/// <reference path="./tab_content.d.ts" />;
-/// <reference path="./text.d.ts" />;
-/// <reference path="./text_area.d.ts" />;
-/// <reference path="./text_clock.d.ts" />;
-/// <reference path="./text_input.d.ts" />;
-/// <reference path="./text_picker.d.ts" />;
-/// <reference path="./text_timer.d.ts" />;
-/// <reference path="./toggle.d.ts" />;
-/// <reference path="./units.d.ts" />;
-/// <reference path="./video.d.ts" />;
-/// <reference path="./xcomponent.d.ts" />;
-/// <reference path="./inspector.d.ts" />;
+/// <reference path="./action_sheet.d.ts" />
+/// <reference path="./alert_dialog.d.ts" />
+/// <reference path="./alphabet_indexer.d.ts" />
+/// <reference path="./animator.d.ts" />
+/// <reference path="./badge.d.ts" />
+/// <reference path="./blank.d.ts" />
+/// <reference path="./button.d.ts" />
+/// <reference path="./calendar.d.ts" />
+/// <reference path="./canvas.d.ts" />
+/// <reference path="./checkbox.d.ts" />
+/// <reference path="./checkboxgroup.d.ts" />
+/// <reference path="./circle.d.ts" />
+/// <reference path="./column.d.ts" />
+/// <reference path="./column_split.d.ts" />
+/// <reference path="./common.d.ts" />
+/// <reference path="./counter.d.ts" />
+/// <reference path="./custom_dialog_controller.d.ts" />
+/// <reference path="./data_panel.d.ts" />
+/// <reference path="./date_picker.d.ts" />
+/// <reference path="./divider.d.ts" />
+/// <reference path="./ellipse.d.ts" />
+/// <reference path="./enums.d.ts" />
+/// <reference path="./flex.d.ts" />
+/// <reference path="./forEach.d.ts" />
+/// <reference path="./form_component.d.ts" />
+/// <reference path="./gauge.d.ts" />
+/// <reference path="./gesture.d.ts" />
+/// <reference path="./grid.d.ts" />
+/// <reference path="./gridItem.d.ts" />
+/// <reference path="./grid_container.d.ts" />
+/// <reference path="./image.d.ts" />
+/// <reference path="./image_animator.d.ts" />
+/// <reference path="./lazyForEach.d.ts" />
+/// <reference path="./line.d.ts" />
+/// <reference path="./list.d.ts" />
+/// <reference path="./listItem.d.ts" />
+/// <reference path="./loading_progress.d.ts" />
+/// <reference path="./marquee.d.ts" />
+/// <reference path="./navigation.d.ts" />
+/// <reference path="./navigator.d.ts" />
+/// <reference path="./pageTransition.d.ts" />
+/// <reference path="./panel.d.ts" />
+/// <reference path="./path.d.ts" />
+/// <reference path="./pattern_lock.d.ts" />
+/// <reference path="./piece.d.ts" />
+/// <reference path="./plugin_component.d.ts" />
+/// <reference path="./polygon.d.ts" />
+/// <reference path="./polyline.d.ts" />
+/// <reference path="./progress.d.ts" />
+/// <reference path="./qrcode.d.ts" />
+/// <reference path="./radio.d.ts" />
+/// <reference path="./rating.d.ts" />
+/// <reference path="./rect.d.ts" />
+/// <reference path="./refresh.d.ts" />
+/// <reference path="./row.d.ts" />
+/// <reference path="./row_split.d.ts" />
+/// <reference path="./scroll.d.ts" />
+/// <reference path="./scroll_bar.d.ts" />
+/// <reference path="./search.d.ts" />
+/// <reference path="./select.d.ts" />
+/// <reference path="./shape.d.ts" />
+/// <reference path="./sheet.d.ts" />
+/// <reference path="./slider.d.ts" />
+/// <reference path="./span.d.ts" />
+/// <reference path="./stack.d.ts" />
+/// <reference path="./stateManagement.d.ts" />
+/// <reference path="./stepper.d.ts" />
+/// <reference path="./stepperItem.d.ts" />
+/// <reference path="./swiper.d.ts" />
+/// <reference path="./tabs.d.ts" />
+/// <reference path="./tab_content.d.ts" />
+/// <reference path="./text.d.ts" />
+/// <reference path="./text_area.d.ts" />
+/// <reference path="./text_clock.d.ts" />
+/// <reference path="./text_input.d.ts" />
+/// <reference path="./text_picker.d.ts" />
+/// <reference path="./text_timer.d.ts" />
+/// <reference path="./toggle.d.ts" />
+/// <reference path="./units.d.ts" />
+/// <reference path="./video.d.ts" />
+/// <reference path="./xcomponent.d.ts" />
+/// <reference path="./inspector.d.ts" />
diff --git a/api/@internal/component/ets/marquee.d.ts b/api/@internal/component/ets/marquee.d.ts
index 51098af05c..ab55150c97 100644
--- a/api/@internal/component/ets/marquee.d.ts
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -79,5 +79,5 @@ declare class MarqueeAttribute extends CommonMethod<MarqueeAttribute> {
   onFinish(event: () => void): MarqueeAttribute;
 }
 
-declare const MarqueeExtend: MarqueeInterface;
+declare const Marquee: MarqueeInterface;
 declare const MarqueeInstance: MarqueeAttribute;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
index 82dc3aa559..5544383edc 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -42,5 +42,5 @@ declare class PathAttribute extends CommonShapeMethod<PathAttribute> {
   commands(value: string): PathAttribute;
 }
 
-export declare const Path: PathInterface;
-export declare const PathInstance: PathAttribute;
+declare const Path: PathInterface;
+declare const PathInstance: PathAttribute;
diff --git a/api/@internal/component/ets/stepperItem.d.ts b/api/@internal/component/ets/stepperItem.d.ts
index f814f80d3a..042417cf4c 100644
--- a/api/@internal/component/ets/stepperItem.d.ts
+++ b/api/@internal/component/ets/stepperItem.d.ts
@@ -93,9 +93,10 @@ declare class StepperItemAttribute extends CommonMethod<StepperItemAttribute> {
  * @devices phone, tablet, car
  * @since 8
  */
-declare const StepperItemInstance: StepperItemInterface;
+declare const StepperItemInstance: StepperItemAttribute;
+
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare const StepperItem: StepperItemAttribute;
\ No newline at end of file
+declare const StepperItem: StepperItemInterface;
diff --git a/api/@internal/component/ets/xcomponent.d.ts b/api/@internal/component/ets/xcomponent.d.ts
index deb39c6fa7..9cbc7cb1cd 100644
--- a/api/@internal/component/ets/xcomponent.d.ts
+++ b/api/@internal/component/ets/xcomponent.d.ts
@@ -64,7 +64,7 @@ declare class XComponentAttribute extends CommonMethod<XComponentAttribute> {
    * @since 8
    * @systemapi
    */
-   onLoad(callback: (event?: {}) => void): XComponentAttribute;
+   onLoad(callback: (event?: object) => void): XComponentAttribute;
 
   /**
    * Called when judging whether the xcomponent is destroyed.
-- 
Gitee


From 6ebc1c6478abb26e9c0eb265fbeeda42058035a3 Mon Sep 17 00:00:00 2001
From: lihong <lihong67@huawei.com>
Date: Thu, 13 Jan 2022 11:43:41 +0800
Subject: [PATCH 3/5] lihong67@huawei.com

update component declare file.

Signed-off-by: lihong <lihong67@huawei.com>
Change-Id: I75557d46b57b451c7046c7e33621e2282cdd613e
---
 api/@internal/component/ets/common.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
index 291c187157..c55ebe3a0f 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -273,7 +273,7 @@ interface EventTarget {
  * Defines the event source type.
  * @since 8
  */
-export declare enum SourceType {
+declare enum SourceType {
   /**
    * Unknown type.
    * @since 8
-- 
Gitee


From 548d11752c55ca4e5af006f50400afd7ea52d16d Mon Sep 17 00:00:00 2001
From: lihong <lihong67@huawei.com>
Date: Thu, 13 Jan 2022 11:43:41 +0800
Subject: [PATCH 4/5] lihong67@huawei.com

update d.ts file

Signed-off-by: lihong <lihong67@huawei.com>
Change-Id: I09c6ed0309c06987aa55662ab2cd220b7ce46424
---
 api/@internal/component/ets/action_sheet.d.ts |   4 +-
 api/@internal/component/ets/alert_dialog.d.ts |  13 +-
 .../component/ets/alphabet_indexer.d.ts       |  47 +++--
 api/@internal/component/ets/animator.d.ts     |  49 +++---
 api/@internal/component/ets/badge.d.ts        |  25 ++-
 api/@internal/component/ets/blank.d.ts        |  17 +-
 api/@internal/component/ets/button.d.ts       |  36 ++--
 api/@internal/component/ets/calendar.d.ts     |  53 +++---
 api/@internal/component/ets/canvas.d.ts       |  49 +++---
 api/@internal/component/ets/checkbox.d.ts     |  21 +--
 .../component/ets/checkboxgroup.d.ts          |  23 ++-
 api/@internal/component/ets/circle.d.ts       |  16 +-
 api/@internal/component/ets/column.d.ts       |  15 +-
 api/@internal/component/ets/column_split.d.ts |  14 +-
 api/@internal/component/ets/common.d.ts       |  95 +++++-----
 api/@internal/component/ets/counter.d.ts      |  16 +-
 .../ets/custom_dialog_controller.d.ts         |   6 +-
 api/@internal/component/ets/data_panel.d.ts   |  17 +-
 api/@internal/component/ets/date_picker.d.ts  |  32 ++--
 api/@internal/component/ets/divider.d.ts      |  21 +--
 api/@internal/component/ets/ellipse.d.ts      |  13 +-
 api/@internal/component/ets/enums.d.ts        |  90 +++++-----
 api/@internal/component/ets/flex.d.ts         |  15 +-
 api/@internal/component/ets/forEach.d.ts      |   6 +-
 .../component/ets/form_component.d.ts         |   8 +-
 api/@internal/component/ets/gauge.d.ts        |  23 ++-
 api/@internal/component/ets/gesture.d.ts      | 129 +++++++-------
 api/@internal/component/ets/grid.d.ts         |  56 +++---
 api/@internal/component/ets/gridItem.d.ts     |  22 ++-
 .../component/ets/grid_container.d.ts         |  16 +-
 api/@internal/component/ets/hyperlink.d.ts    |  15 +-
 api/@internal/component/ets/image.d.ts        |  52 +++---
 .../component/ets/image_animator.d.ts         |  39 ++---
 api/@internal/component/ets/index.d.ts        | 164 +++++++++---------
 api/@internal/component/ets/inspector.d.ts    |  26 ++-
 api/@internal/component/ets/lazyForEach.d.ts  |  10 +-
 api/@internal/component/ets/line.d.ts         |  18 +-
 api/@internal/component/ets/list.d.ts         |  60 +++----
 api/@internal/component/ets/listItem.d.ts     |  20 +--
 .../component/ets/loading_progress.d.ts       |  26 ++-
 api/@internal/component/ets/marquee.d.ts      |  30 ++--
 api/@internal/component/ets/matrix2d.d.ts     |   2 +-
 api/@internal/component/ets/navigation.d.ts   |  36 ++--
 api/@internal/component/ets/navigator.d.ts    |  24 ++-
 .../component/ets/pageTransition.d.ts         |  24 ++-
 api/@internal/component/ets/panel.d.ts        |  32 ++--
 api/@internal/component/ets/path.d.ts         |  16 +-
 api/@internal/component/ets/pattern_lock.d.ts |  35 ++--
 api/@internal/component/ets/piece.d.ts        |  31 ++--
 .../component/ets/plugin_component.d.ts       |  18 +-
 api/@internal/component/ets/polygon.d.ts      |  16 +-
 api/@internal/component/ets/polyline.d.ts     |  16 +-
 api/@internal/component/ets/progress.d.ts     |  23 ++-
 api/@internal/component/ets/qrcode.d.ts       |  17 +-
 api/@internal/component/ets/radio.d.ts        |  18 +-
 api/@internal/component/ets/rating.d.ts       |  20 +--
 api/@internal/component/ets/rect.d.ts         |  19 +-
 api/@internal/component/ets/refresh.d.ts      |  18 +-
 api/@internal/component/ets/row.d.ts          |  15 +-
 api/@internal/component/ets/row_split.d.ts    |  13 +-
 api/@internal/component/ets/scroll.d.ts       |  33 ++--
 api/@internal/component/ets/scroll_bar.d.ts   |  18 +-
 api/@internal/component/ets/search.d.ts       |  33 ++--
 api/@internal/component/ets/select.d.ts       |  37 ++--
 api/@internal/component/ets/shape.d.ts        |  40 ++---
 api/@internal/component/ets/sheet.d.ts        |  12 +-
 api/@internal/component/ets/slider.d.ts       |  35 ++--
 api/@internal/component/ets/span.d.ts         |  30 ++--
 api/@internal/component/ets/stack.d.ts        |  15 +-
 .../component/ets/stateManagement.d.ts        |  20 +--
 api/@internal/component/ets/stepper.d.ts      |  22 ++-
 api/@internal/component/ets/stepperItem.d.ts  |  29 ++--
 api/@internal/component/ets/swiper.d.ts       |  45 +++--
 api/@internal/component/ets/tab_content.d.ts  |  15 +-
 api/@internal/component/ets/tabs.d.ts         |  32 ++--
 api/@internal/component/ets/text.d.ts         |  50 +++---
 api/@internal/component/ets/text_area.d.ts    |  46 +++--
 api/@internal/component/ets/text_clock.d.ts   |  30 ++--
 api/@internal/component/ets/text_input.d.ts   |  58 +++----
 api/@internal/component/ets/text_picker.d.ts  |  31 ++--
 api/@internal/component/ets/text_timer.d.ts   |  30 ++--
 api/@internal/component/ets/toggle.d.ts       |  21 +--
 api/@internal/component/ets/units.d.ts        |  22 ++-
 api/@internal/component/ets/video.d.ts        |  44 +++--
 api/@internal/component/ets/xcomponent.d.ts   |  18 +-
 85 files changed, 1182 insertions(+), 1384 deletions(-)

diff --git a/api/@internal/component/ets/action_sheet.d.ts b/api/@internal/component/ets/action_sheet.d.ts
index 54d279ddb6..05b10052b2 100644
--- a/api/@internal/component/ets/action_sheet.d.ts
+++ b/api/@internal/component/ets/action_sheet.d.ts
@@ -13,8 +13,6 @@
  * limitations under the License.
  */
 
-import { DialogAlignment } from "./alert_dialog";
-import { Resource } from ".";
 
 /**
  * The information of sheet.
@@ -44,7 +42,7 @@ interface SheetInfo {
  * Declare the ActionSheet
  * @since 8
  */
-export declare class ActionSheet {
+declare class ActionSheet {
   /**
    * Invoking method display.
    * @since 8
diff --git a/api/@internal/component/ets/alert_dialog.d.ts b/api/@internal/component/ets/alert_dialog.d.ts
index ccb7d6c8b0..e88783f82c 100644
--- a/api/@internal/component/ets/alert_dialog.d.ts
+++ b/api/@internal/component/ets/alert_dialog.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { ResourceColor } from ".";
-import { Offset, ResourceStr } from "./units";
-
 /**
  * The alignment of dialog,
  * @since 7
  */
-export declare enum DialogAlignment {
+declare enum DialogAlignment {
   /**
    * Vertical top alignment.
    * @since 7
@@ -86,7 +83,7 @@ export declare enum DialogAlignment {
  * Base param used for AlertDialog.show method.
  * @since 7
  */
-export declare interface AlertDialogParam {
+declare interface AlertDialogParam {
   /**
    * Title Properties
    * @since 7
@@ -134,7 +131,7 @@ export declare interface AlertDialogParam {
  * Defines the AlertDialog with confirm button.
  * @since 7
  */
-export declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
+declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
   /**
    * Invoke the commit function.
    * @since 7
@@ -166,7 +163,7 @@ export declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
   };
 }
 
-export declare interface AlertDialogParamWithButtons extends AlertDialogParam {
+declare interface AlertDialogParamWithButtons extends AlertDialogParam {
   /**
    * First button.
    * @since 7
@@ -232,7 +229,7 @@ export declare interface AlertDialogParamWithButtons extends AlertDialogParam {
  * Defines AlertDialog which uses show method to show alert dialog.
  * @since 7
  */
-export declare class AlertDialog {
+declare class AlertDialog {
   /**
    * Invoking method display.
    * @since 7
diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
index 100e14bc28..b479afdc67 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor, Font } from "./units";
-
 /**
  * indexer align property.
  * @since 7
  */
-export declare enum IndexerAlign {
+declare enum IndexerAlign {
   /**
    * A dialog box is displayed on the right of the index bar.
    * @since 7
@@ -38,116 +35,116 @@ export declare enum IndexerAlign {
  * Alphabet index bar.
  * @since 7
  */
-interface AlphabetIndexer extends AlphabetIndexerAttribute<AlphabetIndexer> {
+interface AlphabetIndexerInterface {
   /**
    * ArrayValue: Alphabetical index string array.
    * selected: ID of the selected item.
    * @since 7
    */
-  (value: { arrayValue: Array<string>; selected: number }): AlphabetIndexer;
+  (value: { arrayValue: Array<string>; selected: number }): AlphabetIndexerAttribute;
 }
 
 /**
  * Defines the alphabet index bar attribute functions.
  * @since 7
  */
-declare class AlphabetIndexerAttribute<T> extends CommonMethod<T> {
+declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAttribute> {
   /**
    * Index bar selection callback.
    * @since 7
    */
-  onSelected(event: (index: number) => void): T;
+  onSelected(event: (index: number) => void): AlphabetIndexerAttribute;
 
   /**
    * Definitions color.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Select the text color.
    * @since 7
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Font color of the pop-up prompt text.
    * @since 7
    */
-  popupColor(value: ResourceColor): T;
+  popupColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Select the text background color.
    * @since 7
    */
-  selectedBackgroundColor(value: ResourceColor): T;
+  selectedBackgroundColor(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Background color of the pop-up window index.
    * @since 7
    */
-  popupBackground(value: ResourceColor): T;
+  popupBackground(value: ResourceColor): AlphabetIndexerAttribute;
 
   /**
    * Whether to use pop-up index hints.
    * @since 7
    */
-  usingPopup(value: boolean): T;
+  usingPopup(value: boolean): AlphabetIndexerAttribute;
 
   /**
    * Select the text text style,
    * @since 7
    */
-  selectedFont(value: Font): T;
+  selectedFont(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Select the text background color.
    * @since 7
    */
-  popupFont(value: Font): T;
+  popupFont(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Size of the letter area on the letter index bar. The letter area is a square. Set the length of the square side.
    * @since 7
    */
-  itemSize(value: string | number): T;
+  itemSize(value: string | number): AlphabetIndexerAttribute;
 
   /**
    * Definitions fonts.
    * @since 7
    */
-  font(value: Font): T;
+  font(value: Font): AlphabetIndexerAttribute;
 
   /**
    * Alphabet index bar alignment style. The left and right alignment styles are supported, which affects the pop-up position of the pop-up window.
    * @since 7
    */
-  alignStyle(value: IndexerAlign): T;
+  alignStyle(value: IndexerAlign): AlphabetIndexerAttribute;
 
   /**
    * Index bar selection callback and return the strings which display on pop-up.
    * @since 8
    */
-  onRequestPopupData(event: (index: number) => Array<string>): T;
+  onRequestPopupData(event: (index: number) => Array<string>): AlphabetIndexerAttribute;
 
   /**
    * Pop-up selection callback.
    * @since 8
    */
-  onPopupSelected(event: (index: number) => void): T;
+  onPopupSelected(event: (index: number) => void): AlphabetIndexerAttribute;
 
   /**
    * Select the index.
    * @since 8
    */
-  selectedIndex(index: number): T;
+  selectedIndex(index: number): AlphabetIndexerAttribute;
 
   /**
    * Position of the pop-up windows, relative to the midpoint of the top border of the indexer bar.
    * @since 8
    */
-  popupPosition(value: {offsetX: number, offsetY: number}): T;
+  popupPosition(value: {offsetX: number, offsetY: number}): AlphabetIndexerAttribute;
 }
 
-export declare const AlphabetIndexerInterface: AlphabetIndexer;
-export declare class AlphabetIndexerExtend<T> extends AlphabetIndexerAttribute<T> {}
+declare const AlphabetIndexerInterface: AlphabetIndexerInterface;
+declare const AlphabetIndexerIntance: AlphabetIndexerAttribute;
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
index 55c27f5f67..8adc7dc1f2 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { AnimationStatus, Curve, FillMode, PlayMode } from "./enums";
-
 /**
  * Customize spring properties.
  * @since 7
  * @systemapi
  */
-export declare class SpringProp {
+declare class SpringProp {
   /**
    * Constructor parameters
    * @since 7
@@ -35,7 +32,7 @@ export declare class SpringProp {
  * @since 7
  * @systemapi
  */
-export declare class SpringMotion {
+declare class SpringMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -49,7 +46,7 @@ export declare class SpringMotion {
  * @since 7
  * @systemapi
  */
-export declare class FrictionMotion {
+declare class FrictionMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -63,7 +60,7 @@ export declare class FrictionMotion {
  * @since 7
  * @systemapi
  */
-export declare class ScrollMotion {
+declare class ScrollMotion {
   /**
    * Constructor parameters
    * @since 7
@@ -77,13 +74,13 @@ export declare class ScrollMotion {
  * @since 7
  * @systemapi
  */
-interface Animator extends AnimatorAttribute<Animator> {
+interface AnimatorInterface {
   /**
    * Constructor parameters
    * @since 7
    * @systemapi
    */
-  (value: string): Animator;
+  (value: string): AnimatorAttribute;
 }
 
 /**
@@ -91,105 +88,105 @@ interface Animator extends AnimatorAttribute<Animator> {
  * @since 7
  * @systemapi
  */
-declare class AnimatorAttribute<T> extends CommonMethod<T> {
+declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<AnimatorAttribute> {
   /**
    * Controls the playback status. The default value is the initial state.
    * @since 7
    * @systemapi
    */
-  state(value: AnimationStatus): T;
+  state(value: AnimationStatus): AnimatorAttribute;
 
   /**
    * Animation duration, in milliseconds.
    * @since 7
    * @systemapi
    */
-  duration(value: number): T;
+  duration(value: number): AnimatorAttribute;
 
   /**
    * Animation curve, default to linear curve
    * @since 7
    * @systemapi
    */
-  curve(value: Curve): T;
+  curve(value: Curve): AnimatorAttribute;
 
   /**
    * Delayed animation playback duration, in milliseconds. By default, the animation is not delayed.
    * @since 7
    * @systemapi
    */
-  delay(value: number): T;
+  delay(value: number): AnimatorAttribute;
 
   /**
    * Sets the state before and after the animation starts.
    * @since 7
    * @systemapi
    */
-  fillMode(value: FillMode): T;
+  fillMode(value: FillMode): AnimatorAttribute;
 
   /**
    * The default playback is once. If the value is -1, the playback is unlimited.
    * @since 7
    * @systemapi
    */
-  iterations(value: number): T;
+  iterations(value: number): AnimatorAttribute;
 
   /**
    * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
    * @since 7
    * @systemapi
    */
-  playMode(value: PlayMode): T;
+  playMode(value: PlayMode): AnimatorAttribute;
 
   /**
    * Configure the physical animation algorithm.
    * @since 7
    * @systemapi
    */
-  motion(value: SpringMotion | FrictionMotion | ScrollMotion): T;
+  motion(value: SpringMotion | FrictionMotion | ScrollMotion): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation starts to play.
    * @since 7
    * @systemapi
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation pauses.
    * @since 7
    * @systemapi
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation is replayed.
    * @since 7
    * @systemapi
    */
-  onRepeat(event: () => void): T;
+  onRepeat(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation is canceled.
    * @since 7
    * @systemapi
    */
-  onCancel(event: () => void): T;
+  onCancel(event: () => void): AnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation playback is complete.
    * @since 7
    * @systemapi
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): AnimatorAttribute;
 
   /**
    * The callback input parameter is the interpolation during animation playback.
    * @since 7
    * @systemapi
    */
-  onFrame(event: (value: number) => void): T;
+  onFrame(event: (value: number) => void): AnimatorAttribute;
 }
 
-export declare class AnimatorExtend<T> extends AnimatorAttribute<T> {}
-export declare const AnimatorInterface: Animator;
+declare const Animator: AnimatorInterface;
+declare const AnimatorIntance: AnimatorAttribute;
diff --git a/api/@internal/component/ets/badge.d.ts b/api/@internal/component/ets/badge.d.ts
index 8b955feb71..5c7d354ea0 100644
--- a/api/@internal/component/ets/badge.d.ts
+++ b/api/@internal/component/ets/badge.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Defines the badge position property.
  * @since 7
  */
-export declare enum BadgePosition {
+declare enum BadgePosition {
   /**
    * The dot is displayed vertically centered on the right.
    * @since 7
@@ -44,7 +41,7 @@ export declare enum BadgePosition {
  * BadgeStyle object
  * @since 7
  */
-export declare interface BadgeStyle {
+declare interface BadgeStyle {
   /**
    * Text Color
    * @since 7
@@ -74,7 +71,7 @@ export declare interface BadgeStyle {
  * Defines the base param of badge.
  * @since 7
  */
-export declare interface BadgeParam {
+declare interface BadgeParam {
   /**
    * Set the display position of the prompt point.
    * @since 7
@@ -92,7 +89,7 @@ export declare interface BadgeParam {
  * Defines the badge param with count and maxCount.
  * @since 7
  */
-export declare interface BadgeParamWithNumber extends BadgeParam {
+declare interface BadgeParamWithNumber extends BadgeParam {
   /**
    * Set the number of reminder messages.
    * @since 7
@@ -110,7 +107,7 @@ export declare interface BadgeParamWithNumber extends BadgeParam {
  * Defines the badge param with string value.
  * @since 7
  */
-export declare interface BadgeParamWithString extends BadgeParam {
+declare interface BadgeParamWithString extends BadgeParam {
   /**
    * Text string of the prompt content.
    * @since 7
@@ -122,7 +119,7 @@ export declare interface BadgeParamWithString extends BadgeParam {
  * Defines Badge Componrnt.
  * @since 7
  */
-interface Badge extends BadgeAttribute<Badge> {
+interface BadgeInterface {
   /**
    * position: Set the display position of the prompt point.
    * maxCount: Maximum number of messages. If the number of messages exceeds the maximum, only maxCount+ is displayed.
@@ -130,7 +127,7 @@ interface Badge extends BadgeAttribute<Badge> {
    * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
    * @since 7
    */
-  (value: BadgeParamWithNumber): Badge;
+  (value: BadgeParamWithNumber): BadgeAttribute;
 
   /**
    * value: Text string of the prompt content.
@@ -139,14 +136,14 @@ interface Badge extends BadgeAttribute<Badge> {
    * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
    * @since 7
    */
-  (value: BadgeParamWithString): Badge;
+  (value: BadgeParamWithString): BadgeAttribute;
 }
 
 /**
  * Defines Badge Componrnt attribute.
  * @since 7
  */
-declare class BadgeAttribute<T> extends CommonMethod<T> {}
+declare class BadgeAttribute extends CommonMethod<BadgeAttribute> {}
 
-export declare class BadgeExtend<T> extends BadgeAttribute<T> {}
-export declare const BadgeInterface: Badge;
+declare const Badge: BadgeInterface
+declare const BadgeInstance: BadgeAttribute;
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
index 782cf284d3..1742aa3dec 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -1,4 +1,4 @@
-/*
+ /*
  * Copyright (c) 2021 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,32 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Create Blank.
  * @since 7
  */
-interface Blank extends BlankAttribute<Blank> {
+interface BlankInterface {
   /**
    * The minimum size of the blank fill assembly on the container spindle.
    * @since 7
    */
-  (min?: number | string): Blank;
+  (min?: number | string): BlankAttribute;
 }
 
 /**
  * Inheritance CommonMethod Set Styles
  * @since 7
  */
-declare class BlankAttribute<T> extends CommonMethod<T> {
+declare class BlankAttribute extends CommonMethod<BlankAttribute> {
   /**
    * color: set color.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): BlankAttribute;
 }
 
-export declare class BlankExtend<T> extends BlankAttribute<T> {}
-export declare const BlankInterface: Blank;
+declare const Blank: BlankInterface;
+declare const BlankIntancee: BlankAttribute;
diff --git a/api/@internal/component/ets/button.d.ts b/api/@internal/component/ets/button.d.ts
index e0f94093e6..68f472819d 100644
--- a/api/@internal/component/ets/button.d.ts
+++ b/api/@internal/component/ets/button.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontWeight, FontStyle } from "./enums";
-import { Length, ResourceColor, ResourceStr, Resource } from "./units";
-
 /**
  * Provides a button component.
  * @since 7
  */
-export declare enum ButtonType {
+declare enum ButtonType {
   /**
    * Capsule button (rounded corners default to half the height).
    * @since 7
@@ -45,7 +41,7 @@ export declare enum ButtonType {
  * Defines the button options.
  * @since 7
  */
-export declare interface ButtonOption {
+declare interface ButtonOption {
   /**
    * Describes the button style.
    * @since 7
@@ -63,73 +59,73 @@ export declare interface ButtonOption {
  * Defines the Button Component.
  * @since 7
  */
-interface Button extends ButtonAttribute<Button> {
+interface ButtonInterface {
   /**
    * Button object
    * @since 7
    */
-  (): Button;
+  (): ButtonAttribute;
 
   /**
    * Create Button with Text child.
    * @since 7
    */
-  (options: ButtonOption): Button;
+  (options: ButtonOption): ButtonAttribute;
 
   /**
    * Create Button with inner text label.
    * @since 7
    */
-  (label: ResourceStr, options?: ButtonOption): Button;
+  (label: ResourceStr, options?: ButtonOption): ButtonAttribute;
 }
 
 /**
  * Defines the button attribute functions.
  * @since 7
  */
-declare class ButtonAttribute<T> extends CommonMethod<T> {
+declare class ButtonAttribute extends CommonMethod<ButtonAttribute> {
   /**
    * Describes the button style.
    * @since 7
    */
-  type(value: ButtonType): T;
+  type(value: ButtonType): ButtonAttribute;
 
   /**
    * Indicates whether to enable the switchover effect when the button is pressed. When the status is set to false, the switchover effect is disabled.
    * @since 7
    */
-  stateEffect(value: boolean): T;
+  stateEffect(value: boolean): ButtonAttribute;
 
   /**
    * Text color.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): ButtonAttribute;
 
   /**
    * Text size.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): ButtonAttribute;
 
   /**
    * Font weight.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): ButtonAttribute;
 
   /**
    * Font style.
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): ButtonAttribute;
 
   /**
    * Font family.
    * @since 8
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): ButtonAttribute;
 }
 
-export declare class ButtonExtend<T> extends ButtonAttribute<T> {}
-export declare const ButtonInterface: Button;
+declare const Button: ButtonInterface
+declare const ButtonInstance: ButtonAttribute;
diff --git a/api/@internal/component/ets/calendar.d.ts b/api/@internal/component/ets/calendar.d.ts
index 26c233f8d5..73af8ae527 100644
--- a/api/@internal/component/ets/calendar.d.ts
+++ b/api/@internal/component/ets/calendar.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { Axis } from "./enums";
-import { ResourceColor } from "./units";
-
 /**
  * Provides a monthly view component to display information such as date, shift break, and schedule.
  * @since 7
  * @systemapi
  */
-export interface CalendarDay {
+interface CalendarDay {
   /**
    * Indicates the sequence number of the 7 x 7 (7 x 6) grid layout on a calendar page by row.
    * The week sequence is one, two, three, four, five, six.
@@ -109,7 +106,7 @@ export interface CalendarDay {
  * @since 7
  * @systemapi
  */
-export interface MonthData {
+interface MonthData {
   /**
    * Gregorian calendar year.
    * @since 7
@@ -137,7 +134,7 @@ export interface MonthData {
  * @since 7
  * @systemapi
  */
-export interface CurrentDayStyle {
+interface CurrentDayStyle {
   /**
    * Text color.
    * @since 7
@@ -305,7 +302,7 @@ export interface CurrentDayStyle {
  * @since 7
  * @systemapi
  */
-export interface NonCurrentDayStyle {
+interface NonCurrentDayStyle {
   /**
    * Non-current month day color.
    * @since 7
@@ -340,7 +337,7 @@ export interface NonCurrentDayStyle {
  * @since 7
  * @systemapi
  */
-export interface TodayStyle {
+interface TodayStyle {
   /**
    * Style of focus color.
    * @since 7
@@ -375,7 +372,7 @@ export interface TodayStyle {
  * @since 7
  * @systemapi
  */
-export interface WeekStyle {
+interface WeekStyle {
   /**
    * Style of week color.
    * @since 7
@@ -431,7 +428,7 @@ export interface WeekStyle {
  * @since 7
  * @systemapi
  */
-export interface WorkStateStyle {
+interface WorkStateStyle {
   /**
    * Style of day color.
    * @since 7
@@ -514,7 +511,7 @@ declare class CalendarController {
  * @since 7
  * @systemapi
  */
-interface Calendar extends CalendarAttribute<Calendar> {
+interface CalendarInterface {
   /**
    * Set value.
    * @since 7
@@ -526,97 +523,97 @@ interface Calendar extends CalendarAttribute<Calendar> {
     preData: MonthData;
     nextData: MonthData;
     controller?: CalendarController;
-  }): Calendar;
+  }): CalendarAttribute;
 }
 
 /**
  * @since 7
  * @systemapi
  */
-declare class CalendarAttribute<T> {
+declare class CalendarAttribute {
   /**
    * Specifies whether the component displays the lunar calendar information.
    * @since 7
    * @systemapi
    */
-  showLunar(value: boolean): T;
+  showLunar(value: boolean): CalendarAttribute;
 
   /**
    * Setting whether to display holiday information
    * @since 7
    * @systemapi
    */
-  showHoliday(value: boolean): T;
+  showHoliday(value: boolean): CalendarAttribute;
 
   /**
    * Indicates whether the page can be scrolled.
    * @since 7
    * @systemapi
    */
-  needSlide(value: boolean): T;
+  needSlide(value: boolean): CalendarAttribute;
 
   /**
    * Set the start day of the week for the calendar.
    * @since 7
    * @systemapi
    */
-  startOfWeek(value: number): T;
+  startOfWeek(value: number): CalendarAttribute;
 
   /**
    * Set weekend. The default value is Sunday and Saturday.
    * @since 7
    * @systemapi
    */
-  offDays(value: number): T;
+  offDays(value: number): CalendarAttribute;
 
   /**
    * Sets the sliding direction.
    * @since 7
    * @systemapi
    */
-  direction(value: Axis): T;
+  direction(value: Axis): CalendarAttribute;
 
   /**
    * Sets the date style in the current month.
    * @since 7
    * @systemapi
    */
-  currentDayStyle(value: CurrentDayStyle): T;
+  currentDayStyle(value: CurrentDayStyle): CalendarAttribute;
 
   /**
    * Sets the non-monthly date style.
    * @since 7
    * @systemapi
    */
-  nonCurrentDayStyle(value: NonCurrentDayStyle): T;
+  nonCurrentDayStyle(value: NonCurrentDayStyle): CalendarAttribute;
 
   /**
    * Set the date style for today.
    * @since 7
    * @systemapi
    */
-  todayStyle(value: TodayStyle): T;
+  todayStyle(value: TodayStyle): CalendarAttribute;
 
   /**
    * Sets the date style for the weekend.
    * @since 7
    * @systemapi
    */
-  weekStyle(value: WeekStyle): T;
+  weekStyle(value: WeekStyle): CalendarAttribute;
 
   /**
    * Sets the style of the working state.
    * @since 7
    * @systemapi
    */
-  workStateStyle(value: WorkStateStyle): T;
+  workStateStyle(value: WorkStateStyle): CalendarAttribute;
 
   /**
    * Click a date to return the information about the date you clicked.
    * @since 7
    * @systemapi
    */
-  onSelectChange(event: (event: { year: number; month: number; day: number }) => void): T;
+  onSelectChange(event: (event: { year: number; month: number; day: number }) => void): CalendarAttribute;
 
   /**
    * When you swipe to switch months, the information about the previous month and the next month is requested.
@@ -631,8 +628,8 @@ declare class CalendarAttribute<T> {
       currentMonth: number;
       monthState: number;
     }) => void,
-  ): T;
+  ): CalendarAttribute;
 }
 
-export declare class CalendarExtend<T> extends CalendarAttribute<T> {}
-export declare const CalendarInterface: Calendar;
+declare const Calendar: CalendarInterface;
+declare const CalendarInstance: CalendarAttribute;
diff --git a/api/@internal/component/ets/canvas.d.ts b/api/@internal/component/ets/canvas.d.ts
index c860017b28..24e36b5be7 100644
--- a/api/@internal/component/ets/canvas.d.ts
+++ b/api/@internal/component/ets/canvas.d.ts
@@ -13,9 +13,6 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { Matrix2D } from "./matrix2d";
-
 /**
  * Filling style algorithm, which determines whether a point is within or outside the path. The following
  *    two configurations are supported:
@@ -23,7 +20,7 @@ import { Matrix2D } from "./matrix2d";
  * "nonzero": (Default) Non-zero Wrap Rules
  * @since 8
  */
-export declare type CanvasFillRule = "evenodd" | "nonzero";
+declare type CanvasFillRule = "evenodd" | "nonzero";
 
 /**
  * Specifies the attribute of drawing the end of each line segment. The following configurations are supported:
@@ -33,7 +30,7 @@ export declare type CanvasFillRule = "evenodd" | "nonzero";
  *    as the segment and is half the thickness of the segment.
  * @since 8
  */
-export declare type CanvasLineCap = "butt" | "round" | "square";
+declare type CanvasLineCap = "butt" | "round" | "square";
 
 /**
  * Sets the attribute of how two connected parts (line segments, arcs, and curves) whose length is not 0
@@ -46,7 +43,7 @@ export declare type CanvasLineCap = "butt" | "round" | "square";
  *    connected section. The radius of the fillet is the width of the segment.
  * @since 8
  */
-export declare type CanvasLineJoin = "bevel" | "miter" | "round";
+declare type CanvasLineJoin = "bevel" | "miter" | "round";
 
 /**
  * Indicates the attribute of the current text direction. The options are as follows:
@@ -55,7 +52,7 @@ export declare type CanvasLineJoin = "bevel" | "miter" | "round";
  * "rtl": The text direction is from right to left.
  * @since 8
  */
-export declare type CanvasDirection = "inherit" | "ltr" | "rtl";
+declare type CanvasDirection = "inherit" | "ltr" | "rtl";
 
 /**
  * Describes the alignment mode for drawing text. The options are as follows:
@@ -68,7 +65,7 @@ export declare type CanvasDirection = "inherit" | "ltr" | "rtl";
  *    and right alignment refers to the local from right to left)
  * @since 8
  */
-export declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "start";
+declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "start";
 
 /**
  * Text baseline, which supports the following configurations:
@@ -82,7 +79,7 @@ export declare type CanvasTextAlign = "center" | "end" | "left" | "right" | "sta
  * "top": The text baseline is at the top of the text block.
  * @since 8
  */
-export declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
+declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
 
 /**
  * Sets the image smoothness attribute. The options are as follows:
@@ -91,13 +88,13 @@ export declare type CanvasTextBaseline = "alphabetic" | "bottom" | "hanging" | "
  * "medium": medium
  * @since 8
  */
-export declare type ImageSmoothingQuality = "high" | "low" | "medium";
+declare type ImageSmoothingQuality = "high" | "low" | "medium";
 
 /**
  * Opaque objects that describe gradients, created by createLinearGradient() or createRadialGradient()
  * @since 8
  */
-export declare class CanvasGradient {
+declare class CanvasGradient {
   /**
    * Add a breakpoint defined by offset and color to the gradient
    * @param number Value between 0 and 1, out of range throws INDEX_SIZE_ERR error
@@ -221,7 +218,7 @@ declare class CanvasPath {
  * 2D path object for path drawing
  * @since 8
  */
-export declare class Path2D extends CanvasPath {
+declare class Path2D extends CanvasPath {
   /**
    * Adds a path according to the specified path variable.
    * @param path Indicates the path object to be added.
@@ -255,7 +252,7 @@ export declare class Path2D extends CanvasPath {
  * Describes an opaque object of a template, which is created using the createPattern() method.
  * @since 8
  */
-export declare interface CanvasPattern {
+declare interface CanvasPattern {
   /**
    * Adds the matrix transformation effect to the current template.
    * @param transform transformation matrix
@@ -268,7 +265,7 @@ export declare interface CanvasPattern {
  * Size information of the text
  * @since 8
  */
-export declare interface TextMetrics {
+declare interface TextMetrics {
   /**
    * Double, the distance from the horizontal line indicated by the textBaseline property to the top of
    *    the rectangular boundary of the rendered text.
@@ -357,7 +354,7 @@ export declare interface TextMetrics {
  * Bitmap image object that can be drawn onto the current Canvas
  * @since 8
  */
-export declare class ImageBitmap {
+declare class ImageBitmap {
   /**
    * Indicates the height of the CSS pixel unit of ImageData.
    * @since 8
@@ -395,7 +392,7 @@ export declare class ImageBitmap {
  * Image data object
  * @since 8
  */
-export declare class ImageData {
+declare class ImageData {
   /**
    * Array containing image pixel data
    * @since 8
@@ -428,7 +425,7 @@ export declare class ImageData {
  * This object allows you to set properties when creating a rendering context
  * @since 8
  */
-export declare class RenderingContextSettings {
+declare class RenderingContextSettings {
   /**
    * Indicates whether the canvas contains an alpha channel. The default value is false.
    * @since 8
@@ -998,7 +995,7 @@ declare class CanvasRenderer extends CanvasPath {
  * Draw context object for the Canvas component.
  * @since 8
  */
-export declare class CanvasRenderingContext2D extends CanvasRenderer {
+declare class CanvasRenderingContext2D extends CanvasRenderer {
   /**
    * The default value is 0, which is bound to the height of the specified canvas. The value is read-only.
    * @since 8
@@ -1032,7 +1029,7 @@ export declare class CanvasRenderingContext2D extends CanvasRenderer {
  * Draw context object for the OffscreenCanvas component.
  * @since 8
  */
-export declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
+declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
   /**
    * Generate a character string in the data url format.
    * @param type Image format. The default value is image/png.
@@ -1062,7 +1059,7 @@ export declare class OffscreenCanvasRenderingContext2D extends CanvasRenderer {
  * Draw an object off the screen. The drawing content is not directly displayed on the screen.
  * @since 8
  */
-export declare class OffscreenCanvas extends CanvasRenderer {
+declare class OffscreenCanvas extends CanvasRenderer {
   /**
    * Height of the off-screen canvas.
    * @since 8
@@ -1094,21 +1091,21 @@ export declare class OffscreenCanvas extends CanvasRenderer {
  *TextTimer component, which provides the text timer capability.
  * @since 8
  */
-interface Canvas extends CanvasAttribute<Canvas> {
+interface CanvasInterface {
   /**
    * Construct a canvas component.
    * @param context Canvas context object. For details, see {@link CanvasRenderingContext2D}.
    * @since 8
    */
-  (context?: CanvasRenderingContext2D): Canvas;
+  (context?: CanvasRenderingContext2D): CanvasAttribute;
 }
 
-declare class CanvasAttribute<T> extends CommonMethod<T> {
+declare class CanvasAttribute extends CommonMethod<CanvasAttribute> {
   /**
    * Event notification after the canvas component is constructed. You can draw the canvas at this time.
    * @since 8
    */
-  onReady(event: () => void): T;
+  onReady(event: () => void): CanvasAttribute;
 }
-export declare class CanvasExtend<T> extends CanvasAttribute<T> {}
-export declare const CanvasInterface: Canvas;
+declare const Canvas: CanvasInterface;
+declare const CanvasInstance: CanvasAttribute;
diff --git a/api/@internal/component/ets/checkbox.d.ts b/api/@internal/component/ets/checkbox.d.ts
index f777f68c98..9d842524fe 100644
--- a/api/@internal/component/ets/checkbox.d.ts
+++ b/api/@internal/component/ets/checkbox.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Defines the option of Checkbox.
  * @since 8
  */
-export declare interface CheckboxOption {
+declare interface CheckboxOption {
   /**
    * Current name of Checkbox.
    * @since 8
@@ -38,39 +35,39 @@ export declare interface CheckboxOption {
  * Provides an interface for the Checkbox component.
  * @since 8
  */
-interface Checkbox extends CheckboxAttribute<Checkbox> {
+interface CheckboxInterface {
   /**
    * Construct the Checkbox component.
    * Called when the Checkbox component is used.
    * @since 8
    */
-  (options?: CheckboxOption): Checkbox;
+  (options?: CheckboxOption): CheckboxAttribute;
 }
 
 /**
  * Defines the attribute functions of Checkbox.
  * @since 8
  */
-declare class CheckboxAttribute<T> extends CommonMethod<T> {
+declare class CheckboxAttribute extends CommonMethod<CheckboxAttribute> {
 
   /**
    * setting whether checkbox is selected.
    * @since 8
    */
-   select(value: boolean): T;
+   select(value: boolean): CheckboxAttribute;
 
   /**
    * setting the display color of checkbox.
    * @since 8
    */
-   selectedColor(value: ResourceColor): T;
+   selectedColor(value: ResourceColor): CheckboxAttribute;
 
   /**
    * Called when the selection status changes.
    * @since 8
    */
-  onChange(callback: (value: boolean) => void): T;
+  onChange(callback: (value: boolean) => void): CheckboxAttribute;
 }
 
-export declare class CheckboxExtend<T> extends CheckboxAttribute<T> {}
-export declare const CheckboxInterface: Checkbox;
+declare const Checkbox: CheckboxInterface;
+declare const CheckboxInstance: CheckboxAttribute;
diff --git a/api/@internal/component/ets/checkboxgroup.d.ts b/api/@internal/component/ets/checkboxgroup.d.ts
index 3c556a3f9f..cdd2c0cb57 100644
--- a/api/@internal/component/ets/checkboxgroup.d.ts
+++ b/api/@internal/component/ets/checkboxgroup.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * CheckboxGroup SelectStatus
  * @since 8
  */
-export declare enum SelectStatus {
+declare enum SelectStatus {
   /**
    * All checkboxs is selected.
    * @since 8
@@ -42,7 +39,7 @@ export declare enum SelectStatus {
  * Defines the option of CheckboxGroup.
  * @since 8
  */
-export declare interface CheckboxGroupOption {
+declare interface CheckboxGroupOption {
   /**
    * Setting the group of CheckboxGroup.
    * @since 8
@@ -54,38 +51,38 @@ export declare interface CheckboxGroupOption {
  * Provides an interface for the CheckboxGroup component.
  * @since 8
  */
-interface CheckboxGroup extends CheckboxGroupAttribute<CheckboxGroup> {
+interface CheckboxGroupInterface {
   /**
    * Called when the CheckboxGroup component is used.
    * @since 8
    */
-  (options?: CheckboxGroupOption): CheckboxGroup;
+  (options?: CheckboxGroupOption): CheckboxGroupAttribute;
 }
 
 /**
  * Defines the attribute functions of CheckboxGroup.
  * @since 8
  */
-declare class CheckboxGroupAttribute<T> extends CommonMethod<T> {
+declare class CheckboxGroupAttribute extends CommonMethod<CheckboxGroupAttribute> {
 
   /**
    * setting whether all checkbox is selected.
    * @since 8
    */
-   selectAll(value: boolean): T;
+   selectAll(value: boolean): CheckboxGroupAttribute;
 
   /**
    * setting the display color of checkbox.
    * @since 8
    */
-   selectedColor(value: ResourceColor): T;
+   selectedColor(value: ResourceColor): CheckboxGroupAttribute;
 
   /**
    * Called when the selection status changes.
    * @since 8
    */
-  onChange(callback: (name: Array<any>, status: SelectStatus) => void): T;
+  onChange(callback: (name: Array<any>, status: SelectStatus) => void): CheckboxGroupAttribute;
 }
 
-export declare class CheckboxGroupExtend<T> extends CheckboxGroupAttribute<T> {}
-export declare const CheckboxGroupInterface: CheckboxGroup;
+declare const Checkbox: CheckboxGroupInterface;
+declare const CheckboxGroupInstance: CheckboxGroupAttribute;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
index 37594f2697..56a14c7e18 100644
--- a/api/@internal/component/ets/circle.d.ts
+++ b/api/@internal/component/ets/circle.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Defines circle option for Circle component.
  * @since 7
  */
-export declare interface CircleOption {
+declare interface CircleOption {
   /**
    * Defines the width property.
    * @since 7
@@ -37,25 +35,25 @@ export declare interface CircleOption {
  * Defines circle component.
  * @since 7
  */
-interface Circle extends CircleAttribute<Circle> {
+interface CircleInterface {
   /**
    * use new function to set the value.
    * @since 7
    */
-  new (value?: CircleOption): Circle;
+  new (value?: CircleOption): CircleAttribute;
 
   /**
    * Set the value..
    * @since 7
    */
-  (value?: CircleOption): Circle;
+  (value?: CircleOption): CircleAttribute;
 }
 
 /**
  * Circle drawing component attribute functions.
  * @since 7
  */
-declare class CircleAttribute<T> extends CommonShapeMethod<T> {}
+declare class CircleAttribute extends CommonShapeMethod<CircleAttribute> {}
 
-export declare class CircleExtend<T> extends CircleAttribute<T> {}
-export declare const CircleInterface: Circle;
+declare const Circle: CircleInterface;
+declare const CircleInstance: CircleAttribute;
diff --git a/api/@internal/component/ets/column.d.ts b/api/@internal/component/ets/column.d.ts
index 5307dcd5aa..8a6feea284 100644
--- a/api/@internal/component/ets/column.d.ts
+++ b/api/@internal/component/ets/column.d.ts
@@ -13,34 +13,31 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { HorizontalAlign } from "./enums";
-
 /**
  * Defines the Column Component.
  * @since 7
  */
-interface Column extends ColumnAttribute<Column> {
+interface ColumnInterface {
   /**
    * Set the value.
    * useAlign:Use a custom alignment.
    * space: Vertical layout element spacing.
    * @since 7
    */
-  (value?: { space?: string | number }): Column;
+  (value?: { space?: string | number }): ColumnAttribute;
 }
 
 /**
  * Defines the Column component attribute functions.
  * @since 7
  */
-export declare class ColumnAttribute<T> extends CommonMethod<T> {
+declare class ColumnAttribute extends CommonMethod<ColumnAttribute> {
   /**
    * Sets the alignment format of the subassembly in the horizontal direction.
    * @since 7
    */
-  alignItems(value: HorizontalAlign): T;
+  alignItems(value: HorizontalAlign): ColumnAttribute;
 }
 
-export declare class ColumnExtend<T> extends ColumnAttribute<T> {}
-export declare const ColumnInterface: Column;
+declare const Column: ColumnInterface;
+declare const ColumnInstance: ColumnAttribute;
diff --git a/api/@internal/component/ets/column_split.d.ts b/api/@internal/component/ets/column_split.d.ts
index e7e7883104..7b897cf1fa 100644
--- a/api/@internal/component/ets/column_split.d.ts
+++ b/api/@internal/component/ets/column_split.d.ts
@@ -13,31 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines the ColumnSplit component.
  * @since 7
  */
-interface ColumnSplit extends ColumnSplitAttribute<ColumnSplit> {
+interface ColumnSplitInterface {
   /**
    * Layout the subassemblies vertically and insert a horizontal divider line between each subassemblies.
    * @since 7
    */
-  (): ColumnSplit;
+  (): ColumnSplitAttribute;
 }
 
 /**
  * Defines the ColumnSplit component attribute functions.
  * @since 7
  */
-declare class ColumnSplitAttribute<T> extends CommonMethod<T> {
+declare class ColumnSplitAttribute extends CommonMethod<ColumnSplitAttribute> {
   /**
    * Indicates whether the split line can be dragged. The default value is false.
    * @since 7
    */
-  resizeable(value: boolean): T;
+  resizeable(value: boolean): ColumnSplitAttribute;
 }
 
-export declare const ColumnSplitInterface: ColumnSplit;
-export declare class ColumnSplitExtend<T> extends ColumnSplitAttribute<T> {}
+declare const ColumnSplitInstance: ColumnSplitAttribute;
+declare const ColumnSplit: ColumnSplitInterface;
diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
index 762aee45c0..1d2ee45a62 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+<<<<<<< HEAD
 import { GestureType, GestureMask } from "./gesture";
 import { Circle } from "./circle";
 import { Ellipse } from "./ellipse";
@@ -43,100 +44,102 @@ import {
   HoverEffect,
 } from "./enums";
 
+=======
+>>>>>>> lihong67@huawei.com
 /**
  * Defining Component ClassDecorator * @since 7
  */
-export declare const Component: ClassDecorator;
+declare const Component: ClassDecorator;
 
 /**
  * Defining Entry ClassDecorator.
  * @since 7
  */
-export declare const Entry: ClassDecorator;
+declare const Entry: ClassDecorator;
 
 /**
  * Defining Observed ClassDecorator.
  * @since 7
  */
-export declare const Observed: ClassDecorator;
+declare const Observed: ClassDecorator;
 
 /**
  * Defining Preview ClassDecorator.
  * @since 7
  */
-export declare const Preview: ClassDecorator & ((value: PreviewParams) => ClassDecorator);
+declare const Preview: ClassDecorator & ((value: PreviewParams) => ClassDecorator);
 
 /**
  * Defining State PropertyDecorator.
  * @since 7
  */
-export declare const State: PropertyDecorator;
+declare const State: PropertyDecorator;
 
 /**
  * Defining Prop PropertyDecorator.
  * @since 7
  */
-export declare const Prop: PropertyDecorator;
+declare const Prop: PropertyDecorator;
 
 /**
  * Defining Link PropertyDecorator.
  * @since 7
  */
-export declare const Link: PropertyDecorator;
+declare const Link: PropertyDecorator;
 
 /**
  * Defining ObjectLink PropertyDecorator.
  * @since 7
  */
-export declare const ObjectLink: PropertyDecorator;
+declare const ObjectLink: PropertyDecorator;
 
 /**
  * Defining Provide PropertyDecorator.
  * @since 7
  */
-export declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
+declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
 
 /**
  * Defining Consume PropertyDecorator.
  * @since 7
  */
-export declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
+declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
 
 /**
  * Defining StorageProp PropertyDecorator.
  * @since 7
  */
-export declare const StorageProp: (value: string) => PropertyDecorator;
+declare const StorageProp: (value: string) => PropertyDecorator;
 
 /**
  * Defining StorageLink PropertyDecorator.
  * @since 7
  */
-export declare const StorageLink: (value: string) => PropertyDecorator;
+declare const StorageLink: (value: string) => PropertyDecorator;
 
 /**
  * Defining Watch PropertyDecorator.
  * @since 7
  */
-export declare const Watch: (value: string) => PropertyDecorator;
+declare const Watch: (value: string) => PropertyDecorator;
 
 /**
  * Defining Builder MethodDecorator
  * @since 7
  */
-export declare const Builder: MethodDecorator;
+declare const Builder: MethodDecorator;
 
 /**
  * Defining  CustomDialog ClassDecorator
  * @since 7
  */
-export declare const CustomDialog: ClassDecorator;
+declare const CustomDialog: ClassDecorator;
 
 /**
  * Defines the data type of the interface restriction.
  * @since 7
  */
-export declare interface Configuration {
+declare interface Configuration {
   /**
    * Set colorMode.
    * @since 7
@@ -155,7 +158,7 @@ export declare interface Configuration {
  * @devices phone, tablet, car
  * @since 8
  */
-export declare interface Rectangle {
+declare interface Rectangle {
   /**
    * x:Horizontal coordinate
    * @devices phone, tablet, car
@@ -195,15 +198,15 @@ declare const isSystemplugin: (...args: string[]) => any;
  * global $r function
  * @since 7
  */
-export declare function $r(value: string, ...params: any[]): Resource;
+declare function $r(value: string, ...params: any[]): Resource;
 
 /**
  * global $rawfile function
  * @since 7
  */
-export declare function $rawfile(value: string): Resource;
+declare function $rawfile(value: string): Resource;
 
-export interface AnimateToParam {
+interface AnimateToParam {
   duration?: number;
   tempo?: number;
   curve?: Curve | string;
@@ -231,7 +234,7 @@ interface PreviewParams {
  * ItemDragInfo object description
  * @since 8
  */
-export interface ItemDragInfo {
+interface ItemDragInfo {
   /**
    * Obtains the X coordinate of the drag window, in vp.
    * @since 8
@@ -249,49 +252,49 @@ export interface ItemDragInfo {
  * Defining animation function.
  * @since 7
  */
-export declare function animateTo(value: AnimateToParam, event: () => void): void;
+declare function animateTo(value: AnimateToParam, event: () => void): void;
 
 /**
  * Converts a value in vp units to a value in px.
  * @since 7
  */
-export declare function vp2px(value: number): number;
+declare function vp2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of vp.
  * @since 7
  */
-export declare function px2vp(value: number): number;
+declare function px2vp(value: number): number;
 
 /**
  * Converts a number in fp units to a number in px.
  * @since 7
  */
-export declare function fp2px(value: number): number;
+declare function fp2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of fp.
  * @since 7
  */
-export declare function px2fp(value: number): number;
+declare function px2fp(value: number): number;
 
 /**
  * Converts a number in units of lpx to a number in units of px.
  * @since 7
  */
-export declare function lpx2px(value: number): number;
+declare function lpx2px(value: number): number;
 
 /**
  * Converts a number in units of px to a number in units of lpx.
  * @since 7
  */
-export declare function px2lpx(value: number): number;
+declare function px2lpx(value: number): number;
 
 /**
  * Defines the event target.
  * @since 8
  */
-export interface EventTarget {
+interface EventTarget {
   /**
    * Area of current target.
    * @since 8
@@ -303,7 +306,7 @@ export interface EventTarget {
  * Defines the event source type.
  * @since 8
  */
-export declare enum SourceType {
+declare enum SourceType {
   /**
    * Unknown type.
    * @since 8
@@ -327,7 +330,7 @@ export declare enum SourceType {
  * Defines the base event.
  * @since 8
  */
-export interface BaseEvent {
+interface BaseEvent {
   /**
    * Defines the current target which fires this event.
    * @since 8
@@ -351,7 +354,7 @@ export interface BaseEvent {
  * The tap action triggers this method invocation.
  * @since 7
  */
-export interface ClickEvent extends BaseEvent {
+interface ClickEvent extends BaseEvent {
   /**
    * X coordinate of the click point relative to the left edge of the device screen.
    * @since 7
@@ -381,7 +384,7 @@ export interface ClickEvent extends BaseEvent {
  * The mouse click action triggers this method invocation.
  * @since 8
  */
-export interface MouseEvent extends BaseEvent {
+interface MouseEvent extends BaseEvent {
   /**
    * Mouse button of the click event.
    * @since 8
@@ -429,7 +432,7 @@ export interface MouseEvent extends BaseEvent {
  * Type of the touch event.
  * @since 7
  */
-export interface TouchObject {
+interface TouchObject {
   /**
    * Type of the touch event.
    * @since 7
@@ -471,7 +474,7 @@ export interface TouchObject {
  * Touch Action Function Parameters
  * @since 7
  */
-export interface TouchEvent extends BaseEvent {
+interface TouchEvent extends BaseEvent {
   /**
    * Type of the touch event.
    * @since 7
@@ -501,7 +504,7 @@ export interface TouchEvent extends BaseEvent {
  * pixelmap object with release function.
  * @since 7
  */
-export declare class PixelMap {
+declare class PixelMap {
   /**
    * release function.
    * @since 7
@@ -513,7 +516,7 @@ export declare class PixelMap {
  * DragEvent object description
  * @since 7
  */
-export interface DragEvent {
+interface DragEvent {
   /**
    * Obtains the X coordinate of the drag window, in vp.
    * @since 7
@@ -531,7 +534,7 @@ export interface DragEvent {
  * KeyEvent object description:
  * @since 7
  */
-export interface KeyEvent {
+interface KeyEvent {
   /**
    * Type of a key.
    * @since 7
@@ -618,7 +621,7 @@ interface StateStyels {
   clicked?: any;
 }
 
-export interface PopupOption {
+interface PopupOption {
   /**
    * Information in the pop-up window.
    * @since 7
@@ -674,7 +677,7 @@ export interface PopupOption {
   onStateChange?: (event: { isVisible: boolean }) => void;
 }
 
-export interface CustomPopupOption {
+interface CustomPopupOption {
   /**
    * builder of popup
    * @since 8
@@ -722,7 +725,7 @@ export interface CustomPopupOption {
  * CommonMethod
  * @since 7
  */
-export declare class CommonMethod<T> {
+declare class CommonMethod<T> {
   /**
    * constructor.
    * @since 7
@@ -1325,13 +1328,13 @@ export declare class CommonMethod<T> {
    * When the parameter is of the boolean type, this parameter specifies whether to crop based on the edge contour.
    * @since 7
    */
-  clip(value: boolean | Circle | Ellipse | Path | Rect): T;
+  clip(value: boolean | CircleInterface | EllipseInterface | PathInterface | RectInterface): T;
 
   /**
    * Applies a mask of the specified shape to the current assembly.
    * @since 7
    */
-  mask(value: Circle | Ellipse | Path | Rect): T;
+  mask(value: CircleInterface | EllipseInterface | PathInterface | RectInterface): T;
 
   /**
    * Key. User can set an key to the component to identify it.
@@ -1380,13 +1383,13 @@ export declare class CommonMethod<T> {
  * Defines the CustomBuilder Type.
  * @since 7
  */
-export declare type CustomBuilder = () => any;
+declare type CustomBuilder = () => any;
 
 /**
  * CommonShapeMethod
  * @since 7
  */
-export declare class CommonShapeMethod<T> extends CommonMethod<T> {
+declare class CommonShapeMethod<T> extends CommonMethod<T> {
   /**
    * constructor.
    * @since 7
@@ -1464,7 +1467,7 @@ export declare class CommonShapeMethod<T> extends CommonMethod<T> {
  * Custom Component
  * @since 7
  */
-export declare class CustomComponent<T> {
+declare class CustomComponent {
   /**
    * Customize the pop-up content constructor.
    * @since 7
diff --git a/api/@internal/component/ets/counter.d.ts b/api/@internal/component/ets/counter.d.ts
index ef55ad9520..a847e5f02b 100644
--- a/api/@internal/component/ets/counter.d.ts
+++ b/api/@internal/component/ets/counter.d.ts
@@ -13,37 +13,35 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Counter component, which provides corresponding increment or decrement counting operations.
  * @since 7
  */
-interface Counter extends CounterAttribute<Counter> {
+interface CounterInterface {
   /**
    * Return Counter.
    * @since 7
    */
-  (): Counter;
+  (): CounterAttribute;
 }
 
 /**
  * Defines the Counter attribute functions.
  * @since 7
  */
-declare class CounterAttribute<T> extends CommonMethod<T> {
+declare class CounterAttribute extends CommonMethod<CounterAttribute> {
   /**
    * Listen to the event that the value increases.
    * @since 7
    */
-  onInc(event: () => void): T;
+  onInc(event: () => void): CounterAttribute;
 
   /**
    * Listens to the number decrease event.
    * @since 7
    */
-  onDec(event: () => void): T;
+  onDec(event: () => void): CounterAttribute;
 }
 
-export declare const CounterInterface: Counter;
-export declare class CounterExtend<T> extends CounterAttribute<T> {}
+declare const CounterInstance: CounterAttribute;
+declare const Counter: CounterInterface;
diff --git a/api/@internal/component/ets/custom_dialog_controller.d.ts b/api/@internal/component/ets/custom_dialog_controller.d.ts
index f0fcc03cf6..f208a90578 100644
--- a/api/@internal/component/ets/custom_dialog_controller.d.ts
+++ b/api/@internal/component/ets/custom_dialog_controller.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { DialogAlignment } from "./alert_dialog";
-import { Offset } from "./units";
 
 /**
  * Defines the option of CustomDialogController.
  * @since 7
  */
-export declare interface CustomDialogControllerOption {
+declare interface CustomDialogControllerOption {
   /**
    * Custom builder function.
    * @since 7
@@ -68,7 +66,7 @@ export declare interface CustomDialogControllerOption {
  * Use the CustomDialogController class to display the custom pop-up window.
  * @since 7
  */
-export declare class CustomDialogController {
+declare class CustomDialogController {
   /**
    * The constructor transfers parameter settings.
    * @since 7
diff --git a/api/@internal/component/ets/data_panel.d.ts b/api/@internal/component/ets/data_panel.d.ts
index bcecffdbaa..82d6f4c68b 100644
--- a/api/@internal/component/ets/data_panel.d.ts
+++ b/api/@internal/component/ets/data_panel.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * DataPanelType enum
  * @since 8
  */
-export declare enum DataPanelType {
+declare enum DataPanelType {
   /**
    * Line Type
    * @since 8
@@ -37,7 +36,7 @@ export declare enum DataPanelType {
  * Defines the option of DataPanel.
  * @since 7
  */
-export declare interface DataPanelOption {
+declare interface DataPanelOption {
   /**
    * Current data value. the max length is 9.
    * @since 7
@@ -61,25 +60,25 @@ export declare interface DataPanelOption {
  * Defines the DataPanel component.
  * @since 7
  */
-interface DataPanel extends DataPanelAttribute<DataPanel> {
+interface DataPanelInterface {
   /**
    * Return a DataPanel.
    * @since 7
    */
-  (options: DataPanelOption): DataPanel;
+  (options: DataPanelOption): DataPanelAttribute;
 }
 
 /**
  * Defines the DataPanel attribute functions.
  * @since 7
  */
-declare class DataPanelAttribute<T> extends CommonMethod<T> {
+declare class DataPanelAttribute extends CommonMethod<DataPanelAttribute> {
   /**
    * Disable the special effect of the data ratio chart.
    * @since 7
    */
-  closeEffect(value: boolean): T;
+  closeEffect(value: boolean): DataPanelAttribute;
 }
 
-export declare class DataPanelExtend<T> extends DataPanelAttribute<T> {}
-export declare const DataPanelInterface: DataPanel;
+declare const DataPanel: DataPanelInterface
+declare const DataPanelInstance: DataPanelAttribute;
diff --git a/api/@internal/component/ets/date_picker.d.ts b/api/@internal/component/ets/date_picker.d.ts
index ed2f1aa57a..7cec6ba837 100644
--- a/api/@internal/component/ets/date_picker.d.ts
+++ b/api/@internal/component/ets/date_picker.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines the type of DatePicker.
  * @since 8
  */
-export declare enum DatePickerType {
+declare enum DatePickerType {
   /**
    * Application hour and second
    * @since 8
@@ -37,7 +35,7 @@ export declare enum DatePickerType {
  * Defines the struct of DatePickerResult.
  * @since 8
  */
-export declare interface DatePickerResult {
+declare interface DatePickerResult {
   /**
    * Application year
    * @since 8
@@ -79,7 +77,7 @@ export declare interface DatePickerResult {
  * Defines the option of DatePicker.
  * @since 8
  */
-export declare interface DatePickerOption {
+declare interface DatePickerOption {
   /**
    * Specifies the start date of the date selector.
    */
@@ -104,43 +102,43 @@ export declare interface DatePickerOption {
  * Defines the DatePicker Component.
  * @since 8
  */
-interface DatePicker extends DatePickerAttribute<DatePicker> {
+interface DatePickerInterface {
   /**
    * Defines the DatePicker constructor.
    * @since 8
    */
-  (options?: DatePickerOption): DatePicker;
+  (options?: DatePickerOption): DatePickerAttribute;
 }
 
 /**
  * Defines the DatePicker attribute functions.
  * @since 8
  */
-declare class DatePickerAttribute<T> extends CommonMethod<T> {
+declare class DatePickerAttribute extends CommonMethod<DatePickerAttribute> {
   /**
    * Date selector: true: displays the lunar calendar. false: The lunar calendar is not displayed.
    * @since 8
    */
-  lunar(value: boolean): T;
+  lunar(value: boolean): DatePickerAttribute;
 
   /**
    * Time Selector: indicates whether to display the 24-hour clock.
    * @since 8
    */
-  useMilitaryTime(value: boolean): T;
+  useMilitaryTime(value: boolean): DatePickerAttribute;
 
   /**
    * This event is triggered when a DatePicker date or time is selected.
    * @since 8
    */
-  onChange(callback: (value: DatePickerResult) => void): T;
+  onChange(callback: (value: DatePickerResult) => void): DatePickerAttribute;
 }
 
 /**
  * Defines the DatePickerDialogOption for Data Picker Dialog.
  * @since 8
  */
-export declare interface DatePickerDialogOption extends DatePickerOption {
+declare interface DatePickerDialogOption extends DatePickerOption {
   /**
    * Date selector: true: displays the lunar calendar. false: The lunar calendar is not displayed.
    * @since 8
@@ -158,7 +156,7 @@ export declare interface DatePickerDialogOption extends DatePickerOption {
  * Defines the event callback status in the pop-up window state.
  * @since 8
  */
-export declare enum DialogStatus {
+declare enum DialogStatus {
   /**
    * Triggered when a user clicks the OK button.
    * @since 8
@@ -182,7 +180,7 @@ export declare enum DialogStatus {
  * Defines the DatePickerDialogResult for DatePickerDialog.
  * @since 8
  */
-export declare interface DatePickerDialogResult extends DatePickerResult {
+declare interface DatePickerDialogResult extends DatePickerResult {
   /**
    * Operation status of the current user.
    * @since 8
@@ -194,7 +192,7 @@ export declare interface DatePickerDialogResult extends DatePickerResult {
  * Defines DatePickerDialog which uses show method to show DatePicker dialog.
  * @since 8
  */
-export declare class DatePickerDialog {
+declare class DatePickerDialog {
   /**
    * Invoking method display.
    * @since 8
@@ -202,5 +200,5 @@ export declare class DatePickerDialog {
   static show(options?: DatePickerDialogOption, callback?: (value: DatePickerDialogResult) => void);
 }
 
-export declare class DatePickerExtend<T> extends DatePickerAttribute<T> {}
-export declare const DatePickerInterface: DatePicker;
+declare const DatePicker: DatePickerInterface;
+declare const DatePickerInstance: DatePickerAttribute;
diff --git a/api/@internal/component/ets/divider.d.ts b/api/@internal/component/ets/divider.d.ts
index f98c628e6c..4ee88aa42e 100644
--- a/api/@internal/component/ets/divider.d.ts
+++ b/api/@internal/component/ets/divider.d.ts
@@ -13,52 +13,49 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { LineCapStyle } from "./enums";
-import { ResourceColor } from "./units";
 
 /**
  * Provides a divider component to separate different content blocks/content elements.
  * @since 7
  */
-interface Divider extends DividerAttribute<Divider> {
+interface DividerInterface {
   /**
    * Return Divider.
    * @since 7
    */
-  (): Divider;
+  (): DividerAttribute;
 }
 
 /**
  * Defines the Divider attribute functions.
  * @since 7
  */
-declare class DividerAttribute<T> extends CommonMethod<T> {
+declare class DividerAttribute extends CommonMethod<DividerAttribute> {
   /**
    * Indicates whether to use a horizontal splitter or a vertical splitter.
    * The options are as follows: false: horizontal splitter; true: vertical splitter.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): DividerAttribute;
 
   /**
    * Sets the color of the divider line.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): DividerAttribute;
 
   /**
    * Sets the width of the dividing line.
    * @since 7
    */
-  strokeWidth(value: number | string): T;
+  strokeWidth(value: number | string): DividerAttribute;
 
   /**
    * Sets the end style of the split line. The default value is Butt.
    * @since 7
    */
-  lineCap(value: LineCapStyle): T;
+  lineCap(value: LineCapStyle): DividerAttribute;
 }
 
-export declare class DividerExtend<T> extends DividerAttribute<T> {}
-export declare const DividerInterface: Divider;
+declare const Divider: DividerInterface
+declare const DividerInstance: DividerAttribute;
diff --git a/api/@internal/component/ets/ellipse.d.ts b/api/@internal/component/ets/ellipse.d.ts
index a857dce25c..2ba7cdbbba 100644
--- a/api/@internal/component/ets/ellipse.d.ts
+++ b/api/@internal/component/ets/ellipse.d.ts
@@ -13,30 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
 
 /**
  * Ellipse drawing.
  * @since 7
  */
-interface Ellipse extends EllipseAttribute<Ellipse> {
+interface EllipseInterface {
   /**
    * use new function to set the value.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Ellipse;
+  new (value?: { width?: string | number; height?: string | number }): EllipseAttribute;
 
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Ellipse;
+  (value?: { width?: string | number; height?: string | number }): EllipseAttribute;
 }
 
 /**
  * @since 7
  */
-declare class EllipseAttribute<T> extends CommonShapeMethod<T> {}
+declare class EllipseAttribute extends CommonShapeMethod<EllipseAttribute> {}
 
-export declare class EllipseExtend<T> extends EllipseAttribute<T> {}
-export declare const EllipseInterface: Ellipse;
+declare const Ellipse: EllipseInterface;
+declare const EllipseInstance: EllipseAttribute;
diff --git a/api/@internal/component/ets/enums.d.ts b/api/@internal/component/ets/enums.d.ts
index 9f1660b870..bf60ad0024 100644
--- a/api/@internal/component/ets/enums.d.ts
+++ b/api/@internal/component/ets/enums.d.ts
@@ -17,7 +17,7 @@
  * common enum of color
  * @since 7
  */
-export declare enum Color {
+declare enum Color {
   /**
    * White.
    * @since 7
@@ -89,7 +89,7 @@ export declare enum Color {
  * Image display mode
  * @since 7
  */
-export declare enum ImageFit {
+declare enum ImageFit {
   /**
    * Keep the aspect ratio to zoom out or zoom in so that the image is completely displayed within the display boundary.
    * @since 7
@@ -131,7 +131,7 @@ export declare enum ImageFit {
  * Border Style
  * @since 7
  */
-export declare enum BorderStyle {
+declare enum BorderStyle {
   /**
    * Displays as a series of dots with a radius of half the borderWidth.
    * @since 7
@@ -155,7 +155,7 @@ export declare enum BorderStyle {
  * Line Join Style
  * @since 7
  */
-export declare enum LineJoinStyle {
+declare enum LineJoinStyle {
   /**
    * Connect path segments using bevels.
    * @since 7
@@ -179,7 +179,7 @@ export declare enum LineJoinStyle {
  * Function Called by Touch
  * @since 7
  */
-export declare enum TouchType {
+declare enum TouchType {
   /**
    * Triggered when the finger is pressed.
    * @since 7
@@ -209,7 +209,7 @@ export declare enum TouchType {
  * Function Called by Mouse
  * @since 8
  */
-export declare enum MouseButton {
+declare enum MouseButton {
   /**
    * Mouse Left Button.
    * @since 8
@@ -251,7 +251,7 @@ export declare enum MouseButton {
  * Function Called by Mouse
  * @since 8
  */
-export declare enum MouseAction {
+declare enum MouseAction {
   /**
    * Triggered when the mouse is pressed.
    * @since 8
@@ -287,7 +287,7 @@ export declare enum MouseAction {
  * Animation status.
  * @since 7
  */
-export declare enum AnimationStatus {
+declare enum AnimationStatus {
   /**
    * Initial state of the animation.
    * @since 7
@@ -317,7 +317,7 @@ export declare enum AnimationStatus {
  * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
  * @since 7
  */
-export declare enum Curve {
+declare enum Curve {
   /**
    * Indicates that the speed of the animation is the same from start to finish.
    * @since 7
@@ -401,7 +401,7 @@ export declare enum Curve {
  * Sets the state before and after the animation starts.
  * @since 7
  */
-export declare enum FillMode {
+declare enum FillMode {
   /**
    * Restores to the initial state after the playback is complete.
    * @since 7
@@ -431,7 +431,7 @@ export declare enum FillMode {
  * Play Mode
  * @since 7
  */
-export declare enum PlayMode {
+declare enum PlayMode {
   /**
    * The animation plays normally.
    * @since 7
@@ -461,7 +461,7 @@ export declare enum PlayMode {
  * This style allows you to set the window blurring degree and blurring style of the current component layout range,
  * @since 7
  */
-export declare enum BlurStyle {
+declare enum BlurStyle {
   /**
    * Small range glow effect.
    * @since 7
@@ -515,7 +515,7 @@ export declare enum BlurStyle {
  * Type of a key.
  * @since 7
  */
-export declare enum KeyType {
+declare enum KeyType {
   /**
    * Press the key.
    * @since 7
@@ -533,7 +533,7 @@ export declare enum KeyType {
  * Type of the input device that triggers the current key.
  * @since 7
  */
-export declare enum KeySource {
+declare enum KeySource {
   /**
    * The input device type is unknown.
    * @since 7
@@ -551,7 +551,7 @@ export declare enum KeySource {
  * Edge.
  * @since 7
  */
-export declare enum Edge {
+declare enum Edge {
   /**
    * The top is centered horizontally.
    * @since 7
@@ -599,7 +599,7 @@ export declare enum Edge {
  * Set Weekend
  * @since 7
  */
-export declare enum Week {
+declare enum Week {
   /**
    * Monday.
    * @since 7
@@ -647,7 +647,7 @@ export declare enum Week {
  * Sets the horizontal layout of elements.
  * @since 7
  */
-export declare enum Direction {
+declare enum Direction {
   /**
    * Elements are laid out from left to right.
    * @since 7
@@ -671,7 +671,7 @@ export declare enum Direction {
  * Sets the horizontal layout of elements.
  * @since 8
  */
-export declare enum FocusDirection {
+declare enum FocusDirection {
   /**
    * From the key up.
    * @since 8
@@ -707,7 +707,7 @@ export declare enum FocusDirection {
  * Used to set the status of the scroll bar.
  * @since 7
  */
-export declare enum BarState {
+declare enum BarState {
   /**
    * Not displayed.
    * @since 7
@@ -731,7 +731,7 @@ export declare enum BarState {
  * Sliding effect
  * @since 7
  */
-export declare enum EdgeEffect {
+declare enum EdgeEffect {
   /**
    * Elastic physical action, sliding to the edge can continue to slide for a distance based on the initial speed or touch event, and spring back when released.
    * @since 7
@@ -755,7 +755,7 @@ export declare enum EdgeEffect {
  * Alignment enumeration description.
  * @since 7
  */
-export declare enum Alignment {
+declare enum Alignment {
   /**
    * Top Start.
    * @since 7
@@ -815,7 +815,7 @@ export declare enum Alignment {
  * TransitionType enumeration description.
  * @since 7
  */
-export declare enum TransitionType {
+declare enum TransitionType {
   /**
    * Specifies that the current transition action takes effect in all change scenarios of the component.
    * @since 7
@@ -839,7 +839,7 @@ export declare enum TransitionType {
  * RelateType enumeration description
  * @since 7
  */
-export declare enum RelateType {
+declare enum RelateType {
   /**
    * Scales the current component to fill the parent component.
    * @since 7
@@ -857,7 +857,7 @@ export declare enum RelateType {
  * Controls the display or hide of the current component
  * @since 7
  */
-export declare enum Visibility {
+declare enum Visibility {
   /**
    * Show
    * @since 7
@@ -881,7 +881,7 @@ export declare enum Visibility {
  * LineCapStyle enumeration description
  * @since 7
  */
-export declare enum LineCapStyle {
+declare enum LineCapStyle {
   /**
    * The two ends of the dividing line are parallel lines.
    * @since 7
@@ -905,7 +905,7 @@ export declare enum LineCapStyle {
  * Axis enumeration description.
  * @since 7
  */
-export declare enum Axis {
+declare enum Axis {
   /**
    * Longitudinal arrangement
    * @since 7
@@ -923,7 +923,7 @@ export declare enum Axis {
  * HorizontalAlign enumeration description.
  * @since 7
  */
-export declare enum HorizontalAlign {
+declare enum HorizontalAlign {
   /**
    * Aligns the start end in the language direction.
    * @since 7
@@ -947,7 +947,7 @@ export declare enum HorizontalAlign {
  * FlexAlign enumeration description.
  * @since 7
  */
-export declare enum FlexAlign {
+declare enum FlexAlign {
   /**
    * The element is aligned at the head of the principal axis,
    * the first element is aligned with the head of the row, and subsequent elements are aligned with the previous one.
@@ -998,7 +998,7 @@ export declare enum FlexAlign {
  * ItemAlign enumeration description
  * @since 7
  */
-export declare enum ItemAlign {
+declare enum ItemAlign {
   /**
    * Use the default configuration in the Flex container.
    * @since 7
@@ -1040,7 +1040,7 @@ export declare enum ItemAlign {
  * FlexDirection enumeration description
  * @since 7
  */
-export declare enum FlexDirection {
+declare enum FlexDirection {
   /**
    * The main axis is consistent with the row direction as the layout mode.
    * @since 7
@@ -1070,7 +1070,7 @@ export declare enum FlexDirection {
  * FlexWrap enumeration description
  * @since 7
  */
-export declare enum FlexWrap {
+declare enum FlexWrap {
   /**
    * The Flex container has a single row/column layout of elements, and children are allowed to go beyond the container.
    * @since 7
@@ -1094,7 +1094,7 @@ export declare enum FlexWrap {
  * VerticalAlign enumeration description
  * @since 7
  */
-export declare enum VerticalAlign {
+declare enum VerticalAlign {
   /**
    * Top alignment.
    * @since 7
@@ -1118,7 +1118,7 @@ export declare enum VerticalAlign {
  * ImageRepeat enumeration description
  * @since 7
  */
-export declare enum ImageRepeat {
+declare enum ImageRepeat {
   /**
    * Do not draw the picture again.
    * @since 7
@@ -1148,7 +1148,7 @@ export declare enum ImageRepeat {
  * ImageSize enumeration description
  * @since 7
  */
-export declare enum ImageSize {
+declare enum ImageSize {
   /**
    * Keep the scale of the original image unchanged.
    * @since 7
@@ -1172,7 +1172,7 @@ export declare enum ImageSize {
  * GradientDirection enumeration description
  * @since 7
  */
-export declare enum GradientDirection {
+declare enum GradientDirection {
   /**
    * Right to left.
    * @since 7
@@ -1232,7 +1232,7 @@ export declare enum GradientDirection {
  * SharedTransitionEffectType enumeration description
  * @since 7
  */
-export declare enum SharedTransitionEffectType {
+declare enum SharedTransitionEffectType {
   /**
    * The location of the destination page element remains unchanged, and you can configure the transparency animation. Currently,
    * only the static effect configured for redirecting to the target page takes effect.
@@ -1251,7 +1251,7 @@ export declare enum SharedTransitionEffectType {
  * Text style
  * @since 7
  */
-export declare enum FontStyle {
+declare enum FontStyle {
   /**
    * Default style.
    * @since 7
@@ -1269,7 +1269,7 @@ export declare enum FontStyle {
  * The font weight of the text
  * @since 7
  */
-export declare enum FontWeight {
+declare enum FontWeight {
   /**
    * Defines a lighter value than [Inherited Value]..
    * @since 7
@@ -1311,7 +1311,7 @@ export declare enum FontWeight {
  * Alignment of text.
  * @since 7
  */
-export declare enum TextAlign {
+declare enum TextAlign {
   /**
    * Center the text.
    * @since 7
@@ -1335,7 +1335,7 @@ export declare enum TextAlign {
  * Declare how text overflows.
  * @since 7
  */
-export declare enum TextOverflow {
+declare enum TextOverflow {
   /**
    * When the text is too long, it will be cropped and displayed.
    * @since 7
@@ -1360,7 +1360,7 @@ export declare enum TextOverflow {
  * Type of text modifier.
  * @since 7
  */
-export declare enum TextDecorationType {
+declare enum TextDecorationType {
   /**
    * Do not use text decorative lines.
    * @since 7
@@ -1390,7 +1390,7 @@ export declare enum TextDecorationType {
  * Letter type in text
  * @since 7
  */
-export declare enum TextCase {
+declare enum TextCase {
   /**
    * The default is normal.
    * @since 7
@@ -1414,7 +1414,7 @@ export declare enum TextCase {
  * ResponseType for contextMenu
  * @since 8
  */
-export declare enum ResponseType {
+declare enum ResponseType {
   /**
    * Right click.
    * @since 8
@@ -1432,7 +1432,7 @@ export declare enum ResponseType {
  * HoverEffect enumeration description
  * @since 8
  */
-export declare enum HoverEffect {
+declare enum HoverEffect {
   /**
    * Default effect
    * @since 8
@@ -1462,7 +1462,7 @@ export declare enum HoverEffect {
  * Placement enumeration description
  * @since 8
  */
-export declare enum Placement {
+declare enum Placement {
   /**
    * Left placement
    * @since 8
diff --git a/api/@internal/component/ets/flex.d.ts b/api/@internal/component/ets/flex.d.ts
index 2ec898013f..0e6bb92157 100644
--- a/api/@internal/component/ets/flex.d.ts
+++ b/api/@internal/component/ets/flex.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FlexAlign, FlexDirection, FlexWrap, ItemAlign } from "./enums";
-
 /**
  * Defines the option of Flex.
  * @since 7
  */
-export declare interface FlexOption {
+declare interface FlexOption {
   /**
    * Sets the horizontal layout of elements.
    * @since 7
@@ -56,19 +53,19 @@ export declare interface FlexOption {
  * Provides a monthly view component to display information such as date, shift break, and schedule.
  * @since 7
  */
-interface Flex extends FlexAttribute<Flex> {
+interface FlexInterface {
   /**
    * Defines the constructor of Flex.
    * @since 7
    */
-  (value?: FlexOption): Flex;
+  (value?: FlexOption): FlexAttribute;
 }
 
 /**
  * Defines the Flex attribute functions.
  * @since 7
  */
-declare class FlexAttribute<T> extends CommonMethod<T> {}
+declare class FlexAttribute extends CommonMethod<FlexAttribute> {}
 
-export declare class FlexExtend<T> extends FlexAttribute<T> {}
-export declare const FlexInterface: Flex;
+declare const Flex: FlexInterface;
+declare const FlexInstance: FlexAttribute;
diff --git a/api/@internal/component/ets/forEach.d.ts b/api/@internal/component/ets/forEach.d.ts
index 8af39463ae..d1e8c71767 100644
--- a/api/@internal/component/ets/forEach.d.ts
+++ b/api/@internal/component/ets/forEach.d.ts
@@ -17,7 +17,7 @@
  * looping
  * @since 7
  */
-interface ForEach {
+interface ForEachInterface {
   /**
    * Set the value, array, and key.
    * @since 7
@@ -26,11 +26,11 @@ interface ForEach {
     arr: Array<any>,
     itemGenerator: (item: any, index?: number) => void,
     keyGenerator?: (item: any, index?: number) => string,
-  ): ForEach;
+  ): ForEachInterface;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 7
  */
-export declare const ForEachInterface: ForEach;
+declare const ForEach: ForEachInterface;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
index f8dd684198..2dd93976e3 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -13,15 +13,13 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Visibility } from "./enums";
 
 /**
  * Defines the FormDimension enum.
  * @since 7
  * @systemapi
  */
-export declare enum FormDimension {
+declare enum FormDimension {
   /**
    * 1 x 2 cards
    * @since 7
@@ -134,5 +132,5 @@ declare class FormComponentAttribute<T> extends CommonMethod<T> {
   onRouter(callback: (info: any) => void): T;
 }
 
-export declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
-export declare const FormComponentInterface: FormComponent;
+declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
+declare const FormComponentInterface: FormComponent;
diff --git a/api/@internal/component/ets/gauge.d.ts b/api/@internal/component/ets/gauge.d.ts
index 90c0b3a48f..6002fadf1e 100644
--- a/api/@internal/component/ets/gauge.d.ts
+++ b/api/@internal/component/ets/gauge.d.ts
@@ -13,57 +13,54 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Color } from "./enums";
-
 /**
  * Defines the Gauge component.
  * @since 8
  */
-interface Gauge extends GaugeAttribute<Gauge> {
+interface GaugeInterface {
   /**
    * value:Current data value.
    * min: Current Segment Minimum Value
    * max: Current Segment Maximum Value
    * @since 8
    */
-  (options: { value: number; min?: number; max?: number }): Gauge;
+  (options: { value: number; min?: number; max?: number }): GaugeAttribute;
 }
 
 /**
  * @since 8
  */
-declare class GaugeAttribute<T> extends CommonMethod<T> {
+declare class GaugeAttribute extends CommonMethod<GaugeAttribute> {
   /**
    * Sets the value for the current profile.
    * @since 8
    */
-  value(value: number): T;
+  value(value: number): GaugeAttribute;
 
   /**
    * Set the start angle. Clock 0 is 0 degrees and clockwise is positive.
    * @since 8
    */
-  startAngle(angle: number): T;
+  startAngle(angle: number): GaugeAttribute;
 
   /**
    * Sets the end angle position. Clock 0 is 0 degrees and clockwise is positive.
    * @since 8
    */
-  endAngle(angle: number): T;
+  endAngle(angle: number): GaugeAttribute;
 
   /**
    * Set the color of the chart. You can set the solid color and segmented gradient color.
    * @since 8
    */
-  colors(colors: Array<any>): T;
+  colors(colors: Array<any>): GaugeAttribute;
 
   /**
    * Sets the thickness of the ring chart.
    * @since 8
    */
-  strokeWidth(length: number): T;
+  strokeWidth(length: number): GaugeAttribute;
 }
 
-export declare class GaugeExtend<T> extends GaugeAttribute<T> {}
-export declare const GaugeInterface: Gauge;
+declare const Gauge: GaugeInterface
+declare const GaugeInstance: GaugeAttribute;
diff --git a/api/@internal/component/ets/gesture.d.ts b/api/@internal/component/ets/gesture.d.ts
index c5591e0fe3..a60d9db85e 100644
--- a/api/@internal/component/ets/gesture.d.ts
+++ b/api/@internal/component/ets/gesture.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { BaseEvent } from "./common";
-
 /**
  * Creating an Object
  * @since 7
  */
-export declare enum GestureDirection {
+declare enum GestureDirection {
   /**
    * Sliding in all directions.
    * @since 7
@@ -43,7 +41,7 @@ export declare enum GestureDirection {
  * Creating an Object
  * @since 7
  */
-export declare enum PanDirection {
+declare enum PanDirection {
   /**
    * Default.
    * @since 7
@@ -97,7 +95,7 @@ export declare enum PanDirection {
  * Creating an Object
  * @since 8
  */
-export declare enum SwipeDirection {
+declare enum SwipeDirection {
   /**
    * Default.
    * @since 8
@@ -127,7 +125,7 @@ export declare enum SwipeDirection {
  * Creating an Object
  * @since 7
  */
-export declare enum GestureMode {
+declare enum GestureMode {
   /**
    * Sequential gesture recognition is performed in sequence according to the gesture registration sequence.
    * @since 7
@@ -151,7 +149,7 @@ export declare enum GestureMode {
  * Creating an Object
  * @since 7
  */
-export declare enum GestureMask {
+declare enum GestureMask {
   /**
    * High-priority response to the current gesture.When the current gesture fails to be recognized, other gesture responses are triggered.For gestures with the same priority, responses are performed based on the recognition sequence.
    * @since 7
@@ -169,7 +167,7 @@ export declare enum GestureMask {
  * Type of the finger information.
  * @since 8
  */
-export interface FingerInfo {
+interface FingerInfo {
   /**
    * Finger unique identifier.
    * @since 8
@@ -205,23 +203,32 @@ export interface FingerInfo {
  * Defines the Gesture Type.
  * @since 7
  */
-export declare type GestureType =
-  TapGesture | LongPressGesture | PanGesture | PinchGesture
-  | SwipeGesture | RotationGesture | GestureGroup;
+declare type GestureType =
+  | TapGestureInterface 
+  | LongPressGestureInterface 
+  | PanGestureInterface 
+  | PinchGestureInterface
+  | SwipeGestureInterface 
+  | RotationGestureInterface 
+  | GestureGroupInterface;
 
 /**
  * Defines the GestureEvent type.
  * @since 7
  */
-export declare type GestureEvent =
- TapGestureEvent | LongPressGestureEvent | PanGestureEvent
- | SwipeGestureEvent | PinchGestureEvent | RotationGestureEvent;
+declare type GestureEvent =
+ | TapGestureEvent 
+ | LongPressGestureEvent 
+ | PanGestureEvent
+ | SwipeGestureEvent 
+ | PinchGestureEvent 
+ | RotationGestureEvent;
 
 /**
  * tap gesture event used in the longpress scenario.
  * @since 8
  */
-export interface TapGestureEvent extends BaseGestureEvent {
+interface TapGestureEvent extends BaseGestureEvent {
   /**
    * All finger information.
    * @since 8
@@ -233,7 +240,7 @@ export interface TapGestureEvent extends BaseGestureEvent {
  * long press gesture event used in the longpress scenario.
  * @since 7
  */
-export interface LongPressGestureEvent extends BaseGestureEvent {
+interface LongPressGestureEvent extends BaseGestureEvent {
   /**
    * Indicates whether an event is triggered repeatedly.
    * @since 7
@@ -250,7 +257,7 @@ export interface LongPressGestureEvent extends BaseGestureEvent {
 /**
  * pan gesture event used in the pan gesture triggering scenario.
  */
-export interface PanGestureEvent extends BaseGestureEvent {
+interface PanGestureEvent extends BaseGestureEvent {
   /**
    * Gesture event offset X.
    * @since 7
@@ -267,7 +274,7 @@ export interface PanGestureEvent extends BaseGestureEvent {
 /**
  * slide gesture event used in the slide gesture triggering scenario.
  */
-export interface SwipeGestureEvent extends BaseGestureEvent {
+interface SwipeGestureEvent extends BaseGestureEvent {
   /**
    * Gesture event direction angle.
    * @since 8
@@ -284,7 +291,7 @@ export interface SwipeGestureEvent extends BaseGestureEvent {
  * pinch gesture event used for triggering the pinch gesture.
  * @since 7
  */
-export interface PinchGestureEvent extends BaseGestureEvent {
+interface PinchGestureEvent extends BaseGestureEvent {
   /**
    * Scaling ratio.
    * @since 7
@@ -308,7 +315,7 @@ export interface PinchGestureEvent extends BaseGestureEvent {
  * rotation gesture event used for triggering the pinch gesture.
  * @since 7
  */
-export interface RotationGestureEvent extends BaseGestureEvent {
+interface RotationGestureEvent extends BaseGestureEvent {
   /**
    * Rotation angle.
    * @since 7
@@ -320,33 +327,33 @@ export interface RotationGestureEvent extends BaseGestureEvent {
  * base event for gesture.
  * @since 7
  */
-export interface BaseGestureEvent extends BaseEvent {}
+interface BaseGestureEvent extends BaseEvent {}
 
 /**
  * Creating an interface
  * @since 7
  */
-interface TapGesture {
+interface TapGestureInterface {
   /**
    * Set the value.
    * count:Number of consecutive clicks recognized. If the value is less than 1, the default value is used.
    * fingers:The hand index that triggers the click. If the value is less than 1, the default value is used.
    * @since 7
    */
-  (value?: { count?: number; fingers?: number }): TapGesture;
+  (value?: { count?: number; fingers?: number }): TapGestureInterface;
 
   /**
    * Tap gesture recognition success callback.
    * @since 7
    */
-  onAction(event: (event?: GestureEvent) => void): TapGesture;
+  onAction(event: (event?: GestureEvent) => void): TapGestureInterface;
 }
 
 /**
  * Creating an interface
  * @since 7
  */
-interface LongPressGesture {
+interface LongPressGestureInterface {
   /**
    * Set the value.
    * fingers: Indicates the hand index that triggers the long press.
@@ -354,31 +361,31 @@ interface LongPressGesture {
    * duration: Minimum press and hold time, in milliseconds.
    * @since 7
    */
-  (value?: { fingers?: number; repeat?: boolean; duration?: number }): LongPressGesture;
+  (value?: { fingers?: number; repeat?: boolean; duration?: number }): LongPressGestureInterface;
 
   /**
    * LongPress gesture recognition success callback.
    * @since 7
    */
-  onAction(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
+  onAction(event: (event?: LongPressGestureEvent) => void): LongPressGestureInterface;
 
   /**
    * The LongPress gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
+  onActionEnd(event: (event?: LongPressGestureEvent) => void): LongPressGestureInterface;
 
   /**
    * The LongPress gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): LongPressGesture;
+  onActionCancel(event: () => void): LongPressGestureInterface;
 }
 
 /**
  * @since 7
  */
-export declare class PanGestureOption {
+declare class PanGestureOption {
   /**
    * Constructor parameters.
    * @since 7
@@ -407,146 +414,146 @@ export declare class PanGestureOption {
 /**
  * @since 7
  */
-interface PanGesture {
+interface PanGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOption): PanGesture;
+  (value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOption): PanGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionStart(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionUpdate(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: PanGestureEvent) => void): PanGesture;
+  onActionEnd(event: (event?: PanGestureEvent) => void): PanGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): PanGesture;
+  onActionCancel(event: () => void): PanGestureInterface;
 }
 
 /**
  * @since 8
  */
-interface SwipeGesture {
+interface SwipeGestureInterface {
   /**
    * Set the value.
    * @since 8
    */
-  (value?: { fingers?: number; direction?: SwipeDirection; speed?: number }): SwipeGesture;
+  (value?: { fingers?: number; direction?: SwipeDirection; speed?: number }): SwipeGestureInterface;
 
   /**
    * Slide gesture recognition success callback.
    * @since 8
    */
-  onAction(event: (event?: SwipeGestureEvent) => void): SwipeGesture;
+  onAction(event: (event?: SwipeGestureEvent) => void): SwipeGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface PinchGesture {
+interface PinchGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; distance?: number }): PinchGesture;
+  (value?: { fingers?: number; distance?: number }): PinchGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionStart(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionUpdate(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: PinchGestureEvent) => void): PinchGesture;
+  onActionEnd(event: (event?: PinchGestureEvent) => void): PinchGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): PinchGesture;
+  onActionCancel(event: () => void): PinchGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface RotationGesture {
+interface RotationGestureInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { fingers?: number; angle?: number }): RotationGesture;
+  (value?: { fingers?: number; angle?: number }): RotationGestureInterface;
 
   /**
    * Pan gesture recognition success callback.
    * @since 7
    */
-  onActionStart(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionStart(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * Callback when the Pan gesture is moving.
    * @since 7
    */
-  onActionUpdate(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionUpdate(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
    * @since 7
    */
-  onActionEnd(event: (event?: RotationGestureEvent) => void): RotationGesture;
+  onActionEnd(event: (event?: RotationGestureEvent) => void): RotationGestureInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onActionCancel(event: () => void): RotationGesture;
+  onActionCancel(event: () => void): RotationGestureInterface;
 }
 
 /**
  * @since 7
  */
-interface GestureGroup {
+interface GestureGroupInterface {
   /**
    * Return to Obtain GestureGroup.
    * @since 7
    */
-  (mode: GestureMode, ...gesture: GestureType[]): GestureGroup;
+  (mode: GestureMode, ...gesture: GestureType[]): GestureGroupInterface;
 
   /**
    * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
    * @since 7
    */
-  onCancel(event: () => void): GestureGroup;
+  onCancel(event: () => void): GestureGroupInterface;
 }
 
-export declare const TapGestureInterface: TapGesture;
-export declare const LongPressGestureInterface: LongPressGesture;
-export declare const PanGestureInterface: PanGesture;
-export declare const SwipeGestureInterface: SwipeGesture;
-export declare const PinchGestureInterface: PinchGesture;
-export declare const RotationGestureInterface: RotationGesture;
-export declare const GestureGroupInterface: GestureGroup;
+declare const TapGesture: TapGestureInterface;
+declare const LongPressGesture: LongPressGestureInterface;
+declare const PanGesture: PanGestureInterface;
+declare const SwipeGesture: SwipeGestureInterface;
+declare const PinchGesture: PinchGestureInterface;
+declare const RotationGesture: RotationGestureInterface;
+declare const GestureGroup: GestureGroupInterface;
diff --git a/api/@internal/component/ets/grid.d.ts b/api/@internal/component/ets/grid.d.ts
index 0528025ccf..c214e94334 100644
--- a/api/@internal/component/ets/grid.d.ts
+++ b/api/@internal/component/ets/grid.d.ts
@@ -13,27 +13,23 @@
  * limitations under the License.
  */
 
-import { CommonMethod, ItemDragInfo } from "./common";
-import { BarState, Color } from "./enums";
-import { Scroller } from "./scroll";
-import { Length } from "./units";
 
 /**
  * @since 7
  */
-interface Grid extends GridAttribute<Grid> {
+interface GridInterface {
   /**
    * Grid is returned when the parameter is transferred.
    * @since 7
    */
-  (scroller?: Scroller): Grid;
+  (scroller?: Scroller): GridAttribute;
 }
 
 /**
  * The enum of property layoutDirection
  * @since 8
  */
-export declare enum GridDirection {
+declare enum GridDirection {
   Row,
   Column,
   RowReverse,
@@ -43,121 +39,121 @@ export declare enum GridDirection {
 /**
  * @since 7
  */
-declare class GridAttribute<T> extends CommonMethod<T> {
+declare class GridAttribute extends CommonMethod<GridAttribute> {
   /**
    * This parameter specifies the number of columns in the current grid layout.
    * @since 7
    */
-  columnsTemplate(value: string): T;
+  columnsTemplate(value: string): GridAttribute;
 
   /**
    * Lets you set the number of rows in the current grid layout,
    * @since 7
    */
-  rowsTemplate(value: string): T;
+  rowsTemplate(value: string): GridAttribute;
 
   /**
    * Allows you to set the spacing between columns.
    * @since 7
    */
-  columnsGap(value: Length): T;
+  columnsGap(value: Length): GridAttribute;
 
   /**
    * Lets you set the spacing between rows.
    * @since 7
    */
-  rowsGap(value: Length): T;
+  rowsGap(value: Length): GridAttribute;
 
   /**
    * This parameter specifies the width of the scroll bar.
    * @since 7
    */
-  scrollBarWidth(value: number | string): T;
+  scrollBarWidth(value: number | string): GridAttribute;
 
   /**
    * Sets the color of the scroll bar.
    * @since 7
    */
-  scrollBarColor(value: Color | number | string): T;
+  scrollBarColor(value: Color | number | string): GridAttribute;
 
   /**
    * Lets you set the spacing between rows.
    * @since 7
    */
-  scrollBar(value: BarState): T;
+  scrollBar(value: BarState): GridAttribute;
 
   /**
    * Sets the status of the scroll bar.
    * @since 7
    */
-  onScrollIndex(event: (first: number) => void): T;
+  onScrollIndex(event: (first: number) => void): GridAttribute;
 
   /**
    * cached Count
    * @since 7
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): GridAttribute;
 
   /**
    * editMode
    * @since 8
    */
-  editMode(value: boolean): T;
+  editMode(value: boolean): GridAttribute;
 
   /**
    * maxCount
    * @since 8
    */
-  maxCount(value: number): T;
+  maxCount(value: number): GridAttribute;
 
    /**
     * minCount
     * @since 8
     */
-  minCount(value: number): T;
+  minCount(value: number): GridAttribute;
 
   /**
    * cellLength
    * @since 8
    */
-  cellLength(value: number): T;
+  cellLength(value: number): GridAttribute;
 
   /**
    * control GridDirection of the grid.
    * @since 8
    */
-  layoutDirection(value: GridDirection): T;
+  layoutDirection(value: GridDirection): GridAttribute;
 
   /**
    * control if the grid supports animation.
    * @since 8
    */
-  supportAnimation(value: boolean): T;
+  supportAnimation(value: boolean): GridAttribute;
 
   /**
    * After a listener is bound, the component can be dragged. After the drag occurs, a callback is triggered.
    * (To be triggered, press and hold for 170 milliseconds (ms))
    * @since 8
    */
-  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => (() => any) | void): T;
+  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => (() => any) | void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged to the range of the component.
    * @since 8
    */
-  onItemDragEnter(event: (event: ItemDragInfo) => void): T;
+  onItemDragEnter(event: (event: ItemDragInfo) => void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the drag moves within the range of a placeable component.
    * @since 8
    */
-  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): T;
+  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): GridAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged out of the component range.
    * @since 8
    */
-  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): T;
+  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): GridAttribute;
 
   /**
    * The component bound to this event can be used as the drag release target.
@@ -165,8 +161,8 @@ declare class GridAttribute<T> extends CommonMethod<T> {
    * @since 8
    */
   onItemDrop(event:
-    (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): T;
+    (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): GridAttribute;
 }
 
-export declare class GridExtend<T> extends GridAttribute<T> {}
-export declare const GridInterface: Grid;
+declare const Grid: GridInterface;
+declare const GridInstance: GridAttribute;
diff --git a/api/@internal/component/ets/gridItem.d.ts b/api/@internal/component/ets/gridItem.d.ts
index 341fe7d9db..53e7a83444 100644
--- a/api/@internal/component/ets/gridItem.d.ts
+++ b/api/@internal/component/ets/gridItem.d.ts
@@ -13,54 +13,52 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Mesh container for static fixed-size layout scenarios.
  * @since 7
  */
-interface GridItem extends GridItemAttribute<GridItem> {
+interface GridItemInterface {
   /**
    * Return to get GridItem.
    * @since 7
    */
-  (): GridItem;
+  (): GridItemAttribute;
 }
 
 /**
  * @since 7
  */
-declare class GridItemAttribute<T> extends CommonMethod<T> {
+declare class GridItemAttribute extends CommonMethod<GridItemAttribute> {
   /**
    * This parameter specifies the start line number of the current element.
    * @since 7
    */
-  rowStart(value: number): T;
+  rowStart(value: number): GridItemAttribute;
 
   /**
    * Specifies the end line number of the current element.
    * @since 7
    */
-  rowEnd(value: number): T;
+  rowEnd(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies the start column number of the current element.
    * @since 7
    */
-  columnStart(value: number): T;
+  columnStart(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies the end column number of the current element.
    * @since 7
    */
-  columnEnd(value: number): T;
+  columnEnd(value: number): GridItemAttribute;
 
   /**
    * This parameter specifies whether to recreate the node when the component build is triggered.
    * @since 7
    */
-  forceRebuild(value: boolean): T;
+  forceRebuild(value: boolean): GridItemAttribute;
 }
 
-export declare class GridItemExtend<T> extends GridItemAttribute<T> {}
-export declare const GridItemInterface: GridItem;
+declare const GridItem: GridItemInterface
+declare const GridItemInstance: GridItemAttribute;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
index fed3cf23a8..66367c221c 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { ColumnAttribute } from "./column";
-
 /**
  * Defines the size type.
  * @since 7
  */
-export declare enum SizeType {
+declare enum SizeType {
   /**
    * Select a value based on the device type.
    * @since 7
@@ -55,7 +53,7 @@ export declare enum SizeType {
  * Defines the option of GridContainer.
  * @since 7
  */
-export declare interface GridContainerOption {
+declare interface GridContainerOption {
   /**
    * Sets the total number of columns in the current layout.
    * @since 7
@@ -85,19 +83,19 @@ export declare interface GridContainerOption {
  * Defines the GridContainer component.
  * @since 7
  */
-interface GridContainer extends GridContainerAttribute<GridContainer> {
+interface GridContainerInterface {
   /**
    * Defines the constructor of GridContainer.
    * @since 7
    */
-  (value?: GridContainerOption): GridContainer;
+  (value?: GridContainerOption): GridContainerAttribute;
 }
 
 /**
  * Defines the grid container attribute from inheritance Column
  * @since 7
  */
-declare class GridContainerAttribute<T> extends ColumnAttribute<T> {}
+declare class GridContainerAttribute extends ColumnAttribute<GridContainerAttribute> {}
 
-export declare class GridContainerExtend<T> extends GridContainerAttribute<T> {}
-export declare const GridContainerInterface: GridContainer;
+declare const GridContainer: GridContainerInterface
+declare const GridContainerInstance: GridContainerAttribute;
diff --git a/api/@internal/component/ets/hyperlink.d.ts b/api/@internal/component/ets/hyperlink.d.ts
index 91ff267ab4..f5c3dd4da0 100644
--- a/api/@internal/component/ets/hyperlink.d.ts
+++ b/api/@internal/component/ets/hyperlink.d.ts
@@ -13,33 +13,30 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * @since 7
  */
-interface Hyperlink extends HyperlinkAttribute<Hyperlink> {
+interface HyperlinkInterface {
   /**
    * Return to get Hyperlink.
    * address: Web page redirected by the hyperlink component.
    * content: Hyperlinks in the hyperlink component display text.
    * @since 7
    */
-  (address: string | Resource, content?: string | Resource): Hyperlink;
+  (address: string | Resource, content?: string | Resource): HyperlinkAttribute;
 }
 
 /**
  * inheritance CommonMethod
  * @since 7
  */
-declare class HyperlinkAttribute<T> extends CommonMethod<T> {
+declare class HyperlinkAttribute extends CommonMethod<HyperlinkAttribute> {
   /**
    * Set Color
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): HyperlinkAttribute;
 }
 
-export declare class HyperlinkExtend<T> extends HyperlinkAttribute<T> {}
-export declare const HyperlinkInterface: Hyperlink;
+declare const Hyperlink: HyperlinkInterface;
+declare const HyperlinkInstance: HyperlinkAttribute;
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
index 7227bae2c4..df056e228d 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -13,14 +13,10 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { ImageFit, ImageRepeat } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * @since 7
  */
-export declare enum ImageRenderMode {
+declare enum ImageRenderMode {
   /**
    * Render according to the original image, including colors.
    * @since 7
@@ -37,7 +33,7 @@ export declare enum ImageRenderMode {
 /**
  * @since 7
  */
-export declare enum ImageInterpolation {
+declare enum ImageInterpolation {
   /**
    * Do not use interpolated image data.
    * @since 7
@@ -63,92 +59,88 @@ export declare enum ImageInterpolation {
   High,
 }
 
-/**
- * @since 7
- */
-export declare class ImageExtend<T> extends ImageAttribute<T> {}
 
 /**
  * @since 7
  */
-interface Image extends ImageAttribute<Image> {
+interface ImageInterface {
   /**
    * Set src to obtain images.
    * @since 7
    */
-  (src: string | PixelMap | Resource): Image;
+  (src: string | PixelMap | Resource): ImageAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ImageAttribute<T> extends CommonMethod<T> {
+declare class ImageAttribute extends CommonMethod<ImageAttribute> {
   /**
    * Placeholder displayed on load
    * @since 7
    */
-  alt(value: string | Resource): T;
+  alt(value: string | Resource): ImageAttribute;
 
   /**match Text Direction
    * @since 7
    */
-  matchTextDirection(value: boolean): T;
+  matchTextDirection(value: boolean): ImageAttribute;
 
   /**
    * Indicates whether the image follows the text direction.
    * @since 7
    */
-  fitOriginalSize(value: boolean): T;
+  fitOriginalSize(value: boolean): ImageAttribute;
 
   /**
    * fill Color
    * @since 7
    */
-  fillColor(value: ResourceColor): T;
+  fillColor(value: ResourceColor): ImageAttribute;
 
   /**
    * Sets the zoom type of an image.
    * @since 7
    */
-  objectFit(value: ImageFit): T;
+  objectFit(value: ImageFit): ImageAttribute;
 
   /**
    * Set the repeat style of the picture
    * @since 7
    */
-  objectRepeat(value: ImageRepeat): T;
+  objectRepeat(value: ImageRepeat): ImageAttribute;
 
   /**
    * Set the auto style of the picture
    * @since 7
    */
-  autoResize(value: boolean): T;
+  autoResize(value: boolean): ImageAttribute;
 
   /**
    * Sets the image rendering mode.
    * @since 7
    */
-  renderMode(value: ImageRenderMode): T;
+  renderMode(value: ImageRenderMode): ImageAttribute;
 
   /**
    * Sets the interpolation effect of an image. The interpolation effect is only magnified for the image.
    * @since 7
    */
-  interpolation(value: ImageInterpolation): T;
+  interpolation(value: ImageInterpolation): ImageAttribute;
 
   /**
    * Specifies the picture decoding size.
    * The original picture is decoded into a picture of a specified size. The unit of the number type is px.
    * @since 7
    */
-  sourceSize(value: { width: number; height: number }): T;
+  sourceSize(value: { width: number; height: number }): ImageAttribute;
 
   /**
    * Sets the synchronous or asynchronous mode for image loading.
    * The default parameter type is bool, and the default value is false.
    * @since 8
    */
-  syncLoad(value: boolean): T;
+  syncLoad(value: boolean): ImageAttribute;
 
   /**
    * This callback is triggered when an image is successfully loaded.
@@ -163,24 +155,28 @@ declare class ImageAttribute<T> extends CommonMethod<T> {
       componentHeight: number;
       loadingStatus: number;
     }) => void,
-  ): T;
+  ): ImageAttribute;
 
   /**
    * This callback is triggered when an exception occurs during image loading.
    * @since 7
    */
-  onError(callback: (event?: { componentWidth: number; componentHeight: number }) => void): T;
+  onError(callback: (event?: { componentWidth: number; componentHeight: number }) => void): ImageAttribute;
 
   /**
    * When the loaded source file is a svg image, this callback is triggered when the playback of the svg image is complete.
    * If the svg image is a wireless loop image, this callback is not triggered.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): ImageAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 7
  */
-export declare const ImageInterface: Image;
+declare const Image: ImageInterface;
+/**
+ * @since 7
+ */
+ declare const ImageInstance: ImageAttribute;
diff --git a/api/@internal/component/ets/image_animator.d.ts b/api/@internal/component/ets/image_animator.d.ts
index 90db552730..c30d4db729 100644
--- a/api/@internal/component/ets/image_animator.d.ts
+++ b/api/@internal/component/ets/image_animator.d.ts
@@ -13,25 +13,22 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { AnimationStatus } from "./enums";
-
 /**
  * @since 7
  */
-interface ImageAnimator extends ImageAnimatorAttribute<ImageAnimator> {
+interface ImageAnimatorInterface {
   /**
    * ImageAimator is returned.
    * @since 7
    */
-  (): ImageAnimator;
+  (): ImageAnimatorAttribute;
 }
 
 /**
  * inheritance CommonMethod
  * @since 7
  */
-declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
+declare class ImageAnimatorAttribute extends CommonMethod<ImageAnimatorAttribute> {
   /**
    * list images
    * @since 7
@@ -45,80 +42,80 @@ declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
       left?: number | string;
       duration?: number;
     }>,
-  ): T;
+  ): ImageAnimatorAttribute;
 
   /**
    * The default value is the initial state, which is used to control the playback status.
    * @since 7
    */
-  state(value: AnimationStatus): T;
+  state(value: AnimationStatus): ImageAnimatorAttribute;
 
   /**
    * The unit is millisecond.
    * @since 7
    */
-  duration(value: number): T;
+  duration(value: number): ImageAnimatorAttribute;
 
   /**
    * Set the playback sequence.
    * @since 7
    */
-  reverse(value: boolean): T;
+  reverse(value: boolean): ImageAnimatorAttribute;
 
   /**
    * Sets whether the image size is fixed to the component size.
    * @since 7
    */
-  fixedSize(value: boolean): T;
+  fixedSize(value: boolean): ImageAnimatorAttribute;
 
   /**
    * Indicates whether to enable pre-decoding.
    * @since 7
    */
-  preDecode(value: number): T;
+  preDecode(value: number): ImageAnimatorAttribute;
 
   /**
    * Sets the state before and after the animation starts
    * @since 7
    */
-  fillMode(value: FillMode): T;
+  fillMode(value: FillMode): ImageAnimatorAttribute;
 
   /**
    * Played once by default
    * @since 7
    */
-  iterations(value: number): T;
+  iterations(value: number): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation starts to play.
    * @since 7
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation pauses.
    * @since 7
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, triggered when the animation is replayed
    * @since 7
    */
-  onRepeat(event: () => void): T;
+  onRepeat(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation is canceled.
    * @since 7
    */
-  onCancel(event: () => void): T;
+  onCancel(event: () => void): ImageAnimatorAttribute;
 
   /**
    * Status callback, which is triggered when the animation playback is complete.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): ImageAnimatorAttribute;
 }
 
-export declare class ImageAnimatorExtend<T> extends ImageAnimatorAttribute<T> {}
-export declare const ImageAnimatorInterface: ImageAnimator;
+declare const ImageAnimator: ImageAnimatorInterface;
+declare const ImageAnimatorInstance: ImageAnimatorAttribute;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index ad2b843522..379624f54e 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -13,85 +13,85 @@
  * limitations under the License.
  */
 
-export * from "./action_sheet";
-export * from "./alert_dialog";
-export * from "./alphabet_indexer";
-export * from "./animator";
-export * from "./badge";
-export * from "./blank";
-export * from "./button";
-export * from "./calendar";
-export * from "./canvas";
-export * from "./checkbox";
-export * from "./checkboxgroup";
-export * from "./circle";
-export * from "./column";
-export * from "./column_split";
-export * from "./common";
-export * from "./counter";
-export * from "./custom_dialog_controller";
-export * from "./data_panel";
-export * from "./date_picker";
-export * from "./divider";
-export * from "./ellipse";
-export * from "./enums";
-export * from "./flex";
-export * from "./forEach";
-export * from "./form_component";
-export * from "./gauge";
-export * from "./gesture";
-export * from "./grid";
-export * from "./gridItem";
-export * from "./grid_container";
-export * from "./image";
-export * from "./image_animator";
-export * from "./lazyForEach";
-export * from "./line";
-export * from "./list";
-export * from "./listItem";
-export * from "./loading_progress";
-export * from "./marquee";
-export * from "./navigation";
-export * from "./navigator";
-export * from "./pageTransition";
-export * from "./panel";
-export * from "./path";
-export * from "./pattern_lock";
-export * from "./piece";
-export * from "./plugin_component";
-export * from "./polygon";
-export * from "./polyline";
-export * from "./progress";
-export * from "./qrcode";
-export * from "./radio";
-export * from "./rating";
-export * from "./rect";
-export * from "./refresh";
-export * from "./row";
-export * from "./row_split";
-export * from "./scroll";
-export * from "./scroll_bar";
-export * from "./search";
-export * from "./select";
-export * from "./shape";
-export * from "./sheet";
-export * from "./slider";
-export * from "./span";
-export * from "./stack";
-export * from "./stateManagement";
-export * from "./stepper";
-export * from "./stepperItem";
-export * from "./swiper";
-export * from "./tabs";
-export * from "./tab_content";
-export * from "./text";
-export * from "./text_area";
-export * from "./text_clock";
-export * from "./text_input";
-export * from "./text_picker";
-export * from "./text_timer";
-export * from "./toggle";
-export * from "./units";
-export * from "./video";
-export * from "./xcomponent";
-export * from "./inspector";
+/// <reference path="./action_sheet.d.ts" />;
+/// <reference path="./alert_dialog.d.ts" />;
+/// <reference path="./alphabet_indexer.d.ts" />;
+/// <reference path="./animator.d.ts" />;
+/// <reference path="./badge.d.ts" />;
+/// <reference path="./blank.d.ts" />;
+/// <reference path="./button.d.ts" />;
+/// <reference path="./calendar.d.ts" />;
+/// <reference path="./canvas.d.ts" />;
+/// <reference path="./checkbox.d.ts" />;
+/// <reference path="./checkboxgroup.d.ts" />;
+/// <reference path="./circle.d.ts" />;
+/// <reference path="./column";
+/// <reference path="./column_split.d.ts" />;
+/// <reference path="./common.d.ts" />;
+/// <reference path="./counter.d.ts" />;
+/// <reference path="./custom_dialog_controller.d.ts" />;
+/// <reference path="./data_panel.d.ts" />;
+/// <reference path="./date_picker.d.ts" />;
+/// <reference path="./divider.d.ts" />;
+/// <reference path="./ellipse.d.ts" />;
+/// <reference path="./enums.d.ts" />;
+/// <reference path="./flex.d.ts" />;
+/// <reference path="./forEach.d.ts" />;
+/// <reference path="./form_component.d.ts" />;
+/// <reference path="./gauge.d.ts" />;
+/// <reference path="./gesture.d.ts" />;
+/// <reference path="./grid.d.ts" />;
+/// <reference path="./gridItem.d.ts" />;
+/// <reference path="./grid_container.d.ts" />;
+/// <reference path="./image.d.ts" />;
+/// <reference path="./image_animator.d.ts" />;
+/// <reference path="./lazyForEach.d.ts" />;
+/// <reference path="./line.d.ts" />;
+/// <reference path="./list.d.ts" />;
+/// <reference path="./listItem.d.ts" />;
+/// <reference path="./loading_progress.d.ts" />;
+/// <reference path="./marquee.d.ts" />;
+/// <reference path="./navigation.d.ts" />;
+/// <reference path="./navigator.d.ts" />;
+/// <reference path="./pageTransition.d.ts" />;
+/// <reference path="./panel.d.ts" />;
+/// <reference path="./path.d.ts" />;
+/// <reference path="./pattern_lock.d.ts" />;
+/// <reference path="./piece.d.ts" />;
+/// <reference path="./plugin_component.d.ts" />;
+/// <reference path="./polygon.d.ts" />;
+/// <reference path="./polyline.d.ts" />;
+/// <reference path="./progress.d.ts" />;
+/// <reference path="./qrcode.d.ts" />;
+/// <reference path="./radio.d.ts" />;
+/// <reference path="./rating.d.ts" />;
+/// <reference path="./rect.d.ts" />;
+/// <reference path="./refresh.d.ts" />;
+/// <reference path="./row.d.ts" />;
+/// <reference path="./row_split.d.ts" />;
+/// <reference path="./scroll.d.ts" />;
+/// <reference path="./scroll_bar.d.ts" />;
+/// <reference path="./search.d.ts" />;
+/// <reference path="./select.d.ts" />;
+/// <reference path="./shape.d.ts" />;
+/// <reference path="./sheet.d.ts" />;
+/// <reference path="./slider.d.ts" />;
+/// <reference path="./span.d.ts" />;
+/// <reference path="./stack.d.ts" />;
+/// <reference path="./stateManagement.d.ts" />;
+/// <reference path="./stepper.d.ts" />;
+/// <reference path="./stepperItem.d.ts" />;
+/// <reference path="./swiper.d.ts" />;
+/// <reference path="./tabs.d.ts" />;
+/// <reference path="./tab_content.d.ts" />;
+/// <reference path="./text.d.ts" />;
+/// <reference path="./text_area.d.ts" />;
+/// <reference path="./text_clock.d.ts" />;
+/// <reference path="./text_input.d.ts" />;
+/// <reference path="./text_picker.d.ts" />;
+/// <reference path="./text_timer.d.ts" />;
+/// <reference path="./toggle.d.ts" />;
+/// <reference path="./units.d.ts" />;
+/// <reference path="./video.d.ts" />;
+/// <reference path="./xcomponent.d.ts" />;
+/// <reference path="./inspector.d.ts" />;
diff --git a/api/@internal/component/ets/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
index d093971a2a..0af83efaff 100644
--- a/api/@internal/component/ets/inspector.d.ts
+++ b/api/@internal/component/ets/inspector.d.ts
@@ -13,17 +13,13 @@
  * limitations under the License.
  */
 
-import { TouchObject } from "./common";
-import { KeyEvent } from "./common";
-import { MouseEvent } from "./common";
-
 /**
  * Get inspector node infos.
  * @since 7
  * @systemapi
  * @deprecated
  */
-export declare function getInspectorNodes(): object;
+declare function getInspectorNodes(): object;
 
 /**
  * Get inspector node info by node id.
@@ -31,7 +27,7 @@ export declare function getInspectorNodes(): object;
  * @systemapi
  * @deprecated
  */
-export declare function getInspectorNodeById(id: number): object;
+declare function getInspectorNodeById(id: number): object;
 
 /**
  * Get inspector info by key.
@@ -39,7 +35,7 @@ export declare function getInspectorNodeById(id: number): object;
  * @systemapi
  * @test
  */
-export declare function getInspectorByKey(id: string): string;
+declare function getInspectorByKey(id: string): string;
 
 /**
  * Get inspector tree.
@@ -47,7 +43,7 @@ export declare function getInspectorByKey(id: string): string;
  * @systemapi
  * @test
  */
-export declare function getInspectorTree(): string;
+declare function getInspectorTree(): string;
 
 /**
  * Send event to inspector by key. Return false if no inspector with key is found.
@@ -55,7 +51,7 @@ export declare function getInspectorTree(): string;
  * @systemapi
  * @test
  */
-export declare function sendEventByKey(id: string, action: number, params: string): boolean;
+declare function sendEventByKey(id: string, action: number, params: string): boolean;
 
 /**
  * Send touch event.
@@ -63,7 +59,7 @@ export declare function sendEventByKey(id: string, action: number, params: strin
  * @systemapi
  * @test
  */
-export declare function sendTouchEvent(event: TouchObject): boolean;
+declare function sendTouchEvent(event: TouchObject): boolean;
 
 /**
  * Send key event.
@@ -71,7 +67,7 @@ export declare function sendTouchEvent(event: TouchObject): boolean;
  * @systemapi
  * @test
  */
-export declare function sendKeyEvent(event: KeyEvent): boolean;
+declare function sendKeyEvent(event: KeyEvent): boolean;
 
 /**
  * Send mouse event.
@@ -79,7 +75,7 @@ export declare function sendKeyEvent(event: KeyEvent): boolean;
  * @systemapi
  * @test
  */
-export declare function sendMouseEvent(event: MouseEvent): boolean;
+declare function sendMouseEvent(event: MouseEvent): boolean;
 
 /**
  * Profiler tools for inspectors.
@@ -87,7 +83,7 @@ export declare function sendMouseEvent(event: MouseEvent): boolean;
  * @systemapi
  * @test
  */
-export declare namespace Profiler {
+declare namespace Profiler {
   /**
    * Registers vsync callback for profiler.
    * @param callback the callback info is json string with ui update info.
@@ -95,7 +91,7 @@ export declare namespace Profiler {
    * @systemapi
    * @test
    */
-  export function registerVsyncCallback(callback: (info: string) => void): void;
+  function registerVsyncCallback(callback: (info: string) => void): void;
 
   /**
    * Unregisters vsync callback.
@@ -103,5 +99,5 @@ export declare namespace Profiler {
    * @systemapi
    * @test
    */
-  export function unregisterVsyncCallback(): void;
+  function unregisterVsyncCallback(): void;
 }
diff --git a/api/@internal/component/ets/lazyForEach.d.ts b/api/@internal/component/ets/lazyForEach.d.ts
index 6729b859b8..8498b93cb1 100644
--- a/api/@internal/component/ets/lazyForEach.d.ts
+++ b/api/@internal/component/ets/lazyForEach.d.ts
@@ -17,7 +17,7 @@
  * Data Change Listener.
  * @since 7
  */
-export declare interface DataChangeListener {
+declare interface DataChangeListener {
   /**
    * Data ready.
    * @since 7
@@ -53,7 +53,7 @@ export declare interface DataChangeListener {
  * Data  changed.
  * @since 7
  */
-export declare interface IDataSource {
+declare interface IDataSource {
   /**
    * Total count.
    * @since 7
@@ -83,7 +83,7 @@ export declare interface IDataSource {
  * Lazy loading.
  * @since 7
  */
-interface LazyForEach {
+interface LazyForEachInterface {
   /**
    * Enter the value to obtain the LazyForEach.
    * @since 7
@@ -92,10 +92,10 @@ interface LazyForEach {
     dataSource: IDataSource,
     itemGenerator: (item: any, index?: number) => void,
     keyGenerator?: (item: any, index?: number) => string,
-  ): LazyForEach;
+  ): LazyForEachInterface;
 }
 
 /**
  * @since 7
  */
-export declare const LazyForEachInterface: LazyForEach;
+declare const LazyForEach: LazyForEachInterface;
diff --git a/api/@internal/component/ets/line.d.ts b/api/@internal/component/ets/line.d.ts
index fc6ce2872a..196d6ce173 100644
--- a/api/@internal/component/ets/line.d.ts
+++ b/api/@internal/component/ets/line.d.ts
@@ -13,20 +13,18 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Line drawing component.
  * @since 7
  */
-interface Line extends LineAttribute<Line> {
+interface LineInterface {
   /**
    * Uses new to create the line.
    * width: Width of the rectangle where the line resides..
    * height: Height of the rectangle where the line resides.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Line;
+  new (value?: { width?: string | number; height?: string | number }): LineAttribute;
 
   /**
    * The return value of the parameter is Line.
@@ -34,26 +32,26 @@ interface Line extends LineAttribute<Line> {
    * height: Height of the rectangle where the line resides.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Line;
+  (value?: { width?: string | number; height?: string | number }): LineAttribute;
 }
 
 /**
  * inheritance CommonShapeMethod.
  * @since 7
  */
-declare class LineAttribute<T> extends CommonShapeMethod<T> {
+declare class LineAttribute extends CommonShapeMethod<LineAttribute> {
   /**
    * Coordinate of the start point of the line (relative coordinate).
    * @since 7
    */
-  startPoint(value: Array<any>): T;
+  startPoint(value: Array<any>): LineAttribute;
 
   /**
    * Line end coordinates (relative coordinates).
    * @since 7
    */
-  endPoint(value: Array<any>): T;
+  endPoint(value: Array<any>): LineAttribute;
 }
 
-export declare class LineExtend<T> extends LineAttribute<T> {}
-export declare const LineInterface: Line;
+declare const Line: LineInterface;
+declare const LineInstance: LineAttribute;
diff --git a/api/@internal/component/ets/list.d.ts b/api/@internal/component/ets/list.d.ts
index cd07b3137b..ce515c78a0 100644
--- a/api/@internal/component/ets/list.d.ts
+++ b/api/@internal/component/ets/list.d.ts
@@ -13,16 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod, ItemDragInfo } from "./common";
-import { Axis, BarState, EdgeEffect } from "./enums";
-import { Scroller } from "./scroll";
-import { Length, ResourceColor } from "./units";
-
 /**
  * Declare scroll status
  * @since 7
  */
-export declare enum ScrollState {
+declare enum ScrollState {
   /**
    * Not activated.
    * @since 7
@@ -42,45 +37,41 @@ export declare enum ScrollState {
   Fling,
 }
 
-/**
- * ListExtend extension declaration.
- * @since 7
- */
-export declare class ListExtend<T> extends ListAttribute<T> {}
+
 
 /**
  * The list interface is extended.
  * @since 7
  */
-interface List extends ListAttribute<List> {
+interface ListInterface {
   /**
    * Called when interface data is called.
    * @since 7
    */
-  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): List;
+  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): ListAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ListAttribute<T> extends CommonMethod<T> {
+declare class ListAttribute extends CommonMethod<ListAttribute> {
   /**
    * Called when the arrangement direction of the list component is set.
    * @since 7
    */
-  listDirection(value: Axis): T;
+  listDirection(value: Axis): ListAttribute;
 
   /**
    * Called when the display mode of the side slider is set.
    * @since 7
    */
-  scrollBar(value: BarState): T;
+  scrollBar(value: BarState): ListAttribute;
 
   /**
    * Called when the sliding effect is set.
    * @since 7
    */
-  edgeEffect(value: EdgeEffect): T;
+  edgeEffect(value: EdgeEffect): ListAttribute;
 
   /**
    * Called when the ListItem split line style is set.
@@ -93,102 +84,103 @@ declare class ListAttribute<T> extends CommonMethod<T> {
       startMargin?: Length;
       endMargin?: Length;
     } | null,
-  ): T;
+  ): ListAttribute;
 
   /**
    * Called when judging whether it is in editable mode.
    * @since 7
    */
-  editMode(value: boolean): T;
+  editMode(value: boolean): ListAttribute;
 
   /**
    * Called when the minimum number of list item caches is set for long list deferred loading.
    * @since 7
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): ListAttribute;
 
   /**
    * Called when setting whether to enable chain linkage dynamic effect.
    * @since 8
    */
-  chainAnimation(value: boolean): T;
+  chainAnimation(value: boolean): ListAttribute;
 
   /**
    * Called when the offset and status callback of the slide are set.
    * @since 7
    */
-  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): T;
+  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): ListAttribute;
 
   /**
    * Called when the start and end positions of the display change.
    * @since 7
    */
-  onScrollIndex(event: (start: number, end: number) => void): T;
+  onScrollIndex(event: (start: number, end: number) => void): ListAttribute;
 
   /**
    * Called when the list begins to arrive.
    * @since 7
    */
-  onReachStart(event: () => void): T;
+  onReachStart(event: () => void): ListAttribute;
 
   /**
    * Called when the list reaches the end.
    * @since 7
    */
-  onReachEnd(event: () => void): T;
+  onReachEnd(event: () => void): ListAttribute;
 
   /**
    * Called when the slider stops.
    * @since 7
    */
-  onScrollStop(event: () => void): T;
+  onScrollStop(event: () => void): ListAttribute;
 
   /**
    * Called when a list item is deleted.
    * @since 7
    */
-  onItemDelete(event: (index: number) => boolean): T;
+  onItemDelete(event: (index: number) => boolean): ListAttribute;
 
   /**
    * Called when a list item is moved.
    * @since 7
    */
-  onItemMove(event: (from: number, to: number) => boolean): T;
+  onItemMove(event: (from: number, to: number) => boolean): ListAttribute;
 
   /**
    * After a listener is bound, the component can be dragged. After the drag occurs, a callback is triggered.
    * (To be triggered, press and hold for 170 milliseconds (ms))
    * @since 8
    */
-  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)): T;
+  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged to the range of the component.
    * @since 8
    */
-  onItemDragEnter(event: (event: ItemDragInfo) => void): T;
+  onItemDragEnter(event: (event: ItemDragInfo) => void): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the drag moves within the range of a placeable component.
    * @since 8
    */
-  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): T;
+  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): ListAttribute;
 
   /**
    * After binding, a callback is triggered when the component is dragged out of the component range.
    * @since 8
    */
-  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): T;
+  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void): ListAttribute;
 
   /**
    * The component bound to this event can be used as the drag release target.
    * This callback is triggered when the drag behavior is stopped within the scope of the component.
    * @since 8
    */
-  onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): T;
+  onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): ListAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const ListInterface: List;
+declare const List: ListInterface;
+declare const ListInstance: ListAttribute;
diff --git a/api/@internal/component/ets/listItem.d.ts b/api/@internal/component/ets/listItem.d.ts
index fd5ce80977..2f639959ec 100644
--- a/api/@internal/component/ets/listItem.d.ts
+++ b/api/@internal/component/ets/listItem.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * Declare item ceiling attribute.
  * @since 7
  */
-export declare enum Sticky {
+declare enum Sticky {
   /**
    * No sticky.
    * @since 7
@@ -44,7 +43,7 @@ export declare enum Sticky {
  * @devices phone, tablet
  * @since 7
  */
-export declare enum EditMode {
+declare enum EditMode {
   /**
    * Unrestricted operations.
    * @since 7
@@ -67,38 +66,39 @@ export declare enum EditMode {
 /**
  * @since 7
  */
-export declare class ListItemExtend<T> extends ListItemAttribute<T> {}
 
 /**
  * Values in the list
  * @since 7
  */
-interface ListItem extends ListItemAttribute<ListItem> {
+interface ListItemInterface {
   /**
    * Called when an interface is used.
    * @since 7
    */
-  (value?: string): ListItem;
+  (value?: string): ListItemAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ListItemAttribute<T> extends CommonMethod<T> {
+declare class ListItemAttribute extends CommonMethod<ListItemAttribute> {
   /**
    * Called when setting whether item is ceiling effect.
    * @since 7
    */
-  sticky(value: Sticky): T;
+  sticky(value: Sticky): ListItemAttribute;
 
   /**
    * Called when judging whether it is editable.
    * @since 7
    */
-  editable(value: boolean | EditMode): T;
+  editable(value: boolean | EditMode): ListItemAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const ListItemInterface: ListItem;
+declare const ListItemInstance: ListItemAttribute;
+declare const ListItem: ListItemInterface;
+
diff --git a/api/@internal/component/ets/loading_progress.d.ts b/api/@internal/component/ets/loading_progress.d.ts
index da055d5485..5bc3c49fd9 100644
--- a/api/@internal/component/ets/loading_progress.d.ts
+++ b/api/@internal/component/ets/loading_progress.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Load style of progress bar.
  * @since 8
  */
-export declare enum LoadingProgressStyle {
+declare enum LoadingProgressStyle {
   /**
    * Default style.
    * @since 8
@@ -40,37 +37,38 @@ export declare enum LoadingProgressStyle {
   Orbital,
 }
 
-/**
- * Loading Progress Extensions on Declarative Classes
- * @since 8
- */
-export declare class LoadingProgressExtend<T> extends LoadingProgressAttribute<T> {}
+
 
 /**
  * Provides an interface for extending the loading progress.
  * @since 8
  */
-interface LoadingProgress extends LoadingProgressAttribute<LoadingProgress> {
+interface LoadingProgressInterface {
   /**
    * Called when the progress bar progress is viewed.
    * @since 8
    */
-  (): LoadingProgress;
+  (): LoadingProgressAttribute;
 }
 
 /**
  * Declare the progress bar being loaded
  * @since 8
  */
-declare class LoadingProgressAttribute<T> extends CommonMethod<T> {
+declare class LoadingProgressAttribute extends CommonMethod<LoadingProgressAttribute> {
   /**
    * Load the color of the progress bar.
    * @since 8
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): LoadingProgressAttribute;
 }
 
 /**
  * @since 8
  */
-export declare const LoadingProgressInterface: LoadingProgress;
+declare const LoadingProgress: LoadingProgressInterface;
+/**
+ * Loading Progress Extensions on Declarative Classes
+ * @since 8
+ */
+ declare const LoadingProgressInstance: LoadingProgressAttribute
\ No newline at end of file
diff --git a/api/@internal/component/ets/marquee.d.ts b/api/@internal/component/ets/marquee.d.ts
index 607574643b..51098af05c 100644
--- a/api/@internal/component/ets/marquee.d.ts
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -13,75 +13,71 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontWeight } from "./enums";
-import { Length, Resource, ResourceColor } from "./units";
-
 /**
  * Provides the interface for the marquee attributes.
  * @since 8
  */
-interface Marquee extends MarqueeAttribute<Marquee> {
+interface MarqueeInterface {
   /**
    * Create marquee.
    * @since 8
    */
-  (value: { start: boolean; step?: number; loop?: number; fromStart?: boolean; src: string }): Marquee;
+  (value: { start: boolean; step?: number; loop?: number; fromStart?: boolean; src: string }): MarqueeAttribute;
 }
 
 /**
  * Declares marquee properties.
  * @since 8
  */
-declare class MarqueeAttribute<T> extends CommonMethod<T> {
+declare class MarqueeAttribute extends CommonMethod<MarqueeAttribute> {
   /**
    * Set marquee font Color.
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): MarqueeAttribute;
 
   /**
    * Set marquee font size.
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): MarqueeAttribute;
 
   /**
    * Set marquee allow scale.
    * @since 8
    */
-  allowScale(value: boolean): T;
+  allowScale(value: boolean): MarqueeAttribute;
 
   /**
    * Set marquee font weight.
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): MarqueeAttribute;
 
   /**
    * Set marquee font family.
    * @since 8
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): MarqueeAttribute;
 
   /**
    * Called when scrolling starts.
    * @since 8
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): MarqueeAttribute;
 
   /**
    * Called when scrolling to the bottom.
    * @since 8
    */
-  onBounce(event: () => void): T;
+  onBounce(event: () => void): MarqueeAttribute;
 
   /**
    * Called when scrolling is complete.
    * @since 8
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): MarqueeAttribute;
 }
 
-export declare class MarqueeExtend<T> extends MarqueeAttribute<T> {}
-export declare const MarqueeInterface: Marquee;
+declare const MarqueeExtend: MarqueeInterface;
+declare const MarqueeInstance: MarqueeAttribute;
diff --git a/api/@internal/component/ets/matrix2d.d.ts b/api/@internal/component/ets/matrix2d.d.ts
index fd85c45f28..982eb954c0 100644
--- a/api/@internal/component/ets/matrix2d.d.ts
+++ b/api/@internal/component/ets/matrix2d.d.ts
@@ -17,7 +17,7 @@
  * 2D transformation matrix, supporting rotation, translation, and scaling of the X-axis and Y-axis
  * @since 8
  */
-export declare class Matrix2D {
+declare class Matrix2D {
   /**
    * Horizontal Zoom
    * @since 8
diff --git a/api/@internal/component/ets/navigation.d.ts b/api/@internal/component/ets/navigation.d.ts
index e65d697534..5130791878 100644
--- a/api/@internal/component/ets/navigation.d.ts
+++ b/api/@internal/component/ets/navigation.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CustomBuilder, CommonMethod } from "./common";
-
 /**
  * Naivagtion title mode.
  * @since 8
  */
-export declare enum NavigationTitleMode {
+declare enum NavigationTitleMode {
   /**
    * The title is free mode.
    * @since 8
@@ -39,7 +37,7 @@ export declare enum NavigationTitleMode {
   Mini,
 }
 
-export declare interface NavigationMenuItem {
+declare interface NavigationMenuItem {
   /**
    * The value of navigation menu item.
    * @since 8
@@ -61,79 +59,79 @@ export declare interface NavigationMenuItem {
  * Provide navigator view interface
  * @since 8
  */
-interface Navigation extends NavigationAttribute<Navigation> {
+interface NavigationInterface {
   /**
    * Called when the navigator view interface is used.
    * @since 8
    */
-  (): Navigation;
+  (): NavigationAttribute;
 }
 
 /**
  * Declare Navigation view properties.
  * @since 8
  */
-declare class NavigationAttribute<T> extends CommonMethod<T> {
+declare class NavigationAttribute extends CommonMethod<NavigationAttribute> {
   /**
    * Navigation title
    * @since 8
    */
-  title(value: string | CustomBuilder): T;
+  title(value: string | CustomBuilder): NavigationAttribute;
 
   /**
    * Navigation subtitle
    * @since 8
    */
-  subTitle(value: string): T;
+  subTitle(value: string): NavigationAttribute;
 
   /**
    * Hide navigation bar
    * @since 8
    */
-  hideTitleBar(value: boolean): T;
+  hideTitleBar(value: boolean): NavigationAttribute;
 
   /**
    * Hide navigation back button
    * @since 8
    */
-  hideBackButton(value: boolean): T;
+  hideBackButton(value: boolean): NavigationAttribute;
 
   /**
    * Navigation title mode
    * @since 8
    */
-  titleMode(value: NavigationTitleMode): T;
+  titleMode(value: NavigationTitleMode): NavigationAttribute;
 
   /**
    * Navigation title bar's menus
    * @since 8
    */
-  menus(value: Array<NavigationMenuItem> | CustomBuilder): T;
+  menus(value: Array<NavigationMenuItem> | CustomBuilder): NavigationAttribute;
 
   /**
    * The amount of the menu in Navigation.
    * @since 8
    */
-  menuCount(value: number): T;
+  menuCount(value: number): NavigationAttribute;
 
   /**
    * Tool bar
    * @since 8
    */
-  toolBar(value: object | CustomBuilder): T;
+  toolBar(value: object | CustomBuilder): NavigationAttribute;
 
   /**
    * Hide tool bar
    * @since 8
    */
-  hideToolBar(value: boolean): T;
+  hideToolBar(value: boolean): NavigationAttribute;
 
   /**
    * Trigger a titleModeChanged event when title mode changed at free mode.
    * @since 8
    */
-  onTitleModeChanged(callback: (titleMode: NavigationTitleMode) => void): T;
+  onTitleModeChanged(callback: (titleMode: NavigationTitleMode) => void): NavigationAttribute;
 }
 
-export declare class NavigationExtend<T> extends NavigationAttribute<T> {}
-export declare const NavigationInterface: Navigation;
+declare const Navigation: NavigationInterface;
+declare const NavigationInstance: NavigationAttribute;
diff --git a/api/@internal/component/ets/navigator.d.ts b/api/@internal/component/ets/navigator.d.ts
index b0339341ad..97046bdef4 100644
--- a/api/@internal/component/ets/navigator.d.ts
+++ b/api/@internal/component/ets/navigator.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Route jump.
  * @since 7
  */
-export declare enum NavigationType {
+declare enum NavigationType {
   /**
    * Jump to the next page.
    * @since 7
@@ -43,49 +41,49 @@ export declare enum NavigationType {
  * Create route
  * @since 7
  */
-interface Navigator extends NavigatorAttribute<Navigator> {
+interface NavigatorInterface {
   /**
    * Called when the route jumps.
    * @since 7
    */
-  (value?: { target: string; type?: NavigationType }): Navigator;
+  (value?: { target: string; type?: NavigationType }): NavigatorAttribute;
 
   /**
    * Called when using the navigator.
    * @since 7
    */
-  (): Navigator;
+  (): NavigatorAttribute;
 }
 
 /**
  * Declare navigator properties.
  * @since 7
  */
-declare class NavigatorAttribute<T> extends CommonMethod<T> {
+declare class NavigatorAttribute extends CommonMethod<NavigatorAttribute> {
   /**
    * Called when determining whether the routing component is active.
    * @since 7
    */
-  active(value: boolean): T;
+  active(value: boolean): NavigatorAttribute;
 
   /**
    * Called when determining whether the routing component is active.
    * @since 7
    */
-  type(value: NavigationType): T;
+  type(value: NavigationType): NavigatorAttribute;
 
   /**
    * Called when the path to the specified jump target page is set.
    * @since 7
    */
-  target(value: string): T;
+  target(value: string): NavigatorAttribute;
 
   /**
    * Called when data is passed to the target page at the same time during jump.
    * @since 7
    */
-  params(value: object): T;
+  params(value: object): NavigatorAttribute;
 }
 
-export declare class NavigatorExtend<T> extends NavigatorAttribute<T> {}
-export declare const NavigatorInterface: Navigator;
+declare const Navigator: NavigatorInterface;
+declare const NavigatorInstance: NavigatorAttribute;
diff --git a/api/@internal/component/ets/pageTransition.d.ts b/api/@internal/component/ets/pageTransition.d.ts
index e1ca8571ff..9a8b56d408 100644
--- a/api/@internal/component/ets/pageTransition.d.ts
+++ b/api/@internal/component/ets/pageTransition.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { Curve } from "./enums";
-
 /**
  * Declare the jump method.
  * @since 7
  */
-export declare enum RouteType {
+declare enum RouteType {
   /**
    * The page is not redirected.
    * @since 7
@@ -41,7 +39,7 @@ export declare enum RouteType {
  * Declare the sliding effect of transition.
  * @since 7
  */
-export declare enum SlideEffect {
+declare enum SlideEffect {
   /**
    * Swipe left.
    * @since 7
@@ -71,7 +69,7 @@ export declare enum SlideEffect {
  * Provides interfaces for common transitions.
  * @since 7
  */
-export declare class CommonTransition<T> {
+declare class CommonTransition<T> {
   /**
    * Called when a transition method is required.
    * @since 7
@@ -106,37 +104,37 @@ export declare class CommonTransition<T> {
  * Provides an interface for page rotation mode.
  * @since 7
  */
-interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
+interface PageTransitionEnterInterface extends CommonTransition<PageTransitionEnterInterface> {
   /**
    * Called when page Jump animation is used.
    * @since 7
    */
-  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionEnter;
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionEnterInterface;
 
   /**
    * Called when the incoming parameter is the normalized progress of the current incoming animation.
    * @since 7
    */
-  onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnter;
+  onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnterInterface;
 }
 
 /**
  * Provide an interface to exit the transition.
  * @since 7
  */
-interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
+interface PageTransitionExitInterface extends CommonTransition<PageTransitionExitInterface> {
   /**
    * Called when the transition is delayed.
    * @since 7
    */
-  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionExit;
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionExitInterface;
 
   /**
    * Called when the input parameter is the normalized progress of the current exit animation.
    * @since 7
    */
-  onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExit;
+  onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExitInterface;
 }
 
-export declare const PageTransitionEnterInterface: PageTransitionEnter;
-export declare const PageTransitionExitInterface: PageTransitionExit;
+declare const PageTransitionEnter: PageTransitionEnterInterface;
+declare const PageTransitionExit: PageTransitionExitInterface;
diff --git a/api/@internal/component/ets/panel.d.ts b/api/@internal/component/ets/panel.d.ts
index 7ae3fd2b62..7b0dc56130 100644
--- a/api/@internal/component/ets/panel.d.ts
+++ b/api/@internal/component/ets/panel.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Sets the initial state of the slidable panel.
  * @since 7
  */
-export declare enum PanelMode {
+declare enum PanelMode {
   /**
    * Minimum state.
    * @since 7
@@ -43,7 +41,7 @@ export declare enum PanelMode {
  * Sets the type of sliding panel.
  * @since 7
  */
-export declare enum PanelType {
+declare enum PanelType {
   /**
    * The switch between the minibar and full-screen display is provided.
    * @since 7
@@ -69,59 +67,59 @@ export declare enum PanelType {
  * Provides a sliding panel interface.
  * @since 7
  */
-interface Panel extends PanelAttribute<Panel> {
+interface PanelInterface {
   /**
    * Called when the panel slidable panel pops up.
    * @since 7
    */
-  (show: boolean): Panel;
+  (show: boolean): PanelAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PanelAttribute<T> extends CommonMethod<T> {
+declare class PanelAttribute extends CommonMethod<PanelAttribute> {
   /**
    * Called when the initial state of the slidable panel is set.
    * @since 7
    */
-  mode(value: PanelMode): T;
+  mode(value: PanelMode): PanelAttribute;
 
   /**
    * Called when the slidable panel type is set.
    * @since 7
    */
-  type(value: PanelType): T;
+  type(value: PanelType): PanelAttribute;
 
   /**
    * Called when determining whether dragbar exists.
    * @since 7
    */
-  dragBar(value: boolean): T;
+  dragBar(value: boolean): PanelAttribute;
 
   /**
    * Called when the height in the full state is specified.
    * @since 7
    */
-  fullHeight(value: number | string): T;
+  fullHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the height in the half state is specified.
    * @since 7
    */
-  halfHeight(value: number | string): T;
+  halfHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the height in the mini state is specified.
    * @since 7
    */
-  miniHeight(value: number | string): T;
+  miniHeight(value: number | string): PanelAttribute;
 
   /**
    * Called when the panel slidable panel pops up.
    * @since 7
    */
-  show(value: boolean): T;
+  show(value: boolean): PanelAttribute;
 
   /**
    * Called when the state of the slidable panel changes.
@@ -147,8 +145,8 @@ declare class PanelAttribute<T> extends CommonMethod<T> {
        */
       mode: PanelMode,
     ) => void,
-  ): T;
+  ): PanelAttribute;
 }
 
-export declare class PanelExtend<T> extends PanelAttribute<T> {}
-export declare const PanelInterface: Panel;
+declare const Panel: PanelInterface;
+declare const PanelInstance: PanelAttribute;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
index 7430d9d4e8..82dc3aa559 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -13,36 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides the path drawing interface.
  * @since 7
  */
-interface Path extends PathAttribute<Path> {
+interface PathInterface {
   /**
    * Use new to create Path.
    * @since 7
    */
-  new (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+  new (value?: { width?: number | string; height?: number | string; commands?: string }): PathAttribute;
 
   /**
    * Called when drawing path.
    * @since 7
    */
-  (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+  (value?: { width?: number | string; height?: number | string; commands?: string }): PathAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PathAttribute<T> extends CommonShapeMethod<T> {
+declare class PathAttribute extends CommonShapeMethod<PathAttribute> {
   /**
    * Called when the command string drawn by the path is set.
    * @since 7
    */
-  commands(value: string): T;
+  commands(value: string): PathAttribute;
 }
 
-export declare class PathExtend<T> extends PathAttribute<T> {}
-export declare const PathInterface: Path;
+export declare const Path: PathInterface;
+export declare const PathInstance: PathAttribute;
diff --git a/api/@internal/component/ets/pattern_lock.d.ts b/api/@internal/component/ets/pattern_lock.d.ts
index 9bc361f4ef..efc54d9d3b 100644
--- a/api/@internal/component/ets/pattern_lock.d.ts
+++ b/api/@internal/component/ets/pattern_lock.d.ts
@@ -13,14 +13,11 @@
   * limitations under the License.
   */
 
-import { CommonMethod } from "./common"
-import { Length, ResourceColor } from "./units";
-
 /**
  * Provides methods for control pattern lock component.
  * @since 8
  */
-export declare class PatternLockController {
+declare class PatternLockController {
   /**
    * constructor.
    */
@@ -36,74 +33,74 @@ export declare class PatternLockController {
  * Provides an interface for generating PatternLock.
  * @since 8
  */
-interface PatternLock extends PatternLockAttribute<PatternLock> {
-  (controller?: PatternLockController): PatternLock;
+interface PatternLockInterface {
+  (controller?: PatternLockController): PatternLockAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PatternLockAttribute<T> extends CommonMethod<T> {
+declare class PatternLockAttribute extends CommonMethod<PatternLockAttribute> {
   /**
    * The square side length of pattern lock component.
    * @since 8
    */
-  sideLength(value: Length): T;
+  sideLength(value: Length): PatternLockAttribute;
 
   /**
    * Circle radius.
    * @since 8
    */
-  circleRadius(value: Length): T;
+  circleRadius(value: Length): PatternLockAttribute;
 
   /**
    * The background color.
    * @since 8
    */
-  backgroundColor(value: ResourceColor): T;
+  backgroundColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * Regular color.
    * @since 8
    */
-  regularColor(value: ResourceColor): T;
+  regularColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The color when cell is selected.
    * @since 8
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The color when cell is active state.
    * @since 8
    */
-  activeColor(value: ResourceColor): T;
+  activeColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The path line color.
    * @since 8
    */
-  pathColor(value: ResourceColor): T;
+  pathColor(value: ResourceColor): PatternLockAttribute;
 
   /**
    * The path line stroke width.
    * @since 8
    */
-  pathStrokeWidth(value: number | string): T;
+  pathStrokeWidth(value: number | string): PatternLockAttribute;
 
   /**
    * Called when the pattern input completed.
    * @since 8
    */
-  onPatternComplete(callback: (input: Array<number>) => void): T;
+  onPatternComplete(callback: (input: Array<number>) => void): PatternLockAttribute;
 
   /**
    * Called when judging whether the input state can be reset by touch pattern lock.
    * @since 8
    */
-  autoReset(value: boolean): T;
+  autoReset(value: boolean): PatternLockAttribute;
 }
 
-export declare class PatternLockExtend<T> extends PatternLockAttribute<T> {}
-export declare const PatternLockInterface: PatternLock;
\ No newline at end of file
+declare const PatternLock: PatternLockInterface;
+declare const PatternLockInstance: PatternLockAttribute;
\ No newline at end of file
diff --git a/api/@internal/component/ets/piece.d.ts b/api/@internal/component/ets/piece.d.ts
index fca192f7db..5e67176d8c 100644
--- a/api/@internal/component/ets/piece.d.ts
+++ b/api/@internal/component/ets/piece.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight } from "./enums";
-import { Length, ResourceColor, ResourceStr } from "./units";
 
 /**
  * Sets the relative position of icons and text.
  * @since 8
  */
-export declare enum IconPosition {
+declare enum IconPosition {
   /**
    * The icon is at the beginning of the text.
    * @since 8
@@ -39,60 +36,60 @@ export declare enum IconPosition {
  * Provides text and icons for setting block entries.
  * @since 8
  */
-interface Piece extends PieceAttribute<Piece> {
+interface PieceInterface {
   /**
    * Called when setting the position of a block entry.
    * @since 8
    */
-  (options?: { content: string; icon?: string }): Piece;
+  (options?: { content: string; icon?: string }): PieceAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PieceAttribute<T> extends CommonMethod<T> {
+declare class PieceAttribute extends CommonMethod<PieceAttribute> {
   /**
    * Called when the relative position of the icon and the text is set.
    * @since 8
    */
-  iconPosition(value: IconPosition): T;
+  iconPosition(value: IconPosition): PieceAttribute;
   /**
    * Called when the value of Piece fontColor is set
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): PieceAttribute;
   /**
    * Called when the value of Piece fontSize is set
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): PieceAttribute;
   /**
    * Called when the value of Piece fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): PieceAttribute;
   /**
    * Called when the value of Piece fontWeight is set
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): PieceAttribute;
   /**
    * Called when the value of Piece fontFamily is set
    * @since 8
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): PieceAttribute;
   /**
    * Called when the value of Piece showDelete is set
    * @since 8
    */
-  showDelete(value: boolean): T;
+  showDelete(value: boolean): PieceAttribute;
   /**
    * Default icon is invisible,
    * Callback onClose function when icon is clicked
    * @since 8
    */
-  onClose(callback: () => void): T;
+  onClose(callback: () => void): PieceAttribute;
 }
 
-export declare class PieceExtend<T> extends PieceAttribute<T> {}
-export declare const PieceInterface: Piece;
+declare const Piece: PieceInterface;
+declare const PieceInstance: PieceAttribute;
diff --git a/api/@internal/component/ets/plugin_component.d.ts b/api/@internal/component/ets/plugin_component.d.ts
index 6f6a3f3ce6..9933928486 100644
--- a/api/@internal/component/ets/plugin_component.d.ts
+++ b/api/@internal/component/ets/plugin_component.d.ts
@@ -13,8 +13,6 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * PluginComponentTemplate
  * @since 8
@@ -28,36 +26,36 @@ interface PluginComponentTemplate {
  * Provides plugin component.
  * @since 8
  */
-interface PluginComponent extends PluginComponentAttribute<PluginComponent> {
+interface PluginComponentInterface {
   /**
    * Called when setting the plugin.
    * @since 8
    */
-  (value: { template: PluginComponentTemplate; data: any }): PluginComponent;
+  (value: { template: PluginComponentTemplate; data: any }): PluginComponentAttribute;
 }
 
 /**
  * @since 8
  */
-declare class PluginComponentAttribute<T> extends CommonMethod<T> {
+declare class PluginComponentAttribute extends CommonMethod<PluginComponentAttribute> {
   /**
    * Set pluginComponent size,
    * @since 8
    */
-  size(value: { width: number; height: number }): T;
+  size(value: { width: number; height: number }): PluginComponentAttribute;
 
   /**
    * pluginComponent onComplete callback,
    * @since 8
    */
-  onComplete(callback: () => void): T;
+  onComplete(callback: () => void): PluginComponentAttribute;
 
   /**
    * pluginComponent onError callback,
    * @since 8
    */
-  onError(callback: (info: { errcode: number; msg: string }) => void): T;
+  onError(callback: (info: { errcode: number; msg: string }) => void): PluginComponentAttribute;
 }
 
-export declare class PluginComponentExtend<T> extends PluginComponentAttribute<T> {}
-export declare const PluginComponentInterface: PluginComponent;
+declare const PluginComponent: PluginComponentInterface;
+declare const PluginComponentInstance: PluginComponentAttribute;
diff --git a/api/@internal/component/ets/polygon.d.ts b/api/@internal/component/ets/polygon.d.ts
index f2224ffff7..9d8cdd14a9 100644
--- a/api/@internal/component/ets/polygon.d.ts
+++ b/api/@internal/component/ets/polygon.d.ts
@@ -13,33 +13,31 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides the polygon drawing interface.
  * @since 7
  */
-interface Polygon extends PolygonAttribute<Polygon> {
+interface PolygonInterface{
   /**
    * Uses new to create Polygon.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Polygon;
+  new (value?: { width?: string | number; height?: string | number }): PolygonAttribute;
 
   /**
    * Called when drawing a polygon.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Polygon;
+  (value?: { width?: string | number; height?: string | number }): PolygonAttribute;
 }
 
-declare class PolygonAttribute<T> extends CommonShapeMethod<T> {
+declare class PolygonAttribute extends CommonShapeMethod<PolygonAttribute> {
   /**
    * Called when the vertex coordinate list of a polygon is set.
    * @since 7
    */
-  points(value: Array<any>): T;
+  points(value: Array<any>): PolygonAttribute;
 }
 
-export declare class PolygonExtend<T> extends PolygonAttribute<T> {}
-export declare const PolygonInterface: Polygon;
+declare const Polygon: PolygonInterface;
+declare const PolygonInstance: PolygonAttribute;
diff --git a/api/@internal/component/ets/polyline.d.ts b/api/@internal/component/ets/polyline.d.ts
index c17ac6da00..906b609f5b 100644
--- a/api/@internal/component/ets/polyline.d.ts
+++ b/api/@internal/component/ets/polyline.d.ts
@@ -13,36 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
-
 /**
  * Provides an interface for drawing polylines.
  * @since 7
  */
-interface Polyline extends PolylineAttribute<Polyline> {
+interface PolylineInterface {
   /**
    * Uses new to create Polyline.
    * @since 7
    */
-  new (value?: { width?: string | number; height?: string | number }): Polyline;
+  new (value?: { width?: string | number; height?: string | number }): PolylineAttribute;
 
   /**
    * Called when using the draw fold.
    * @since 7
    */
-  (value?: { width?: string | number; height?: string | number }): Polyline;
+  (value?: { width?: string | number; height?: string | number }): PolylineAttribute;
 }
 
 /**
  * @since 7
  */
-declare class PolylineAttribute<T> extends CommonShapeMethod<T> {
+declare class PolylineAttribute extends CommonShapeMethod<PolylineAttribute> {
   /**
    * Called when the polyline is set to pass through the coordinate point list.
    * @since 7
    */
-  points(value: Array<any>): T;
+  points(value: Array<any>): PolylineAttribute;
 }
 
-export declare class PolylineExtend<T> extends PolylineAttribute<T> {}
-export declare const PolylineInterface: Polyline;
+declare const Polyline: PolylineInterface;
+declare const PolylineInstance: PolylineAttribute;
diff --git a/api/@internal/component/ets/progress.d.ts b/api/@internal/component/ets/progress.d.ts
index 4759cb9107..80a73a7da0 100644
--- a/api/@internal/component/ets/progress.d.ts
+++ b/api/@internal/component/ets/progress.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Length, ResourceColor } from "./units";
-
 /**
  * Type of progress bar
  * @since 7
  */
-export declare enum ProgressStyle {
+declare enum ProgressStyle {
   /**
    * Linear progress bar style.
    * @devices phone, tablet, car.
@@ -61,43 +58,43 @@ export declare enum ProgressStyle {
  * Provides the progress bar interface.
  * @since 7
  */
-interface Progress extends ProgressAttribute<Progress> {
+interface ProgressInterface {
   /**
    * Called when the progress bar is set.
    * @since 7
    */
-  (object: { value: number; total?: number; style?: ProgressStyle }): Progress;
+  (object: { value: number; total?: number; style?: ProgressStyle }): ProgressAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ProgressAttribute<T> extends CommonMethod<T> {
+declare class ProgressAttribute extends CommonMethod<ProgressAttribute> {
   /**
    * Called when the current progress value is set.
    * @since 7
    */
-  value(value: number): T;
+  value(value: number): ProgressAttribute;
 
   /**
    * Called when the progress bar foreground is set.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): ProgressAttribute;
 
   /**
    * Called when the style of the circular progress bar is set.
    * @since 7
    */
-  circularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): T;
+  circularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): ProgressAttribute;
 
   /**
    * Called when the style of the cricular progress bar is set.
    * @since 7
    * @deprecated since 7
    */
-  cricularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): T;
+  cricularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): ProgressAttribute;
 }
 
-export declare class ProgressExtend<T> extends ProgressAttribute<T> {}
-export declare const ProgressInterface: Progress;
+declare const Progress: ProgressInterface;
+declare const ProgressInstance: ProgressAttribute;
diff --git a/api/@internal/component/ets/qrcode.d.ts b/api/@internal/component/ets/qrcode.d.ts
index 6c8a94fe99..61eefc5700 100644
--- a/api/@internal/component/ets/qrcode.d.ts
+++ b/api/@internal/component/ets/qrcode.d.ts
@@ -13,37 +13,34 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Provides an interface for generating QR codes.
  * @since 7
  */
-interface QRCode extends QRCodeAttribute<QRCode> {
+interface QRCodeInterface {
   /**
    * Called when a QR code is set.
    * @since 7
    */
-  (value: string): QRCode;
+  (value: string): QRCodeAttribute;
 }
 
 /**
  * @since 7
  */
-declare class QRCodeAttribute<T> extends CommonMethod<T> {
+declare class QRCodeAttribute extends CommonMethod<QRCodeAttribute> {
   /**
    * Called when the QR code color is set.
    * @since 7
    */
-  color(value: ResourceColor): T;
+  color(value: ResourceColor): QRCodeAttribute;
 
   /**
    * Called when setting the QR code background color.
    * @since 7
    */
-  backgroundColor(value: ResourceColor): T;
+  backgroundColor(value: ResourceColor): QRCodeAttribute;
 }
 
-export declare class QRCodeExtend<T> extends QRCodeAttribute<T> {}
-export declare const QRCodeInterface: QRCode;
+declare const QRCode: QRCodeInterface;
+declare const QRCodeInstance: QRCodeAttribute;
diff --git a/api/@internal/component/ets/radio.d.ts b/api/@internal/component/ets/radio.d.ts
index f8bc72d31a..d3d749404c 100644
--- a/api/@internal/component/ets/radio.d.ts
+++ b/api/@internal/component/ets/radio.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Input parameter for creating a radio box.
  * @devices phone, tablet, car
  * @since 8
  */
-export declare interface RadioOption {
+declare interface RadioOption {
   /**
    * Radio group name.
    * @devices phone, tablet, car
@@ -41,34 +39,34 @@ export declare interface RadioOption {
  * @devices phone, tablet, car
  * @since 8
  */
-interface Radio extends RadioAttribute<Radio> {
+interface RadioInterface {
   /**
    * Called when a radio box is created.
    * @devices phone, tablet, car
    * @since 8
    */
-  (options: RadioOption): Radio;
+  (options: RadioOption): RadioAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare class RadioAttribute<T> extends CommonMethod<T> {
+declare class RadioAttribute extends CommonMethod<RadioAttribute> {
   /**
    * Called when the radio box is selected.
    * @devices phone, tablet, car
    * @since 8
    */
-  checked(value: boolean): T;
+  checked(value: boolean): RadioAttribute;
 
   /**
    * Called when the radio box selection status changes.
    * @devices phone, tablet, car
    * @since 8
    */
-  onChange(callback: (isChecked: boolean) => void): T;
+  onChange(callback: (isChecked: boolean) => void): RadioAttribute;
 }
 
-export declare class RadioExtend<T> extends RadioAttribute<T> {}
-export declare const RadioInterface: Radio;
+declare const Radio: RadioInterface;
+declare const RadioInstance: RadioAttribute;
diff --git a/api/@internal/component/ets/rating.d.ts b/api/@internal/component/ets/rating.d.ts
index 7403946f44..09f6740ec7 100644
--- a/api/@internal/component/ets/rating.d.ts
+++ b/api/@internal/component/ets/rating.d.ts
@@ -13,48 +13,46 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Provides the interface for scoring bars.
  * @since 7
  */
-interface Rating extends RatingAttribute<Rating> {
+interface RatingInterface {
   /**
    * Called when a score bar is created.
    * @since 7
    */
-  (options?: { rating: number; indicator?: boolean }): Rating;
+  (options?: { rating: number; indicator?: boolean }): RatingAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RatingAttribute<T> extends CommonMethod<T> {
+declare class RatingAttribute extends CommonMethod<RatingAttribute> {
   /**
    * Called when the total number of stars is set.
    * @since 7
    */
-  stars(value: number): T;
+  stars(value: number): RatingAttribute;
 
   /**
    * Called when the step size of the operation rating.
    * @since 7
    */
-  stepSize(value: number): T;
+  stepSize(value: number): RatingAttribute;
 
   /**
    * Called when a picture is set.
    * @since 7
    */
-  starStyle(value: { backgroundUri: string; foregroundUri: string; secondaryUri?: string }): T;
+  starStyle(value: { backgroundUri: string; foregroundUri: string; secondaryUri?: string }): RatingAttribute;
 
   /**
    * Called when the star rating of the operation scoring bar changes.
    * @since 7
    */
-  onChange(callback: (value: number) => void): T;
+  onChange(callback: (value: number) => void): RatingAttribute;
 }
 
-export declare class RatingExtend<T> extends RatingAttribute<T> {}
-export declare const RatingInterface: Rating;
+declare const Rating: RatingInterface;
+declare const RatingInstance: RatingAttribute;
diff --git a/api/@internal/component/ets/rect.d.ts b/api/@internal/component/ets/rect.d.ts
index 9c5d3c0169..7ca9aa72fa 100644
--- a/api/@internal/component/ets/rect.d.ts
+++ b/api/@internal/component/ets/rect.d.ts
@@ -13,13 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonShapeMethod } from "./common";
 
 /**
  * Provides an interface for drawing rectangles.
  * @since 7
  */
-interface Rect extends RectAttribute<Rect> {
+interface RectInterface {
   /**
    * Use new function to create Rect.
    * @since 7
@@ -37,7 +36,7 @@ interface Rect extends RectAttribute<Rect> {
           radiusWidth?: number | string;
           radiusHeight?: number | string;
         },
-  ): Rect;
+  ): RectAttribute;
 
   /**
    * Called when a rectangle is created.
@@ -56,31 +55,31 @@ interface Rect extends RectAttribute<Rect> {
           radiusWidth?: number | string;
           radiusHeight?: number | string;
         },
-  ): Rect;
+  ): RectAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RectAttribute<T> extends CommonShapeMethod<T> {
+declare class RectAttribute extends CommonShapeMethod<RectAttribute> {
   /**
    * Called when the fillet width is set.
    * @since 7
    */
-  radiusWidth(value: number | string): T;
+  radiusWidth(value: number | string): RectAttribute;
 
   /**
    * Called when the fillet height is set.
    * @since 7
    */
-  radiusHeight(value: number | string): T;
+  radiusHeight(value: number | string): RectAttribute;
 
   /**
    * Called when the fillet size is set.
    * @since 7
    */
-  radius(value: number | string | Array<any>): T;
+  radius(value: number | string | Array<any>): RectAttribute;
 }
 
-export declare class RectExtend<T> extends RectAttribute<T> {}
-export declare const RectInterface: Rect;
+declare const Rect: RectInterface;
+declare const RectInStance: RectAttribute;
diff --git a/api/@internal/component/ets/refresh.d.ts b/api/@internal/component/ets/refresh.d.ts
index 8750e9f5f6..648528bb7d 100644
--- a/api/@internal/component/ets/refresh.d.ts
+++ b/api/@internal/component/ets/refresh.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * The refresh status of the drop-down refresh.
  * @since 8
  */
-export declare enum RefreshStatus {
+declare enum RefreshStatus {
   /**
    * The refresh status of the drop-down refresh.
    * @since 8
@@ -55,30 +53,30 @@ export declare enum RefreshStatus {
  * Provides a pull-down refresh interface.
  * @since 8
  */
-interface Refresh extends RefreshAttribute<Refresh> {
+interface RefreshInterface {
   /**
    * Called when the drop-down refresh is set.
    * @since 8
    */
-  (value: { refreshing: boolean; offset?: number | string; friction?: number | string }): Refresh;
+  (value: { refreshing: boolean; offset?: number | string; friction?: number | string }): RefreshAttribute;
 }
 
 /**
  * @since 8
  */
-declare class RefreshAttribute<T> extends CommonMethod<T> {
+declare class RefreshAttribute extends CommonMethod<RefreshAttribute> {
   /**
    * Called when the refresh state changes.
    * @since 8
    */
-  onStateChange(callback: (state: RefreshStatus) => void): T;
+  onStateChange(callback: (state: RefreshStatus) => void): RefreshAttribute;
 
   /**
    * Called when the refresh state is entered.
    * @since 8
    */
-  onRefreshing(callback: () => void): T;
+  onRefreshing(callback: () => void): RefreshAttribute;
 }
 
-export declare class RefreshExtend<T> extends RefreshAttribute<T> {}
-export declare const RefreshInterface: Refresh;
+declare const Refresh: RefreshInterface;
+declare const RefreshInstance: RefreshAttribute;
diff --git a/api/@internal/component/ets/row.d.ts b/api/@internal/component/ets/row.d.ts
index b225cd0aa8..412041e9df 100644
--- a/api/@internal/component/ets/row.d.ts
+++ b/api/@internal/component/ets/row.d.ts
@@ -13,31 +13,28 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { VerticalAlign } from "./enums";
-
 /**
  * The components are laid out horizontally
  * @since 7
  */
-interface Row extends RowAttribute<Row> {
+interface RowInterface {
   /**
    * Called when the layout is set in the horizontal direction.
    * @since 7
    */
-  (value?: { space?: string | number }): Row;
+  (value?: { space?: string | number }): RowAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RowAttribute<T> extends CommonMethod<T> {
+declare class RowAttribute extends CommonMethod<RowAttribute> {
   /**
    * Called when the vertical alignment is set.
    * @since 7
    */
-  alignItems(value: VerticalAlign): T;
+  alignItems(value: VerticalAlign): RowAttribute;
 }
 
-export declare class RowExtend<T> extends RowAttribute<T> {}
-export declare const RowInterface: Row;
+declare const Row: RowInterface;
+declare const RowInstance: RowAttribute;
diff --git a/api/@internal/component/ets/row_split.d.ts b/api/@internal/component/ets/row_split.d.ts
index ea1b2eab15..38049dc12d 100644
--- a/api/@internal/component/ets/row_split.d.ts
+++ b/api/@internal/component/ets/row_split.d.ts
@@ -13,30 +13,29 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
 
 /**
  * Provides interfaces for layout in the vertical direction.
  * @since 7
  */
-interface RowSplit extends RowSplitAttribute<RowSplit> {
+interface RowSplitInterface {
   /**
    * Called when the layout along the vertical direction is set.
    * @since 7
    */
-  (): RowSplit;
+  (): RowSplitAttribute;
 }
 
 /**
  * @since 7
  */
-declare class RowSplitAttribute<T> extends CommonMethod<T> {
+declare class RowSplitAttribute extends CommonMethod<RowSplitAttribute> {
   /**
    * Called when judging whether the split line can be dragged.
    * @since 7
    */
-  resizeable(value: boolean): T;
+  resizeable(value: boolean): RowSplitAttribute;
 }
 
-export declare class RowSplitExtend<T> extends RowSplitAttribute<T> {}
-export declare const RowSplitInterface: RowSplit;
+declare const RowSplit: RowSplitInterface;
+declare const RowSplitInstance: RowSplitAttribute;
diff --git a/api/@internal/component/ets/scroll.d.ts b/api/@internal/component/ets/scroll.d.ts
index 30672e8dd6..7ea65ec436 100644
--- a/api/@internal/component/ets/scroll.d.ts
+++ b/api/@internal/component/ets/scroll.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Axis, BarState, Color, Curve, Edge, EdgeEffect } from "./enums";
-
 /**
  * Content scroll direction.
  * @since 7
  */
-export declare enum ScrollDirection {
+declare enum ScrollDirection {
   /**
    * Vertical scrolling is supported.
    * @since 7
@@ -49,7 +46,7 @@ export declare enum ScrollDirection {
 /**
  * @since 7
  */
-export declare class Scroller {
+declare class Scroller {
   /**
    * constructor.
    * @since 7
@@ -95,66 +92,66 @@ export declare class Scroller {
  * Provides interfaces for scrollable containers.
  * @since 7
  */
-interface Scroll extends ScrollAttribute<Scroll> {
+interface ScrollInterface {
   /**
    * Called when a scrollable container is set.
    * @since 7
    */
-  (scroller?: Scroller): Scroll;
+  (scroller?: Scroller): ScrollAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ScrollAttribute<T> extends CommonMethod<T> {
+declare class ScrollAttribute extends CommonMethod<ScrollAttribute> {
   /**
    * Called when the scroll method is slid.
    * @since 7
    */
-  scrollable(value: ScrollDirection): T;
+  scrollable(value: ScrollDirection): ScrollAttribute;
 
   /**
    * Called when the setting slides to the specified position.
    * @since 7
    */
-  onScroll(event: (xOffset: number, yOffset: number) => void): T;
+  onScroll(event: (xOffset: number, yOffset: number) => void): ScrollAttribute;
 
   /**
    * Called when scrolling to the edge of the container.
    * @since 7
    */
-  onScrollEdge(event: (side: Edge) => void): T;
+  onScrollEdge(event: (side: Edge) => void): ScrollAttribute;
 
   /**
    * Called when scrolling has stopped.
    * @since 7
    */
-  onScrollEnd(event: () => void): T;
+  onScrollEnd(event: () => void): ScrollAttribute;
 
   /**
    * Called when the status of the scroll bar is set.
    * @since 7
    */
-  scrollBar(barState: BarState): T;
+  scrollBar(barState: BarState): ScrollAttribute;
 
   /**
    * Called when the color of the scroll bar is set.
    * @since 7
    */
-  scrollBarColor(color: Color | number | string): T;
+  scrollBarColor(color: Color | number | string): ScrollAttribute;
 
   /**
    * Called when the width of the scroll bar is set.
    * @since 7
    */
-  scrollBarWidth(value: number | string): T;
+  scrollBarWidth(value: number | string): ScrollAttribute;
 
   /**
    * Called when the sliding effect is set.
    * @since 7
    */
-  edgeEffect(edgeEffect: EdgeEffect): T;
+  edgeEffect(edgeEffect: EdgeEffect): ScrollAttribute;
 }
 
-export declare class ScrollExtend<T> extends ScrollAttribute<T> {}
-export declare const ScrollInterface: Scroll;
+declare const Scroll: ScrollInterface;
+declare const ScrollInstance: ScrollAttribute;
diff --git a/api/@internal/component/ets/scroll_bar.d.ts b/api/@internal/component/ets/scroll_bar.d.ts
index 646432dc10..0a722fca39 100644
--- a/api/@internal/component/ets/scroll_bar.d.ts
+++ b/api/@internal/component/ets/scroll_bar.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { BarState } from "./enums";
-import { Scroller } from "./scroll";
-
 /**
  * Content scroll direction.
  * @since 8
  */
-export declare enum ScrollBarDirection {
+declare enum ScrollBarDirection {
   /**
    * Vertical scrolling is supported.
    * @since 8
@@ -39,7 +35,7 @@ export declare enum ScrollBarDirection {
  * Defines the option of ScrollBar.
  * @since 8
  */
-export declare interface ScrollBarOption {
+declare interface ScrollBarOption {
   /**
    * Sets the scroller of scroll bar.
    * @since 8
@@ -63,17 +59,17 @@ export declare interface ScrollBarOption {
  * Provides interfaces for scroll bar.
  * @since 8
  */
-interface ScrollBar extends ScrollBarAttribute<ScrollBar> {
+interface ScrollBarInterface {
   /**
    * Called when a ScrollBar container is set.
    * @since 8
    */
-  (value: ScrollBarOption): ScrollBar;
+  (value: ScrollBarOption): ScrollBarAttribute;
 }
 
 /**
  * @since 8
  */
-declare class ScrollBarAttribute<T> extends CommonMethod<T> {}
-export declare class ScrollBarExtend<T> extends ScrollBarAttribute<T> {}
-export declare const ScrollBarInterface: ScrollBar;
+declare class ScrollBarAttribute extends CommonMethod<ScrollBarAttribute> {}
+declare const ScrollBar: ScrollBarInterface;
+declare const ScrollBarInstance: ScrollBarAttribute;
diff --git a/api/@internal/component/ets/search.d.ts b/api/@internal/component/ets/search.d.ts
index a2555d290f..7cb3ae0d5e 100644
--- a/api/@internal/component/ets/search.d.ts
+++ b/api/@internal/component/ets/search.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor, Font } from "./units";
-
 /**
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class SearchController {
+declare class SearchController {
   /**
    * constructor.
    * @since 8
@@ -37,73 +34,73 @@ export declare class SearchController {
  * The construct function of search
  * @since 8
  */
-interface Search extends SearchAttribute<Search> {
+interface SearchInterface {
   (options?: { value?: string;
       placeholder?: string;
       icon?: string;
       controller?: SearchController
-  }): Search;
+  }): SearchAttribute;
 }
 
 /**
  * The attribute function of search
  * @since 8
  */
-declare class SearchAttribute<T> extends CommonMethod<T> {
+declare class SearchAttribute extends CommonMethod<SearchAttribute> {
   /**
    * Set the search button text
    * @since 8
    */
-  searchButton(value: string): T;
+  searchButton(value: string): SearchAttribute;
 
   /**
    * Set the place hold text color
    * @since 8
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): SearchAttribute;
 
   /**
    * Set the font used for place holder text
    * @since 8
    */
-  placeholderFont(value?: Font): T;
+  placeholderFont(value?: Font): SearchAttribute;
 
   /**
    * Set the font used for input text
    * @since 8
    */
-  textFont(value?: Font): T;
+  textFont(value?: Font): SearchAttribute;
 
   /**
    * Call the function when clicked the search button
    * @since 8
    */
-  onSubmit(callback: (value: string) => void): T;
+  onSubmit(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Call the function when editing the input text
    * @since 8
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): SearchAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 8
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): SearchAttribute;
 }
 
-export declare class SearchExtend<T> extends SearchAttribute<T> {}
-export declare const SearchInterface: Search;
+declare const Search: SearchInterface;
+declare const SearchInstance: SearchAttribute;
diff --git a/api/@internal/component/ets/select.d.ts b/api/@internal/component/ets/select.d.ts
index 33f7f832e5..7c5190b8a9 100644
--- a/api/@internal/component/ets/select.d.ts
+++ b/api/@internal/component/ets/select.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceStr, Font, ResourceColor } from "./units";
-
 /**
  * The declare of slectOption.
  * @since 8
  */
-export declare interface SelectOption {
+declare interface SelectOption {
   /**
    * option string.
    * @since 8
@@ -38,85 +35,85 @@ export declare interface SelectOption {
  * Provides the select interface.
  * @since 8
  */
-interface Select extends SelectAttribute<Select> {
+interface SelectInterface {
   /**
    * Called when the select is set.
    * @since 8
    */
-  (options: Array<SelectOption>): Select;
+  (options: Array<SelectOption>): SelectAttribute;
 }
 
 /**
  * The commonMethod of select.
  * @since 8
  */
-declare class SelectAttribute<T> extends CommonMethod<T> {
+declare class SelectAttribute extends CommonMethod<SelectAttribute> {
   /**
    * Sets the serial number of the select item, starting from 0.
    * @since 8
    */
-  selected(value: number): T;
+  selected(value: number): SelectAttribute;
 
   /**
    * Sets the text display of the select button itself.
    * @since 8
    */
-  value(value: string): T;
+  value(value: string): SelectAttribute;
 
   /**
    * Sets the text properties of the select button itself.
    * @since 8
    */
-  font(value: Font): T;
+  font(value: Font): SelectAttribute;
 
   /**
    * Sets the text color of the select button itself.
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the background color of the selected items in the select.
    * @since 8
    */
-  selectedOptionBgColor(value: ResourceColor): T;
+  selectedOptionBgColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the text style of the selected items in the select.
    * @since 8
    */
-  selectedOptionFont(value: Font): T;
+  selectedOptionFont(value: Font): SelectAttribute;
 
   /**
    * Sets the text color of the selected item in the select.
    * @since 8
    */
-  selectedOptionFontColor(value: ResourceColor): T;
+  selectedOptionFontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the background color of the select item.
    * @since 8
    */
-  optionBgColor(value: ResourceColor): T;
+  optionBgColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Sets the text style for select items.
    * @since 8
    */
-  optionFont(value: Font): T;
+  optionFont(value: Font): SelectAttribute;
 
   /**
    * Sets the text color for select items.
    * @since 8
    */
-  optionFontColor(value: ResourceColor): T;
+  optionFontColor(value: ResourceColor): SelectAttribute;
 
   /**
    * Callback for selecting an item from the select.
    * @since 8
    */
-  onSelected(event: (index: number) => void): T;
+  onSelected(event: (index: number) => void): SelectAttribute;
 }
 
-export declare class SelectExtend<T> extends SelectAttribute<T> {}
-export declare const SelectInterface: Select;
+declare const Select: SelectInterface;
+declare const SelectInstance: SelectAttribute;
diff --git a/api/@internal/component/ets/shape.d.ts b/api/@internal/component/ets/shape.d.ts
index 195f0ce74d..eab2d6bff5 100644
--- a/api/@internal/component/ets/shape.d.ts
+++ b/api/@internal/component/ets/shape.d.ts
@@ -13,104 +13,100 @@
  * limitations under the License.
  */
 
-import { CommonMethod, PixelMap } from "./common";
-import { LineCapStyle, LineJoinStyle } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * Provides interfaces for drawing components.
  * @since 7
  */
-interface Shape extends ShapeAttribute<Shape> {
+interface ShapeInterface {
   /**
    * Use the new function to create Shape.
    * @since 7
    */
-  new (value?: PixelMap): Shape;
+  new (value?: PixelMap): ShapeAttribute;
 
   /**
    * Called when a component is drawn.
    * @since 7
    */
-  (value?: PixelMap): Shape;
+  (value?: PixelMap): ShapeAttribute;
 }
 
 /**
  * @since 7
  */
-declare class ShapeAttribute<T> extends CommonMethod<T> {
+declare class ShapeAttribute extends CommonMethod<ShapeAttribute> {
   /**
    * Viewport of shape
    * @since 7
    */
-  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): T;
+  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): ShapeAttribute;
 
   /**
    * Called when the border color is set.
    * @since 7
    */
-  stroke(value: ResourceColor): T;
+  stroke(value: ResourceColor): ShapeAttribute;
 
   /**
    * Called when the fill color is set.
    * @since 7
    */
-  fill(value: ResourceColor): T;
+  fill(value: ResourceColor): ShapeAttribute;
 
   /**
    * Called when the offset of the starting point of border drawing is set.
    * @since 7
    */
-  strokeDashOffset(value: number | string): T;
+  strokeDashOffset(value: number | string): ShapeAttribute;
 
   /**
    * Called when the gap of the border is set.
    * @since 7
    */
-  strokeDashArray(value: Array<any>): T;
+  strokeDashArray(value: Array<any>): ShapeAttribute;
 
   /**
    * Called when the path endpoint drawing style is set.
    * @since 7
    */
-  strokeLineCap(value: LineCapStyle): T;
+  strokeLineCap(value: LineCapStyle): ShapeAttribute;
 
   /**
    * Called when the border corner drawing style is set.
    * @since 7
    */
-  strokeLineJoin(value: LineJoinStyle): T;
+  strokeLineJoin(value: LineJoinStyle): ShapeAttribute;
 
   /**
    * Called when the limit value for drawing acute angles as oblique angles is set.
    * @since 7
    */
-  strokeMiterLimit(value: number | string): T;
+  strokeMiterLimit(value: number | string): ShapeAttribute;
 
   /**
    * Called when the opacity of the border is set.
    * @since 7
    */
-  strokeOpacity(value: number | string | Resource): T;
+  strokeOpacity(value: number | string | Resource): ShapeAttribute;
 
   /**
    * Called when the transparency of the border is set.
    * @since 7
    */
-  fillOpacity(value: number | string | Resource): T;
+  fillOpacity(value: number | string | Resource): ShapeAttribute;
 
   /**
    * Called when the width of the border is set.
    * @since 7
    */
-  strokeWidth(value: number | string): T;
+  strokeWidth(value: number | string): ShapeAttribute;
 
   /**
    * Called when setting whether anti aliasing is on.
    * @since 7
    */
-  antiAlias(value: boolean): T;
+  antiAlias(value: boolean): ShapeAttribute;
 }
 
-export declare class ShapeExtend<T> extends ShapeAttribute<T> {}
-export declare const ShapeInterface: Shape;
+declare const Shape: ShapeInterface;
+declare const ShapeInstance: ShapeAttribute;
diff --git a/api/@internal/component/ets/sheet.d.ts b/api/@internal/component/ets/sheet.d.ts
index e7381ae5c7..59b190edb3 100644
--- a/api/@internal/component/ets/sheet.d.ts
+++ b/api/@internal/component/ets/sheet.d.ts
@@ -13,25 +13,23 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Provides the interface for the sheet attributes.
  * @since 8
  */
-interface Sheet extends SheetAttribute<Sheet> {
+interface SheetInterface {
   /**
    * Create sheet.
    * @since 8
    */
-  (): Sheet;
+  (): SheetAttribute;
 }
 
 /**
  * Declares sheet properties.
  * @since 8
  */
-declare class SheetAttribute<T> extends CommonMethod<T> {}
+declare class SheetAttribute extends CommonMethod<SheetAttribute> {}
 
-export declare class SheetExtend<T> extends SheetAttribute<T> {}
-export declare const SheetInterface: Sheet;
+declare const Sheet: SheetInterface;
+declare const SheetInstance: SheetAttribute;
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
index 38370eca59..ff35cd0559 100644
--- a/api/@internal/component/ets/slider.d.ts
+++ b/api/@internal/component/ets/slider.d.ts
@@ -13,15 +13,12 @@
  * limitations under the License.
  */
 
-import { Axis } from "./enums";
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
 
 /**
  * Declare sliderstyle
  * @since 7
  */
-export declare enum SliderStyle {
+declare enum SliderStyle {
   /**
    * The slider is on the slide rail.
    * @since 7
@@ -39,7 +36,7 @@ export declare enum SliderStyle {
  * Declare SliderChangeMode
  * @since 7
  */
-export declare enum SliderChangeMode {
+declare enum SliderChangeMode {
   /**
    * Start dragging the slider.
    * @since 7
@@ -63,7 +60,7 @@ export declare enum SliderChangeMode {
  * Defines the option of Slider.
  * @since 7
  */
-export declare interface SliderOption {
+declare interface SliderOption {
   /**
    * Current value of Slider.
    * @since 7
@@ -111,70 +108,70 @@ export declare interface SliderOption {
  * Provides an interface for the slide bar component.
  * @since 7
  */
-interface Slider extends SliderAttribute<Slider> {
+interface SliderInterface {
   /**
    * Called when the slider bar component is used.
    * @since 7
    */
-  (options?: SliderOption): Slider;
+  (options?: SliderOption): SliderAttribute;
 }
 
 /**
  * Defines the attribute functions of Slider.
  * @since 7
  */
-declare class SliderAttribute<T> extends CommonMethod<T> {
+declare class SliderAttribute extends CommonMethod<SliderAttribute> {
   /**
    * Called when the slider color of the slider bar is set.
    * @since 7
    */
-  blockColor(value: ResourceColor): T;
+  blockColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the track color of the slider is set.
    * @since 7
    */
-  trackColor(value: ResourceColor): T;
+  trackColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the slider of the slider bar is set to slide over the area color.
    * @since 7
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): SliderAttribute;
 
   /**
    * Called when the minimum label is set.
    * @since 7
    */
-  minLabel(value: string): T;
+  minLabel(value: string): SliderAttribute;
 
   /**
    * Called when the maximum label is set.
    * @since 7
    */
-  maxLabel(value: string): T;
+  maxLabel(value: string): SliderAttribute;
 
   /**
    * Called when setting whether to display step size.
    * @devices phone, tablet, car
    * @since 7
    */
-  showSteps(value: boolean): T;
+  showSteps(value: boolean): SliderAttribute;
 
   /**
    * Called when the percentage of bubble prompt is set when sliding.
    * @devices phone, tablet, car
    * @since 7
    */
-  showTips(value: boolean): T;
+  showTips(value: boolean): SliderAttribute;
 
   /**
    * Called when the selection value changes.
    * @devices phone, tablet, car
    * @since 7
    */
-  onChange(callback: (value: number, mode: SliderChangeMode) => void): T;
+  onChange(callback: (value: number, mode: SliderChangeMode) => void): SliderAttribute;
 }
 
-export declare class SliderExtend<T> extends SliderAttribute<T> {}
-export declare const SliderInterface: Slider;
+declare const Slider: SliderInterface;
+declare const SliderInstance: SliderAttribute;
diff --git a/api/@internal/component/ets/span.d.ts b/api/@internal/component/ets/span.d.ts
index 913d6d9eec..0e5441eccf 100644
--- a/api/@internal/component/ets/span.d.ts
+++ b/api/@internal/component/ets/span.d.ts
@@ -13,73 +13,69 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight, TextDecorationType, TextCase } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
 /**
  * Provide text decoration.
  * @since 7
  */
-interface Span extends SpanAttribute<Span> {
+interface SpanInterface {
   /**
    * Called when text is entered in span.
    * @since 7
    */
-  (value: string | Resource): Span;
+  (value: string | Resource): SpanAttribute;
 }
 
 /**
  * @since 7
  */
-declare class SpanAttribute<T> extends CommonMethod<T> {
+declare class SpanAttribute extends CommonMethod<SpanAttribute> {
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): SpanAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: number | string | Resource): T;
+  fontSize(value: number | string | Resource): SpanAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): SpanAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): SpanAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): SpanAttribute;
 
   /**
    * Called when the text decoration of the text is set.
    * @since 7
    */
-  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): SpanAttribute;
 
   /**
    * Called when the distance between text fonts is set.
    * @since 7
    */
-  letterSpacing(value: number | string): T;
+  letterSpacing(value: number | string): SpanAttribute;
 
   /**
    * Called when the type of letter in the text font is set.
    */
-  textCase(value: TextCase): T;
+  textCase(value: TextCase): SpanAttribute;
 }
 
-export declare class SpanExtend<T> extends SpanAttribute<T> {}
-export declare const SpanInterface: Span;
+declare const Span: SpanInterface;
+declare const SpanInstance: SpanAttribute;
diff --git a/api/@internal/component/ets/stack.d.ts b/api/@internal/component/ets/stack.d.ts
index 6fba06254e..bc12bdacfd 100644
--- a/api/@internal/component/ets/stack.d.ts
+++ b/api/@internal/component/ets/stack.d.ts
@@ -13,31 +13,28 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Alignment } from "./enums";
-
 /**
  * Provides ports for stacking containers.
  * @since 7
  */
-interface Stack extends StackAttribute<Stack> {
+interface StackInterface {
   /**
    * Set the value.
    * @since 7
    */
-  (value?: { alignContent?: Alignment }): Stack;
+  (value?: { alignContent?: Alignment }): StackAttribute;
 }
 
 /**
  * @since 7
  */
-declare class StackAttribute<T> extends CommonMethod<T> {
+declare class StackAttribute extends CommonMethod<StackAttribute> {
   /**
    * Called when the occupancy of items in the container is set.
    * @since 7
    */
-  alignContent(value: Alignment): T;
+  alignContent(value: Alignment): StackAttribute;
 }
 
-export declare class StackExtend<T> extends StackAttribute<T> {}
-export declare const StackInterface: Stack;
+declare const Stack: StackInterface;
+declare const StackInstance: StackAttribute;
diff --git a/api/@internal/component/ets/stateManagement.d.ts b/api/@internal/component/ets/stateManagement.d.ts
index 808f9071b4..ca532e1754 100644
--- a/api/@internal/component/ets/stateManagement.d.ts
+++ b/api/@internal/component/ets/stateManagement.d.ts
@@ -232,12 +232,12 @@ declare class SyncedPropertyOneWay<T>
 /**
  * @since 7
  */
-export declare class AppStorage {
+declare class AppStorage {
   /**
    * Called when a link is set.
    * @since 7
    */
-  static Link<T>(propName: string): any;
+  static Link(propName: string): any;
 
   /**
    * Called when a hyperlink is set.
@@ -249,7 +249,7 @@ export declare class AppStorage {
    * Called when a property is set.
    * @since 7
    */
-  static Prop<S>(propName: string): any;
+  static Prop(propName: string): any;
 
   /**
    * Called when dynamic properties are set.
@@ -315,7 +315,7 @@ export declare class AppStorage {
 /**
  * @since 7
  */
-export declare class Environment {
+declare class Environment {
   /**
    * Constructor.
    * @since 7
@@ -349,7 +349,7 @@ export declare class Environment {
 /**
  * @since 7
  */
-export declare enum ColorMode {
+declare enum ColorMode {
   /**
    * Bright color.
    * @since 7
@@ -366,7 +366,7 @@ export declare enum ColorMode {
 /**
  * @since 7
  */
-export declare enum LayoutDirection {
+declare enum LayoutDirection {
   /**
    * Elements are laid out from left to right.
    * @since 7
@@ -389,7 +389,7 @@ export declare enum LayoutDirection {
 /**
  * @since 7
  */
-export declare class PersistentStorage {
+declare class PersistentStorage {
   /**
    * Constructor parameters.
    * @since 7
@@ -429,7 +429,7 @@ export declare class PersistentStorage {
 /**
  * @since 7
  */
-export declare class Storage {
+declare class Storage {
   /**
    * Constructor parameters.
    * @since 7
@@ -464,7 +464,7 @@ export declare class Storage {
 /**
  * @since 7
  */
-export declare abstract class SubscribaleAbstract {
+declare abstract class SubscribaleAbstract {
   /**
    * Returns the ownership attribute set by the.
    * @since 7
@@ -505,4 +505,4 @@ export declare abstract class SubscribaleAbstract {
 /**
  * @since 7
  */
-export declare const appStorage: AppStorage;
+declare const appStorage: AppStorage;
diff --git a/api/@internal/component/ets/stepper.d.ts b/api/@internal/component/ets/stepper.d.ts
index d4a8861b48..7133867859 100644
--- a/api/@internal/component/ets/stepper.d.ts
+++ b/api/@internal/component/ets/stepper.d.ts
@@ -13,62 +13,60 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Declare the stepper.
 
  * @since 8
  */
-interface Stepper extends StepperAttribute<Stepper> {
+interface StepperInterface {
   /**
    * Called when the stepper component is used.
 
    * @since 8
    */
-  (value?: { index?: number }): Stepper;
+  (value?: { index?: number }): StepperAttribute;
 }
 
 /**
  * Defines the stepper attribute functions
  * @since 8
  */
-declare class StepperAttribute<T> extends CommonMethod<T> {
+declare class StepperAttribute extends CommonMethod<StepperAttribute> {
   /**
    * Callback when the finish label is clicked.
 
    * @since 8
    */
-  onFinish(callback: () => void): T;
+  onFinish(callback: () => void): StepperAttribute;
 
   /**
    * Callback when the skip label is clicked.
 
    * @since 8
    */
-  onSkip(callback: () => void): T;
+  onSkip(callback: () => void): StepperAttribute;
 
   /**
    * Callback when the change label is clicked.
 
    * @since 8
    */
-  onChange(callback: (prevIndex?: number, index?: number) => void): T;
+  onChange(callback: (prevIndex?: number, index?: number) => void): StepperAttribute;
 
   /**
    * Callback when the next label is clicked.
 
    * @since 8
    */
-  onNext(callback: (index?: number, pendingIndex?: number) => void): T;
+  onNext(callback: (index?: number, pendingIndex?: number) => void): StepperAttribute;
 
   /**
    * Callback when the previous label is clicked.
 
    * @since 8
    */
-  onPrevious(callback: (index?: number, pendingIndex?: number) => void): T;
+  onPrevious(callback: (index?: number, pendingIndex?: number) => void): StepperAttribute;
 }
 
-export declare class StepperExtend<T> extends StepperAttribute<T> {}
-export declare const StepperInterface: Stepper;
+declare const Stepper: StepperInterface;
+declare const StepperInstance: StepperAttribute;
diff --git a/api/@internal/component/ets/stepperItem.d.ts b/api/@internal/component/ets/stepperItem.d.ts
index 9bd38d5013..f814f80d3a 100644
--- a/api/@internal/component/ets/stepperItem.d.ts
+++ b/api/@internal/component/ets/stepperItem.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * ItemState
  * @devices phone, tablet, car
  * @since 8
  */
-export declare enum ItemState {
+declare enum ItemState {
   /**
    * Default State
    * @devices phone, tablet, car
@@ -50,55 +48,54 @@ export declare enum ItemState {
   Skip,
 }
 
-/**
- * @devices phone, tablet, car
- * @since 8
- */
-export declare class StepperItemExtend<T> extends StepperItemAttribute<T> {}
-
 /**
  * Provides an interface for switching the stepperItem view on stepper container.
  * @devices phone, tablet, car
  * @since 8
  */
-interface StepperItem extends StepperItemAttribute<StepperItem> {
+interface StepperItemInterface {
   /**
    * Called when the stepperItem component is used.
    * @devices phone, tablet, car
    * @since 8
    */
-  (): StepperItem;
+  (): StepperItemAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare class StepperItemAttribute<T> extends CommonMethod<T> {
+declare class StepperItemAttribute extends CommonMethod<StepperItemAttribute> {
   /**
    * Called when the value of stepperItem prevLabel is set
    * @devices phone, tablet, car
    * @since 8
    */
-  prevLabel(value: string): T;
+  prevLabel(value: string): StepperItemAttribute;
 
   /**
    * Called when the value of stepperItem nextLabel is set
    * @devices phone, tablet, car
    * @since 8
    */
-  nextLabel(value: string): T;
+  nextLabel(value: string): StepperItemAttribute;
 
   /**
    * Called when the value of stepperItem status is set
    * @devices phone, tablet, car
    * @since 8
    */
-  status(value?: ItemState): T;
+  status(value?: ItemState): StepperItemAttribute;
 }
 
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-export declare const StepperItemInterface: StepperItem;
+declare const StepperItemInstance: StepperItemInterface;
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+declare const StepperItem: StepperItemAttribute;
\ No newline at end of file
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index 9958934639..77d8b0e6cc 100644
--- a/api/@internal/component/ets/swiper.d.ts
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { EdgeEffect } from "./enums";
-
 /**
  * Provides methods for switching components.
  * @since 7
  */
-export declare class SwiperController {
+declare class SwiperController {
   /**
    * constructor.
    * @since 7
@@ -50,7 +47,7 @@ export declare class SwiperController {
  * Declare the size of the swiper on the spindle.
  * @since 7
  */
-export declare enum SwiperDisplayMode {
+declare enum SwiperDisplayMode {
   /**
    * Carousel map extension.
    * @since 7
@@ -68,102 +65,102 @@ export declare enum SwiperDisplayMode {
  * Provides an interface for sliding containers.
  * @since 7
  */
-interface Swiper extends SwiperAttribute<Swiper> {
+interface SwiperInterface {
   /**
    * Called when a sliding container is set.
    * @since 7
    */
-  (controller?: SwiperController): Swiper;
+  (controller?: SwiperController): SwiperAttribute;
 }
 
 /**
  * @since 7
  */
-declare class SwiperAttribute<T> extends CommonMethod<T> {
+declare class SwiperAttribute extends CommonMethod<SwiperAttribute> {
   /**
    * Called when the index value of the displayed subcomponent is set in the container.
    * @since 7
    */
-  index(value: number): T;
+  index(value: number): SwiperAttribute;
 
   /**
    * Called when setting whether the subcomponent plays automatically.
    * @since 7
    */
-  autoPlay(value: boolean): T;
+  autoPlay(value: boolean): SwiperAttribute;
 
   /**
    * Called when the time interval for automatic playback is set.
    * @since 7
    */
-  interval(value: number): T;
+  interval(value: number): SwiperAttribute;
 
   /**
    * Called when you set whether the navigation point indicator is enabled.
    * @since 7
    */
-  indicator(value: boolean): T;
+  indicator(value: boolean): SwiperAttribute;
 
   /**
    * Called when setting whether to turn on cyclic sliding.
    * @since 7
    */
-  loop(value: boolean): T;
+  loop(value: boolean): SwiperAttribute;
 
   /**
    * Called when the animation duration of the switch is set.
    * @since 7
    */
-  duration(value: number): T;
+  duration(value: number): SwiperAttribute;
 
   /**
    * Called when setting whether to slide vertically.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): SwiperAttribute;
 
   /**
    * Called when the size of the rotation chart is set.
    * @since 7
    */
-  itemSpace(value: number | string): T;
+  itemSpace(value: number | string): SwiperAttribute;
 
   /**
    * Called when setting the size of the swiper container on the spindle.
    * @since 7
    */
-  displayMode(value: SwiperDisplayMode): T;
+  displayMode(value: SwiperDisplayMode): SwiperAttribute;
 
   /**
    * Called when setting the cached count of the swiper container one side.
    * @since 8
    */
-  cachedCount(value: number): T;
+  cachedCount(value: number): SwiperAttribute;
 
   /**
    * This command is invoked when the number of subcomponents is set.
    * @since 8
    */
-  displayCount(value: number | string): T;
+  displayCount(value: number | string): SwiperAttribute;
 
   /**
    * Invoked when setting the sliding effect
    * @since 8
    */
-  effectMode(value: EdgeEffect): T;
+  effectMode(value: EdgeEffect): SwiperAttribute;
 
   /**
    * Called when sliding is disableSwipe
    * @since 8
    */
-  disableSwipe(value: boolean): T;
+  disableSwipe(value: boolean): SwiperAttribute;
 
   /**
    * Called when the index value changes.
    * @since 7
    */
-  onChange(event: (index: number) => void): T;
+  onChange(event: (index: number) => void): SwiperAttribute;
 }
 
-export declare class SwiperExtend<T> extends SwiperAttribute<T> {}
-export declare const SwiperInterface: Swiper;
+declare const Swiper: SwiperInterface;
+declare const SwiperInstance: SwiperAttribute;
diff --git a/api/@internal/component/ets/tab_content.d.ts b/api/@internal/component/ets/tab_content.d.ts
index 53bc29e416..ca258bdfd0 100644
--- a/api/@internal/component/ets/tab_content.d.ts
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -13,33 +13,30 @@
  * limitations under the License.
  */
 
-import { CommonMethod, CustomBuilder } from "./common";
-import { Resource } from "./units";
-
 /**
  * Provides an interface for switching the content view on a tab page.
  * @since 7
  */
-interface TabContent extends TabContentAttribute<TabContent> {
+interface TabContentInterface {
   /**
    * Called when the content view of the switch tab is set.
    * @since 7
    */
-  (): TabContent;
+  (): TabContentAttribute;
 }
 
 /**
  * Defines the attribute functions of TabContent.
  * @since 7
  */
-declare class TabContentAttribute<T> extends CommonMethod<T> {
+declare class TabContentAttribute extends CommonMethod<TabContentAttribute> {
   /**
    * Called when tabbar is entered.
    * @since 7
    */
   tabBar(value: string | Resource | CustomBuilder |
-    { icon?: string | Resource; text?: string | Resource }): T;
+    { icon?: string | Resource; text?: string | Resource }): TabContentAttribute;
 }
 
-export declare class TabContentExtend<T> extends TabContentAttribute<T> {}
-export declare const TabContentInterface: TabContent;
+declare const TabContent: TabContentInterface;
+declare const TabContentInstance: TabContentAttribute;
diff --git a/api/@internal/component/ets/tabs.d.ts b/api/@internal/component/ets/tabs.d.ts
index f9417bd6b2..419672c3d5 100644
--- a/api/@internal/component/ets/tabs.d.ts
+++ b/api/@internal/component/ets/tabs.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Declare the graphic format of the bar chart.
  * @since 7
  */
-export declare enum BarMode {
+declare enum BarMode {
   /**
    * The actual layout width of the TabBar is used. If the width exceeds the total width, you can slide the tabbar.
    * @since 7
@@ -37,7 +35,7 @@ export declare enum BarMode {
  * Declare the location of the bar chart.
  * @since 7
  */
-export declare enum BarPosition {
+declare enum BarPosition {
   /**
    * When the vertical attribute method is set to true, the tab is on the left of the container. When the vertical property method is set to false, the tab is at the top of the container.
    * @since 7
@@ -54,7 +52,7 @@ export declare enum BarPosition {
 /**
  * @since 7
  */
-export declare class TabsController {
+declare class TabsController {
   /**
    * constructor.
    * @since 7
@@ -72,60 +70,60 @@ export declare class TabsController {
  * Provides an interface for switching views.
  * @since 7
  */
-interface Tabs extends TabsAttribute<Tabs> {
+interface TabsInterface {
   /**
    * Called when the view is switched.
    * @since 7
    */
-  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): Tabs;
+  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): TabsAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TabsAttribute<T> extends CommonMethod<T> {
+declare class TabsAttribute extends CommonMethod<TabsAttribute> {
   /**
    * Called when determining whether the tab is vertical.
    * @since 7
    */
-  vertical(value: boolean): T;
+  vertical(value: boolean): TabsAttribute;
 
   /**
    * Called when judging whether page switching can be performed by sliding left and right.
    * @since 7
    */
-  scrollable(value: boolean): T;
+  scrollable(value: boolean): TabsAttribute;
 
   /**
    * Called when the graphic format of the bar chart is selected.
    * @since 7
    */
-  barMode(value: BarMode): T;
+  barMode(value: BarMode): TabsAttribute;
 
   /**
    * Called when the width of the bar graph is set.
    * @since 7
    */
-  barWidth(value: number): T;
+  barWidth(value: number): TabsAttribute;
 
   /**
    * Called when the height of the bar graph is set.
    * @since 7
    */
-  barHeight(value: number): T;
+  barHeight(value: number): TabsAttribute;
 
   /**
    * Called when the animation duration of the bar graph is set.
    * @since 7
    */
-  animationDuration(value: number): T;
+  animationDuration(value: number): TabsAttribute;
 
   /**
    * Called when the tab is switched.
    * @since 7
    */
-  onChange(event: (index: number) => void): T;
+  onChange(event: (index: number) => void): TabsAttribute;
 }
 
-export declare class TabsExtend<T> extends TabsAttribute<T> {}
-export declare const TabsInterface: Tabs;
+declare const Tabs: TabsInterface;
+declare const TabsInstance: TabsAttribute;
diff --git a/api/@internal/component/ets/text.d.ts b/api/@internal/component/ets/text.d.ts
index 3783a00dbd..cdd575d2eb 100644
--- a/api/@internal/component/ets/text.d.ts
+++ b/api/@internal/component/ets/text.d.ts
@@ -13,123 +13,119 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { FontStyle, FontWeight, TextAlign, TextCase, TextDecorationType, TextOverflow } from "./enums";
-import { Resource, ResourceColor } from "./units";
-
-/**
- * @since 7
- */
-export declare class TextExtend<T> extends TextAttribute<T> {}
 
 /**
  * Provides an interface for writing texts.
  * @since 7
  */
-interface Text extends TextAttribute<Text> {
+interface TextInterface {
   /**
    * Called when writing text.
    * @since 7
    */
-  (content?: string | Resource): Text;
+  (content?: string | Resource): TextAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TextAttribute<T> extends CommonMethod<T> {
+declare class TextAttribute extends CommonMethod<TextAttribute> {
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: number | string | Resource): T;
+  fontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the minimum font size of the font is set.
    * @since 7
    */
-  minFontSize(value: number | string | Resource): T;
+  minFontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the maximum font size of the font is set.
    * @since 7
    */
-  maxFontSize(value: number | string | Resource): T;
+  maxFontSize(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextAttribute;
 
   /**
    * Called when the horizontal center mode of the font is set.
    * @since 7
    */
-  textAlign(value: TextAlign): T;
+  textAlign(value: TextAlign): TextAttribute;
 
   /**
    * Called when the vertical center mode of the font is set.
    * @since 7
    */
-  lineHeight(value: number | string | Resource): T;
+  lineHeight(value: number | string | Resource): TextAttribute;
 
   /**
    * Called when the overflow mode of the font is set.
    * @since 7
    */
-  textOverflow(value: { overflow: TextOverflow }): T;
+  textOverflow(value: { overflow: TextOverflow }): TextAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: string | Resource): T;
+  fontFamily(value: string | Resource): TextAttribute;
 
   /**
    * Called when the maximum number of lines of text is set.
    * @since 7
    */
-  maxLines(value: number): T;
+  maxLines(value: number): TextAttribute;
 
   /**
    * Called when the text decoration of the text is set.
    * @since 7
    */
-  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): TextAttribute;
 
   /**
    * Called when the distance between text fonts is set.
    * @since 7
    */
-  letterSpacing(value: number | string): T;
+  letterSpacing(value: number | string): TextAttribute;
 
   /**
    * Called when the type of letter in the text font is set.
    * @since 7
    */
-  textCase(value: TextCase): T;
+  textCase(value: TextCase): TextAttribute;
 
   /**
    * Called when the baseline offset is set.
    * @since 7
    */
-  baselineOffset(value: number | string): T;
+  baselineOffset(value: number | string): TextAttribute;
 }
 
 /**
  * @since 7
  */
-export declare const TextInterface: Text;
+declare const TextInstance: TextAttribute;
+/**
+ * @since 7
+ */
+declare const Text: TextInterface;
\ No newline at end of file
diff --git a/api/@internal/component/ets/text_area.d.ts b/api/@internal/component/ets/text_area.d.ts
index 6427e8666d..0bd8669c82 100644
--- a/api/@internal/component/ets/text_area.d.ts
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -13,16 +13,12 @@
  * limitations under the License.
  */
 
-import { ResourceStr } from ".";
-import { CommonMethod } from "./common";
-import { TextAlign, FontStyle, FontWeight } from "./enums";
-import { Font, Length, ResourceColor } from "./units";
 
 /**
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class TextAreaController {
+declare class TextAreaController {
   /**
    * constructor.
    * @since 8
@@ -39,7 +35,7 @@ export declare class TextAreaController {
  * Defines the option of TextArea.
  * @since 7
  */
-export declare interface TextAreaOption {
+declare interface TextAreaOption {
   /**
    * The place holder text string.
    * @since 7
@@ -63,104 +59,104 @@ export declare interface TextAreaOption {
  * Provides an interface for the multi-line text input component.
  * @since 7
  */
-interface TextArea extends TextAreaAttribute<TextArea> {
+interface TextAreaInterface {
   /**
    * Called when writing multiple lines of text.
    * @since 7
    */
-  (value?: TextAreaOption): TextArea;
+  (value?: TextAreaOption): TextAreaAttribute;
 }
 
 /**
  * Defines the attribute functions of TextArea.
  * @since 7
  */
-declare class TextAreaAttribute<T> extends CommonMethod<T> {
+declare class TextAreaAttribute extends CommonMethod<TextAreaAttribute> {
   /**
    * Called when the color of the placeholder is set.
    * @since 7
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font property of the placeholder is set.
    * @since 7
    */
-  placeholderFont(value: Font): T;
+  placeholderFont(value: Font): TextAreaAttribute;
 
   /**
    * Called when the alignment of the contents of a multiline text box is set.
    * @since 7
    */
-  textAlign(value: TextAlign): T;
+  textAlign(value: TextAlign): TextAreaAttribute;
 
   /**
    * Called when the insertion cursor color is set.
    * @since 7
    */
-  caretColor(value: ResourceColor): T;
+  caretColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextAreaAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextAreaAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextAreaAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextAreaAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextAreaAttribute;
 
   /**
    * Called when the inputFilter of text is set.
    * @since 8
    */
-  inputFilter(value: ResourceStr, error?: (value: string) => void): T;
+  inputFilter(value: ResourceStr, error?: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when the input changes.
    * @devices phone, tablet, car.
    * @since 7
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): TextAreaAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): TextAreaAttribute;
 }
 
-export declare class TextAreaExtend<T> extends TextAreaAttribute<T> {}
-export declare const TextAreaInterface: TextArea;
+declare const TextArea: TextAreaInterface;
+declare const TextAreaInstance: TextAreaAttribute;
diff --git a/api/@internal/component/ets/text_clock.d.ts b/api/@internal/component/ets/text_clock.d.ts
index db422c5af6..d33396e621 100644
--- a/api/@internal/component/ets/text_clock.d.ts
+++ b/api/@internal/component/ets/text_clock.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceStr, ResourceColor, Length } from "./units";
-import { FontStyle, FontWeight } from "./enums";
-
 /**
  * TextClock component, which provides the text clock capability.
  * @since 8
  */
-interface TextClock extends TextClockAttribute<TextClock> {
+interface TextClockInterface {
   /**
    * Construct the text clock component.
    * Specifies the current time zone.
@@ -29,10 +25,10 @@ interface TextClock extends TextClockAttribute<TextClock> {
    * Where a negative value indicates the eastern time zone, for example, -8.
    * @since 8
    */
-  (options?: {hourswest?: number}): TextClock;
+  (options?: {hourswest?: number}): TextClockAttribute;
 }
 
-declare class TextClockAttribute<T> extends CommonMethod<T> {
+declare class TextClockAttribute extends CommonMethod<TextClockAttribute> {
   /**
    * set display time format，such as "yyyy/mm/dd"、“yyyy-mm-dd".
    * support time format：yyyy,mm,mmm(English month abbreviation),mmmm(Full name of the month in English),
@@ -40,7 +36,7 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * HH/hh(24-hour clock/12-hour clock),MM/mm(minute),SS/ss(second)
    * @since 8
    */
-  format(value: string): T;
+  format(value: string): TextClockAttribute;
   /**
    * sets the start and stop of the text clock. You can customize the start and stop of the text clock.
    * when the value is true, the time of the current custom style is displayed.
@@ -48,7 +44,7 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * if the value is false, the clock stops updating the time and stops updating the callback.
    * @since 8
    */
-  status(value: boolean): T;
+  status(value: boolean): TextClockAttribute;
   /**
    * Provides a date change callback.
    * The callback parameter is Unix Time Stamp,
@@ -59,34 +55,34 @@ declare class TextClockAttribute<T> extends CommonMethod<T> {
    * @param event Listening date event callback.
    * @since 8
    */
-  onDateChange(event: (value: number) => void): T;
+  onDateChange(event: (value: number) => void): TextClockAttribute;
   /**
    * Called when the value of TextClock fontColor is set
    * @since 8
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextClockAttribute;
   /**
    * Called when the value of TextClock fontSize is set
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextClockAttribute;
   /**
    * Called when the value of TextClock fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextClockAttribute;
   /**
    * Called when the value of TextClock fontWeight is set
    * @since 8
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextClockAttribute;
   /**
    * Called when the value of TextClock fontFamily is set
    * @since 8
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextClockAttribute;
 }
 
-export declare class TextClockExtend<T> extends TextClockAttribute<T> {}
+declare const TextClock: TextClockInterface;
 
-export declare const TextClockInterface: TextClock;
+declare const TextClockInstance: TextClockAttribute;
diff --git a/api/@internal/component/ets/text_input.d.ts b/api/@internal/component/ets/text_input.d.ts
index bb5388bd62..3e3a01c970 100644
--- a/api/@internal/component/ets/text_input.d.ts
+++ b/api/@internal/component/ets/text_input.d.ts
@@ -13,16 +13,12 @@
  * limitations under the License.
  */
 
-import { Font } from ".";
-import { CommonMethod } from "./common";
-import { ResourceColor, ResourceStr, Length } from "./units";
-import { FontStyle, FontWeight } from "./enums";
 
 /**
  * Declare the type of input box
  * @since 7
  */
-export declare enum InputType {
+declare enum InputType {
   /**
    * Basic input mode.
    * @since 7
@@ -52,7 +48,7 @@ export declare enum InputType {
  * Declare the type of soft keyboard.
  * @since 7
  */
-export declare enum EnterKeyType {
+declare enum EnterKeyType {
   /**
    * Go.
    * @since 7
@@ -88,7 +84,7 @@ export declare enum EnterKeyType {
  * Provides the method of switching the cursor position.
  * @since 8
  */
-export declare class TextInputController {
+declare class TextInputController {
   /**
    * constructor.
    * @since 8
@@ -105,7 +101,7 @@ export declare class TextInputController {
  * Defines the option of TextInput.
  * @since 7
  */
-export declare interface TextInputOption {
+declare interface TextInputOption {
   /**
    * The place holder text string.
    * @since 7
@@ -129,126 +125,126 @@ export declare interface TextInputOption {
  * Provides a single-line text input component interface.
  * @since 7
  */
-interface TextInput extends TextInputAttribute<TextInput> {
+interface TextInputInterface {
   /**
    * Called when writing a single line of text.
    * @since 7
    */
-  (value?: TextInputOption): TextInput;
+  (value?: TextInputOption): TextInputAttribute;
 }
 
 /**
  * @since 7
  */
-declare class TextInputAttribute<T> extends CommonMethod<T> {
+declare class TextInputAttribute extends CommonMethod<TextInputAttribute> {
   /**
    * Called when the input type is set.
    * @since 7
    */
-  type(value: InputType): T;
+  type(value: InputType): TextInputAttribute;
 
   /**
    * Called when the color of the placeholder is set.
    * @since 7
    */
-  placeholderColor(value: ResourceColor): T;
+  placeholderColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when the font property of the placeholder is set.
    * @since 7
    */
-  placeholderFont(value?: Font): T;
+  placeholderFont(value?: Font): TextInputAttribute;
 
   /**
    * Called when the type of soft keyboard input button is set.
    * @since 7
    */
-  enterKeyType(value: EnterKeyType): T;
+  enterKeyType(value: EnterKeyType): TextInputAttribute;
 
   /**
    * Called when the color of the insertion cursor is set.
    * @since 7
    */
-  caretColor(value: ResourceColor): T;
+  caretColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when judging whether the text editing has changed.
    * @since 7
    */
-  onEditChanged(callback: (isEditing: boolean) => void): T;
+  onEditChanged(callback: (isEditing: boolean) => void): TextInputAttribute;
 
   /**
    * Called when submitted.
    * @since 7
    */
-  onSubmit(callback: (enterKey: EnterKeyType) => void): T;
+  onSubmit(callback: (enterKey: EnterKeyType) => void): TextInputAttribute;
 
   /**
    * Called when the input of the input box changes.
    * @since 7
    */
-  onChange(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when the input of maximum text length is set.
    * @since 7
    */
-  maxLength(value: number): T;
+  maxLength(value: number): TextInputAttribute;
 
   /**
    * Called when the font color is set.
    * @since 7
    */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextInputAttribute;
 
   /**
    * Called when the font size is set.
    * @since 7
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextInputAttribute;
 
   /**
    * Called when the font style of a font is set.
    * @since 7
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextInputAttribute;
 
   /**
    * Called when the font weight is set.
    * @since 7
    */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextInputAttribute;
 
   /**
    * Called when the font list of text is set.
    * @since 7
    */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextInputAttribute;
 
   /**
    * Called when the inputFilter of text is set.
    * @since 8
    */
-  inputFilter(value: ResourceStr, error?: (value: string) => void): T;
+  inputFilter(value: ResourceStr, error?: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCopy(callback: (value: string) => void): T;
+  onCopy(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onCut(callback: (value: string) => void): T;
+  onCut(callback: (value: string) => void): TextInputAttribute;
 
   /**
    * Called when using the Clipboard menu
    * @since 7
    */
-  onPaste(callback: (value: string) => void): T;
+  onPaste(callback: (value: string) => void): TextInputAttribute;
 }
 
-export declare class TextInputExtend<T> extends TextInputAttribute<T> {}
-export declare const TextInputInterface: TextInput;
+declare const TextInput: TextInputInterface;
+declare const TextInputInstance: TextInputAttribute;
diff --git a/api/@internal/component/ets/text_picker.d.ts b/api/@internal/component/ets/text_picker.d.ts
index db6415e380..a861dd7a7e 100644
--- a/api/@internal/component/ets/text_picker.d.ts
+++ b/api/@internal/component/ets/text_picker.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Resource } from "./units";
-
 /**
  * Defines the option of TextPicker.
  * @since 8
  */
-export declare interface TextPickerOption {
+declare interface TextPickerOption {
   /**
    * Specifies the range of the text selector.
    */
@@ -38,46 +35,46 @@ export declare interface TextPickerOption {
 /**
  * @since 8
  */
-interface TextPicker extends TextPickerAttribute<TextPicker> {
+interface TextPickerInterface {
   /**
    * Defines the TextPicker constructor.
    * @since 8
    */
-  (options?: TextPickerOption): TextPicker;
+  (options?: TextPickerOption): TextPickerAttribute;
 }
 
 /**
  * Style the text selector.
  * @since 8
  */
-declare class TextPickerAttribute<T> extends CommonMethod<T> {
+declare class TextPickerAttribute extends CommonMethod<TextPickerAttribute> {
   /**
    * Called when the default height of the selected element is set.
    * @since 8
    */
-  defaultPickerItemHeight(value: number | string): T;
+  defaultPickerItemHeight(value: number | string): TextPickerAttribute;
   /**
    * Called when the pop-up value is returned.
    * @since 8
    */
-  onAccept(callback: (value: string, index: number) => void): T;
+  onAccept(callback: (value: string, index: number) => void): TextPickerAttribute;
   /**
    * Called when the Cancel button in the pop-up window is clicked.
    * @since 8
    */
-  onCancel(callback: () => void): T;
+  onCancel(callback: () => void): TextPickerAttribute;
   /**
    * Called when the OK button in the pop-up window is clicked.
    * @since 8
    */
-  onChange(callback: (value: string, index: number) => void): T;
+  onChange(callback: (value: string, index: number) => void): TextPickerAttribute;
 }
 
 /**
  * Defines the TextPickerDialogOption for Text Picker Dialog.
  * @since 8
  */
-export declare interface TextPickerDialogOption extends TextPickerOption {
+declare interface TextPickerDialogOption extends TextPickerOption {
   /**
    * Called when the default height of the selected element is set.
    * @since 8
@@ -89,7 +86,7 @@ export declare interface TextPickerDialogOption extends TextPickerOption {
  * Defines the event callback status in the pop-up window state.
  * @since 8
  */
-export declare enum TextPickerDialogStatus {
+declare enum TextPickerDialogStatus {
   /**
    * Triggered when a user clicks the OK button.
    * @since 8
@@ -111,7 +108,7 @@ export declare enum TextPickerDialogStatus {
  * Defines the TextPickerDialogResult for TextPickerDialog.
  * @since 8
  */
-export declare interface TextPickerDialogResult {
+declare interface TextPickerDialogResult {
  /**
    * The currently selected value.
    * @since 8
@@ -132,7 +129,7 @@ export declare interface TextPickerDialogResult {
  * Defines TextPickerDialog which uses show method to show TextPicker dialog.
  * @since 8
  */
-export declare class TextPickerDialog {
+declare class TextPickerDialog {
   /**
    * Invoking method display.
    * @since 8
@@ -140,5 +137,5 @@ export declare class TextPickerDialog {
   static show(options?: TextPickerDialogOption, callback?: (value: TextPickerDialogResult) => void);
 }
 
-export declare class TextPickerExtend<T> extends TextPickerAttribute<T> {}
-export declare const TextPickerInterface: TextPicker;
+declare const TextPicker: TextPickerInterface;
+declare const TextPickerInstance: TextPickerAttribute;
diff --git a/api/@internal/component/ets/text_timer.d.ts b/api/@internal/component/ets/text_timer.d.ts
index 2ce7953775..3001ddf1ee 100644
--- a/api/@internal/component/ets/text_timer.d.ts
+++ b/api/@internal/component/ets/text_timer.d.ts
@@ -13,15 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { Length, ResourceColor, ResourceStr } from "./units";
-import { FontStyle, FontWeight } from "./enums";
-
 /**
  * Provides a way to control the process.
  * @since 8
  */
-export declare class TextTimerController {
+declare class TextTimerController {
   /**
    * constructor.
    * @since 8
@@ -76,56 +72,56 @@ interface TextTimerOption {
  * Provides an interface for texttimer containers.
  * @since 8
  */
-interface TextTimer extends TextTimerAttribute<TextTimer> {
+interface TextTimerInterface {
   /**
    * Defines the TextTimer constructor.
    * @since 8
    */
-  (options?: TextTimerOption): TextTimer;
+  (options?: TextTimerOption): TextTimerAttribute;
 }
 
 /**
  * Defines the TextTimer attribute functions.
  * @since 8
  */
-declare class TextTimerAttribute<T> extends CommonMethod<T> {
+declare class TextTimerAttribute extends CommonMethod<TextTimerAttribute> {
   /**
    * Set the display time format, for example, now is hh/mm/ss/ms and current: hh-mm-ss-ms.
    * The time format string can be hh, mm, ss, or ms.
    * @since 8
    */
-  format(value: string): T;
+  format(value: string): TextTimerAttribute;
    /**
     * Called when the font color is set.
     * @since 8
     */
-  fontColor(value: ResourceColor): T;
+  fontColor(value: ResourceColor): TextTimerAttribute;
   /**
    * Called when the font size is set.
    * @since 8
    */
-  fontSize(value: Length): T;
+  fontSize(value: Length): TextTimerAttribute;
   /**
    * Called when the fontStyle is set
    * @since 8
    */
-  fontStyle(value: FontStyle): T;
+  fontStyle(value: FontStyle): TextTimerAttribute;
    /**
     * Called when the fontWeight is set
     * @since 8
     */
-  fontWeight(value: number | FontWeight | string): T;
+  fontWeight(value: number | FontWeight | string): TextTimerAttribute;
    /**
     * Called when the fontFamily is set
     * @since 8
     */
-  fontFamily(value: ResourceStr): T;
+  fontFamily(value: ResourceStr): TextTimerAttribute;
   /**
    * Called when the timer value is returned.
    * @since 8
    */
-  onTimer(event: (utc: number, elapsedTime: number) => void): T;
+  onTimer(event: (utc: number, elapsedTime: number) => void): TextTimerAttribute;
 }
 
-export declare class TextTimerExtend<T> extends TextTimerAttribute<T> {}
-export declare const TextTimerInterface: TextTimer;
+declare const TextTimer: TextTimerInterface;
+declare const TextTimerInstance: TextTimerAttribute;
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
index 742f9ece40..bb8562b1a7 100644
--- a/api/@internal/component/ets/toggle.d.ts
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -13,14 +13,11 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ResourceColor } from "./units";
-
 /**
  * Declare the type of status button
  * @since 8
  */
-export declare enum ToggleType {
+declare enum ToggleType {
   /**
    * Checkbox
    * @since 8
@@ -43,36 +40,36 @@ export declare enum ToggleType {
 /**
  * @since 8
  */
-interface Toggle extends ToggleAttribute<Toggle> {
+interface ToggleInterface {
   /**
    * Set parameters to obtain the toggle.
    * @since 8
    */
-  (options: { type: ToggleType; isOn?: boolean }): Toggle;
+  (options: { type: ToggleType; isOn?: boolean }): ToggleAttribute;
 }
 
 /**
  * @since 8
  */
-declare class ToggleAttribute<T> extends CommonMethod<T> {
+declare class ToggleAttribute extends CommonMethod<ToggleAttribute> {
   /**
    * Called when the selected state of the component changes.
    * @since 8
    */
-  onChange(callback: (isOn: boolean) => void): T;
+  onChange(callback: (isOn: boolean) => void): ToggleAttribute;
 
   /**
    * Called when the color of the selected button is set.
    * @since 8
    */
-  selectedColor(value: ResourceColor): T;
+  selectedColor(value: ResourceColor): ToggleAttribute;
 
   /**
    * Called when the color of the selected button is set.
    * @since 8
    */
-  switchPointColor(color: ResourceColor): T;
+  switchPointColor(color: ResourceColor): ToggleAttribute;
 }
 
-export declare class ToggleExtend<T> extends ToggleAttribute<T> {}
-export declare const ToggleInterface: Toggle;
+declare const Toggle: ToggleInterface;
+declare const ToggleInstance: ToggleAttribute;
diff --git a/api/@internal/component/ets/units.d.ts b/api/@internal/component/ets/units.d.ts
index 6e41a16cb4..0d9d5ba26b 100644
--- a/api/@internal/component/ets/units.d.ts
+++ b/api/@internal/component/ets/units.d.ts
@@ -13,13 +13,11 @@
  * limitations under the License.
  */
 
-import { Color, FontStyle, FontWeight } from "./enums";
-
 /**
  * Defines the data type of the interface restriction.
  * @since 7
  */
-export declare interface Resource {
+declare interface Resource {
   /**
    * Set id.
    * @since 7
@@ -43,19 +41,19 @@ export declare interface Resource {
  * Defines the length property with string, number and resource unit.
  * @since 7
  */
-export declare type Length = string | number | Resource;
+declare type Length = string | number | Resource;
 
 /**
  * Defines the string which can use resource.
  * @since 7
  */
-export declare type ResourceStr = string | Resource;
+declare type ResourceStr = string | Resource;
 
 /**
  * Defines the padding property.
  * @since 7
  */
-export declare type Padding = {
+declare type Padding = {
   /**
    * top property.
    */
@@ -81,13 +79,13 @@ export declare type Padding = {
  * Defines the margin property.
  * @since 7
  */
-export declare type Margin = Padding;
+declare type Margin = Padding;
 
 /**
  * Defines the offset property.
  * @since 7
  */
-export declare type Offset = {
+declare type Offset = {
   /**
    * dx property.
    */
@@ -103,13 +101,13 @@ export declare type Offset = {
  * Defines the color which can use resource.
  * @since 7
  */
-export declare type ResourceColor = Color | number | string | Resource;
+declare type ResourceColor = Color | number | string | Resource;
 
 /**
  * Defines the font used for text.
  * @since 7
  */
-export declare interface Font {
+declare interface Font {
   /**
    * font size.
    */
@@ -135,7 +133,7 @@ export declare interface Font {
  * Defines the area property.
  * @since 8
  */
-export declare interface Area {
+declare interface Area {
   /**
    * Defines the width property.
    * @since 8
@@ -165,7 +163,7 @@ export declare interface Area {
  * Defines the position.
  * @since 8
  */
-export declare interface Position {
+declare interface Position {
   /**
    * Coordinate x of the Position.
    * @since 8
diff --git a/api/@internal/component/ets/video.d.ts b/api/@internal/component/ets/video.d.ts
index 403359d854..a114ea845f 100644
--- a/api/@internal/component/ets/video.d.ts
+++ b/api/@internal/component/ets/video.d.ts
@@ -13,14 +13,10 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-import { ImageFit } from "./enums";
-import { Resource } from "./units";
-
 /**
  * @since 7
  */
-export declare class VideoController {
+declare class VideoController {
   /**
    * constructor.
    * @since 7
@@ -67,7 +63,7 @@ export declare class VideoController {
 /**
  * @since 7
  */
-interface Video extends VideoAttribute<Video> {
+interface VideoInterface {
   /**
    * Set the value.
    * @since 7
@@ -77,97 +73,97 @@ interface Video extends VideoAttribute<Video> {
     currentProgressRate?: number | string;
     previewUri?: string;
     controller?: VideoController;
-  }): Video;
+  }): VideoAttribute;
 }
 
 /**
  * @since 7
  */
-declare class VideoAttribute<T> extends CommonMethod<T> {
+declare class VideoAttribute extends CommonMethod<VideoAttribute> {
   /**
    * Called when judging whether the video is muted.
    * @since 7
    */
-  muted(value: boolean): T;
+  muted(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the video is played automatically.
    * @since 7
    */
-  autoPlay(value: boolean): T;
+  autoPlay(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the control bar is displayed.
    * @since 7
    */
-  controls(value: boolean): T;
+  controls(value: boolean): VideoAttribute;
 
   /**
    * Called when judging whether the video is played circular.
    * @since 6
    */
-  loop(value: boolean): T;
+  loop(value: boolean): VideoAttribute;
 
   /**
    * Called when determining the zoom type of the video source.
    * @since 7
    */
-  objectFit(value: ImageFit): T;
+  objectFit(value: ImageFit): VideoAttribute;
 
   /**
    * Called when the video is played.
    * @since 7
    */
-  onStart(event: () => void): T;
+  onStart(event: () => void): VideoAttribute;
 
   /**
    * Called when the video is paused.
    * @since 7
    */
-  onPause(event: () => void): T;
+  onPause(event: () => void): VideoAttribute;
 
   /**
    * Called when the video playback ends.
    * @since 7
    */
-  onFinish(event: () => void): T;
+  onFinish(event: () => void): VideoAttribute;
 
   /**
    * Called when the video enters and exits the full screen.
    * @since 7
    */
-  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): T;
+  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): VideoAttribute;
 
   /**
    * Called when the video preparation is complete.
    * @since 7
    */
-  onPrepared(callback: (event?: { duration: number }) => void): T;
+  onPrepared(callback: (event?: { duration: number }) => void): VideoAttribute;
 
   /**
    * Called when the time information is reported when the progress bar process is operated.
    * @since 7
    */
-  onSeeking(callback: (event?: { time: number }) => void): T;
+  onSeeking(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when the playback time information is reported after the operation progress bar is completed.
    * @since 7
    */
-  onSeeked(callback: (event?: { time: number }) => void): T;
+  onSeeked(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when the playback progress changes.
    * @since 7
    */
-  onUpdate(callback: (event?: { time: number }) => void): T;
+  onUpdate(callback: (event?: { time: number }) => void): VideoAttribute;
 
   /**
    * Called when playback fails.
    * @since 7
    */
-  onError(event: () => void): T;
+  onError(event: () => void): VideoAttribute;
 }
 
-export declare class VideoExtend<T> extends VideoAttribute<T> {}
-export declare const VideoInterface: Video;
+declare const Video: VideoInterface;
+declare const VideoInstance: VideoAttribute;
diff --git a/api/@internal/component/ets/xcomponent.d.ts b/api/@internal/component/ets/xcomponent.d.ts
index 714116d3f4..deb39c6fa7 100644
--- a/api/@internal/component/ets/xcomponent.d.ts
+++ b/api/@internal/component/ets/xcomponent.d.ts
@@ -13,14 +13,12 @@
  * limitations under the License.
  */
 
-import { CommonMethod } from "./common";
-
 /**
  * Defines XComponentController
  * @since 8
  * @systemapi
  */
-export declare class XComponentController {
+declare class XComponentController {
   /**
    * constructor.
    * @since 8
@@ -41,7 +39,7 @@ export declare class XComponentController {
  * @since 8
  * @systemapi
  */
-interface XComponent extends XComponentAttribute<XComponent> {
+interface XComponentInterface {
   /**
    * Constructor parameters
    * @since 8
@@ -52,7 +50,7 @@ interface XComponent extends XComponentAttribute<XComponent> {
       type: string;
       libraryname?: string;
       controller?: XComponentController;
-  }): XComponent;
+  }): XComponentAttribute;
 }
 
 /**
@@ -60,21 +58,21 @@ interface XComponent extends XComponentAttribute<XComponent> {
  * @since 8
  * @systemapi
  */
-declare class XComponentAttribute<T> extends CommonMethod<T> {
+declare class XComponentAttribute extends CommonMethod<XComponentAttribute> {
   /**
    * Called when judging whether the xcomponent surface is created.
    * @since 8
    * @systemapi
    */
-   onLoad(callback: (event?: {}) => void): T;
+   onLoad(callback: (event?: {}) => void): XComponentAttribute;
 
   /**
    * Called when judging whether the xcomponent is destroyed.
    * @since 8
    * @systemapi
    */
-   onDestroy(event: () => void): T;
+   onDestroy(event: () => void): XComponentAttribute;
 }
 
-export declare class XComponentExtend<T> extends XComponentAttribute<T> {}
-export declare const XComponentInterface: XComponent;
+declare const XComponent: XComponentInterface;
+declare const XComponentInstance: XComponentAttribute;
-- 
Gitee


From 48c818e8018a0815dac5be191ae185a9aab9e226 Mon Sep 17 00:00:00 2001
From: lihong <lihong67@huawei.com>
Date: Thu, 13 Jan 2022 11:43:41 +0800
Subject: [PATCH 5/5] lihong67@huawei.com

update component declare file.

Signed-off-by: lihong <lihong67@huawei.com>
Change-Id: I9d93faef79e11d0bb2ab1e64d45a60f511e25821
---
 .../component/ets/alphabet_indexer.d.ts       |   6 +-
 api/@internal/component/ets/animator.d.ts     |   4 +-
 api/@internal/component/ets/blank.d.ts        |   2 +-
 .../component/ets/checkboxgroup.d.ts          |   2 +-
 .../component/ets/form_component.d.ts         |  29 +--
 .../component/ets/grid_container.d.ts         |   2 +-
 api/@internal/component/ets/image.d.ts        |   2 +-
 api/@internal/component/ets/index.d.ts        | 166 +++++++++---------
 api/@internal/component/ets/marquee.d.ts      |   2 +-
 api/@internal/component/ets/path.d.ts         |   4 +-
 api/@internal/component/ets/stepperItem.d.ts  |   5 +-
 api/@internal/component/ets/xcomponent.d.ts   |   2 +-
 12 files changed, 114 insertions(+), 112 deletions(-)

diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
index b479afdc67..a902431b34 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -48,7 +48,7 @@ interface AlphabetIndexerInterface {
  * Defines the alphabet index bar attribute functions.
  * @since 7
  */
-declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAttribute> {
+declare class AlphabetIndexerAttribute extends CommonMethod<AlphabetIndexerAttribute> {
   /**
    * Index bar selection callback.
    * @since 7
@@ -146,5 +146,5 @@ declare class AlphabetIndexerAttribute<T> extends CommonMethod<AlphabetIndexerAt
   popupPosition(value: {offsetX: number, offsetY: number}): AlphabetIndexerAttribute;
 }
 
-declare const AlphabetIndexerInterface: AlphabetIndexerInterface;
-declare const AlphabetIndexerIntance: AlphabetIndexerAttribute;
+declare const AlphabetIndexer: AlphabetIndexerInterface;
+declare const AlphabetIndexerInstance: AlphabetIndexerAttribute;
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
index 8adc7dc1f2..ff253c2eba 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -88,7 +88,7 @@ interface AnimatorInterface {
  * @since 7
  * @systemapi
  */
-declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<AnimatorAttribute> {
+declare class AnimatorAttribute extends CommonMethod<AnimatorAttribute> {
   /**
    * Controls the playback status. The default value is the initial state.
    * @since 7
@@ -189,4 +189,4 @@ declare class AnimatorAttribute<AnimatorAttribute> extends CommonMethod<Animator
 }
 
 declare const Animator: AnimatorInterface;
-declare const AnimatorIntance: AnimatorAttribute;
+declare const AnimatorInstance: AnimatorAttribute;
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
index 1742aa3dec..4415acc8a0 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -38,4 +38,4 @@ declare class BlankAttribute extends CommonMethod<BlankAttribute> {
 }
 
 declare const Blank: BlankInterface;
-declare const BlankIntancee: BlankAttribute;
+declare const BlankInstance: BlankAttribute;
diff --git a/api/@internal/component/ets/checkboxgroup.d.ts b/api/@internal/component/ets/checkboxgroup.d.ts
index cdd2c0cb57..14a2221a4c 100644
--- a/api/@internal/component/ets/checkboxgroup.d.ts
+++ b/api/@internal/component/ets/checkboxgroup.d.ts
@@ -84,5 +84,5 @@ declare class CheckboxGroupAttribute extends CommonMethod<CheckboxGroupAttribute
   onChange(callback: (name: Array<any>, status: SelectStatus) => void): CheckboxGroupAttribute;
 }
 
-declare const Checkbox: CheckboxGroupInterface;
+declare const CheckboxGroup: CheckboxGroupInterface;
 declare const CheckboxGroupInstance: CheckboxGroupAttribute;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
index 2dd93976e3..425723c9cf 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -54,7 +54,7 @@ declare enum FormDimension {
  * @since 7
  * @systemapi
  */
-interface FormComponent extends FormComponentAttribute<FormComponent> {
+interface FormComponentInterface {
   /**
    * Set a new value.
    * @since 7
@@ -67,70 +67,71 @@ interface FormComponent extends FormComponentAttribute<FormComponent> {
     ability: string;
     module: string;
     dimension?: FormDimension;
-  }): FormComponent;
+  }): FormComponentAttribute;
 }
 
 /**
  * @since 7
  * @systemapi
  */
-declare class FormComponentAttribute<T> extends CommonMethod<T> {
+declare class FormComponentAttribute extends CommonMethod<FormComponentAttribute> {
   /**
    * Sets the display area size of the card.
    * @since 7
    * @systemapi
    */
-  size(value: { width: number; height: number }): T;
+  size(value: { width: number; height: number }): FormComponentAttribute;
 
   /**
    * Card module name.
    * @since 7
    * @systemapi
    */
-  moduleName(value: string): T;
+  moduleName(value: string): FormComponentAttribute;
 
   /**
    * Set the card size.
    * @since 7
    * @systemapi
    */
-  dimension(value: FormDimension): T;
+  dimension(value: FormDimension): FormComponentAttribute;
 
   /**
    * Indicates whether to allow card update.
    * @since 7
    * @systemapi
    */
-  allowUpdate(value: boolean): T;
+  allowUpdate(value: boolean): FormComponentAttribute;
 
   /**
    * Whether the card is visible.
    * @since 7
    * @systemapi
    */
-  visibility(value: Visibility): T;
+  visibility(value: Visibility): FormComponentAttribute;
 
   /**
-   * This function is triggered after card information is obtained. For details about the form information, see the definition of the original capability subsystem.
+   * This function is triggered after card information is obtained.
+   * For details about the form information, see the definition of the original capability subsystem.
    * @since 7
    * @systemapi
    */
-  onAcquired(callback: (info: { id: number }) => void): T;
+  onAcquired(callback: (info: { id: number }) => void): FormComponentAttribute;
 
   /**
    * Card loading error.
    * @since 7
    * @systemapi
    */
-  onError(callback: (info: { errcode: number; msg: string }) => void): T;
+  onError(callback: (info: { errcode: number; msg: string }) => void): FormComponentAttribute;
 
   /**
    * Card to be redirected.
    * @since 7
    * @systemapi
    */
-  onRouter(callback: (info: any) => void): T;
+  onRouter(callback: (info: any) => void): FormComponentAttribute;
 }
 
-declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
-declare const FormComponentInterface: FormComponent;
+declare const FormComponent: FormComponentInterface;
+declare const FormComponentInstance: FormComponentAttribute;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
index 66367c221c..86cacbe428 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -95,7 +95,7 @@ interface GridContainerInterface {
  * Defines the grid container attribute from inheritance Column
  * @since 7
  */
-declare class GridContainerAttribute extends ColumnAttribute<GridContainerAttribute> {}
+declare class GridContainerAttribute extends ColumnAttribute {}
 
 declare const GridContainer: GridContainerInterface
 declare const GridContainerInstance: GridContainerAttribute;
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
index df056e228d..9474d5f7c6 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -179,4 +179,4 @@ declare const Image: ImageInterface;
 /**
  * @since 7
  */
- declare const ImageInstance: ImageAttribute;
+declare const ImageInstance: ImageAttribute;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index 379624f54e..3c4fc1ec96 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -1,6 +1,6 @@
 /*
  * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
+ * Licensed under the Apache License, Version 2.0 (the "License")
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
@@ -13,85 +13,85 @@
  * limitations under the License.
  */
 
-/// <reference path="./action_sheet.d.ts" />;
-/// <reference path="./alert_dialog.d.ts" />;
-/// <reference path="./alphabet_indexer.d.ts" />;
-/// <reference path="./animator.d.ts" />;
-/// <reference path="./badge.d.ts" />;
-/// <reference path="./blank.d.ts" />;
-/// <reference path="./button.d.ts" />;
-/// <reference path="./calendar.d.ts" />;
-/// <reference path="./canvas.d.ts" />;
-/// <reference path="./checkbox.d.ts" />;
-/// <reference path="./checkboxgroup.d.ts" />;
-/// <reference path="./circle.d.ts" />;
-/// <reference path="./column";
-/// <reference path="./column_split.d.ts" />;
-/// <reference path="./common.d.ts" />;
-/// <reference path="./counter.d.ts" />;
-/// <reference path="./custom_dialog_controller.d.ts" />;
-/// <reference path="./data_panel.d.ts" />;
-/// <reference path="./date_picker.d.ts" />;
-/// <reference path="./divider.d.ts" />;
-/// <reference path="./ellipse.d.ts" />;
-/// <reference path="./enums.d.ts" />;
-/// <reference path="./flex.d.ts" />;
-/// <reference path="./forEach.d.ts" />;
-/// <reference path="./form_component.d.ts" />;
-/// <reference path="./gauge.d.ts" />;
-/// <reference path="./gesture.d.ts" />;
-/// <reference path="./grid.d.ts" />;
-/// <reference path="./gridItem.d.ts" />;
-/// <reference path="./grid_container.d.ts" />;
-/// <reference path="./image.d.ts" />;
-/// <reference path="./image_animator.d.ts" />;
-/// <reference path="./lazyForEach.d.ts" />;
-/// <reference path="./line.d.ts" />;
-/// <reference path="./list.d.ts" />;
-/// <reference path="./listItem.d.ts" />;
-/// <reference path="./loading_progress.d.ts" />;
-/// <reference path="./marquee.d.ts" />;
-/// <reference path="./navigation.d.ts" />;
-/// <reference path="./navigator.d.ts" />;
-/// <reference path="./pageTransition.d.ts" />;
-/// <reference path="./panel.d.ts" />;
-/// <reference path="./path.d.ts" />;
-/// <reference path="./pattern_lock.d.ts" />;
-/// <reference path="./piece.d.ts" />;
-/// <reference path="./plugin_component.d.ts" />;
-/// <reference path="./polygon.d.ts" />;
-/// <reference path="./polyline.d.ts" />;
-/// <reference path="./progress.d.ts" />;
-/// <reference path="./qrcode.d.ts" />;
-/// <reference path="./radio.d.ts" />;
-/// <reference path="./rating.d.ts" />;
-/// <reference path="./rect.d.ts" />;
-/// <reference path="./refresh.d.ts" />;
-/// <reference path="./row.d.ts" />;
-/// <reference path="./row_split.d.ts" />;
-/// <reference path="./scroll.d.ts" />;
-/// <reference path="./scroll_bar.d.ts" />;
-/// <reference path="./search.d.ts" />;
-/// <reference path="./select.d.ts" />;
-/// <reference path="./shape.d.ts" />;
-/// <reference path="./sheet.d.ts" />;
-/// <reference path="./slider.d.ts" />;
-/// <reference path="./span.d.ts" />;
-/// <reference path="./stack.d.ts" />;
-/// <reference path="./stateManagement.d.ts" />;
-/// <reference path="./stepper.d.ts" />;
-/// <reference path="./stepperItem.d.ts" />;
-/// <reference path="./swiper.d.ts" />;
-/// <reference path="./tabs.d.ts" />;
-/// <reference path="./tab_content.d.ts" />;
-/// <reference path="./text.d.ts" />;
-/// <reference path="./text_area.d.ts" />;
-/// <reference path="./text_clock.d.ts" />;
-/// <reference path="./text_input.d.ts" />;
-/// <reference path="./text_picker.d.ts" />;
-/// <reference path="./text_timer.d.ts" />;
-/// <reference path="./toggle.d.ts" />;
-/// <reference path="./units.d.ts" />;
-/// <reference path="./video.d.ts" />;
-/// <reference path="./xcomponent.d.ts" />;
-/// <reference path="./inspector.d.ts" />;
+/// <reference path="./action_sheet.d.ts" />
+/// <reference path="./alert_dialog.d.ts" />
+/// <reference path="./alphabet_indexer.d.ts" />
+/// <reference path="./animator.d.ts" />
+/// <reference path="./badge.d.ts" />
+/// <reference path="./blank.d.ts" />
+/// <reference path="./button.d.ts" />
+/// <reference path="./calendar.d.ts" />
+/// <reference path="./canvas.d.ts" />
+/// <reference path="./checkbox.d.ts" />
+/// <reference path="./checkboxgroup.d.ts" />
+/// <reference path="./circle.d.ts" />
+/// <reference path="./column.d.ts" />
+/// <reference path="./column_split.d.ts" />
+/// <reference path="./common.d.ts" />
+/// <reference path="./counter.d.ts" />
+/// <reference path="./custom_dialog_controller.d.ts" />
+/// <reference path="./data_panel.d.ts" />
+/// <reference path="./date_picker.d.ts" />
+/// <reference path="./divider.d.ts" />
+/// <reference path="./ellipse.d.ts" />
+/// <reference path="./enums.d.ts" />
+/// <reference path="./flex.d.ts" />
+/// <reference path="./forEach.d.ts" />
+/// <reference path="./form_component.d.ts" />
+/// <reference path="./gauge.d.ts" />
+/// <reference path="./gesture.d.ts" />
+/// <reference path="./grid.d.ts" />
+/// <reference path="./gridItem.d.ts" />
+/// <reference path="./grid_container.d.ts" />
+/// <reference path="./image.d.ts" />
+/// <reference path="./image_animator.d.ts" />
+/// <reference path="./lazyForEach.d.ts" />
+/// <reference path="./line.d.ts" />
+/// <reference path="./list.d.ts" />
+/// <reference path="./listItem.d.ts" />
+/// <reference path="./loading_progress.d.ts" />
+/// <reference path="./marquee.d.ts" />
+/// <reference path="./navigation.d.ts" />
+/// <reference path="./navigator.d.ts" />
+/// <reference path="./pageTransition.d.ts" />
+/// <reference path="./panel.d.ts" />
+/// <reference path="./path.d.ts" />
+/// <reference path="./pattern_lock.d.ts" />
+/// <reference path="./piece.d.ts" />
+/// <reference path="./plugin_component.d.ts" />
+/// <reference path="./polygon.d.ts" />
+/// <reference path="./polyline.d.ts" />
+/// <reference path="./progress.d.ts" />
+/// <reference path="./qrcode.d.ts" />
+/// <reference path="./radio.d.ts" />
+/// <reference path="./rating.d.ts" />
+/// <reference path="./rect.d.ts" />
+/// <reference path="./refresh.d.ts" />
+/// <reference path="./row.d.ts" />
+/// <reference path="./row_split.d.ts" />
+/// <reference path="./scroll.d.ts" />
+/// <reference path="./scroll_bar.d.ts" />
+/// <reference path="./search.d.ts" />
+/// <reference path="./select.d.ts" />
+/// <reference path="./shape.d.ts" />
+/// <reference path="./sheet.d.ts" />
+/// <reference path="./slider.d.ts" />
+/// <reference path="./span.d.ts" />
+/// <reference path="./stack.d.ts" />
+/// <reference path="./stateManagement.d.ts" />
+/// <reference path="./stepper.d.ts" />
+/// <reference path="./stepperItem.d.ts" />
+/// <reference path="./swiper.d.ts" />
+/// <reference path="./tabs.d.ts" />
+/// <reference path="./tab_content.d.ts" />
+/// <reference path="./text.d.ts" />
+/// <reference path="./text_area.d.ts" />
+/// <reference path="./text_clock.d.ts" />
+/// <reference path="./text_input.d.ts" />
+/// <reference path="./text_picker.d.ts" />
+/// <reference path="./text_timer.d.ts" />
+/// <reference path="./toggle.d.ts" />
+/// <reference path="./units.d.ts" />
+/// <reference path="./video.d.ts" />
+/// <reference path="./xcomponent.d.ts" />
+/// <reference path="./inspector.d.ts" />
diff --git a/api/@internal/component/ets/marquee.d.ts b/api/@internal/component/ets/marquee.d.ts
index 51098af05c..ab55150c97 100644
--- a/api/@internal/component/ets/marquee.d.ts
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -79,5 +79,5 @@ declare class MarqueeAttribute extends CommonMethod<MarqueeAttribute> {
   onFinish(event: () => void): MarqueeAttribute;
 }
 
-declare const MarqueeExtend: MarqueeInterface;
+declare const Marquee: MarqueeInterface;
 declare const MarqueeInstance: MarqueeAttribute;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
index 82dc3aa559..5544383edc 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -42,5 +42,5 @@ declare class PathAttribute extends CommonShapeMethod<PathAttribute> {
   commands(value: string): PathAttribute;
 }
 
-export declare const Path: PathInterface;
-export declare const PathInstance: PathAttribute;
+declare const Path: PathInterface;
+declare const PathInstance: PathAttribute;
diff --git a/api/@internal/component/ets/stepperItem.d.ts b/api/@internal/component/ets/stepperItem.d.ts
index f814f80d3a..042417cf4c 100644
--- a/api/@internal/component/ets/stepperItem.d.ts
+++ b/api/@internal/component/ets/stepperItem.d.ts
@@ -93,9 +93,10 @@ declare class StepperItemAttribute extends CommonMethod<StepperItemAttribute> {
  * @devices phone, tablet, car
  * @since 8
  */
-declare const StepperItemInstance: StepperItemInterface;
+declare const StepperItemInstance: StepperItemAttribute;
+
 /**
  * @devices phone, tablet, car
  * @since 8
  */
-declare const StepperItem: StepperItemAttribute;
\ No newline at end of file
+declare const StepperItem: StepperItemInterface;
diff --git a/api/@internal/component/ets/xcomponent.d.ts b/api/@internal/component/ets/xcomponent.d.ts
index deb39c6fa7..9cbc7cb1cd 100644
--- a/api/@internal/component/ets/xcomponent.d.ts
+++ b/api/@internal/component/ets/xcomponent.d.ts
@@ -64,7 +64,7 @@ declare class XComponentAttribute extends CommonMethod<XComponentAttribute> {
    * @since 8
    * @systemapi
    */
-   onLoad(callback: (event?: {}) => void): XComponentAttribute;
+   onLoad(callback: (event?: object) => void): XComponentAttribute;
 
   /**
    * Called when judging whether the xcomponent is destroyed.
-- 
Gitee