diff --git a/api/@internal/component/ets/action_sheet.d.ts b/api/@internal/component/ets/action_sheet.d.ts
index 54d279ddb60d4f1a0762b9d161a77e0b06f1cb61..05b10052b23ea2fdb1ee38e134bd4d4e79796505 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 ccb7d6c8b09418ea96dd120126678d431772f24f..e88783f82c4ab887efb0e3a43da1694c3e8d59b6 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 100e14bc2858719ab21a54d3f699ab07c594f5b4..a902431b34a4e76c5560ef87c6984665e4d08e17 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 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 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 55c27f5f673644ef8c0e040663572119fc1bdb29..ff253c2ebaa90bfc339572b4c13555577ca65064 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 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 AnimatorInstance: AnimatorAttribute;
diff --git a/api/@internal/component/ets/badge.d.ts b/api/@internal/component/ets/badge.d.ts
index 8b955feb71a2e526e139d3d2613d493cdc4ec93c..5c7d354ea01658a414f44247bf54db64ed339079 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 782cf284d358d31b6fe8f024728e09efd3114b4b..4415acc8a0c39bede5a52cdd867183ef5e7d49dc 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 BlankInstance: BlankAttribute;
diff --git a/api/@internal/component/ets/button.d.ts b/api/@internal/component/ets/button.d.ts
index e0f94093e6dd9322c12762f87e8491855f3a2f56..68f472819de0d9dea9b66e90fbf43ca6ecc76193 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 26c233f8d5b56d45b7f7af7d4afe67351c51a23f..73af8ae5278a07e8f00f740823dda9548dc519f5 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 c860017b28383edc2dfdf8dc806ea002d3ca3ab6..24e36b5be71927ca01421b9dbbb93af43b733a22 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 f777f68c9844c7ef4fd5454d51ecb8e0462a6a10..9d842524fe2422b0634072fcca1ac428399cb982 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 3c556a3f9f5b8985e89f359427cd21f812e1642c..14a2221a4cdbcb6b8903ed111cf84f9e22db54d0 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 CheckboxGroup: CheckboxGroupInterface;
+declare const CheckboxGroupInstance: CheckboxGroupAttribute;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
index 37594f26971c5f941c9a95d02f1eb48d9ae12ef7..56a14c7e18452458e07a35e334de45f425fac77b 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 5307dcd5aad3c4098f10f7d5d12401c9d783c5ff..8a6feea284dc684437b93173a47b6e3de910696e 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 e7e78831044325a544052bc8be727c0e70d0606b..7b897cf1fa87ba232dbf22ad711bdaf40257a350 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 762aee45c0dc95f7239717d577f33fca48072125..1b841d84ba2a162fe1ad0b7dc13f939f7bc4b4b0 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -13,130 +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,
-  ResponseType,
-  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
@@ -155,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
@@ -195,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;
@@ -231,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
@@ -249,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
@@ -303,7 +273,7 @@ export interface EventTarget {
  * Defines the event source type.
  * @since 8
  */
-export declare enum SourceType {
+declare enum SourceType {
   /**
    * Unknown type.
    * @since 8
@@ -327,7 +297,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 +321,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 +351,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 +399,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 +441,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 +471,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 +483,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 +501,7 @@ export interface DragEvent {
  * KeyEvent object description:
  * @since 7
  */
-export interface KeyEvent {
+interface KeyEvent {
   /**
    * Type of a key.
    * @since 7
@@ -618,7 +588,7 @@ interface StateStyels {
   clicked?: any;
 }
 
-export interface PopupOption {
+interface PopupOption {
   /**
    * Information in the pop-up window.
    * @since 7
@@ -674,7 +644,7 @@ export interface PopupOption {
   onStateChange?: (event: { isVisible: boolean }) => void;
 }
 
-export interface CustomPopupOption {
+interface CustomPopupOption {
   /**
    * builder of popup
    * @since 8
@@ -722,7 +692,7 @@ export interface CustomPopupOption {
  * CommonMethod
  * @since 7
  */
-export declare class CommonMethod<T> {
+declare class CommonMethod<T> {
   /**
    * constructor.
    * @since 7
@@ -1325,13 +1295,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 +1350,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 +1434,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 ef55ad9520578b710523a5a790c7758b6e0f708f..a847e5f02b85dab2e5ab585a2dcd7088106f3abc 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 f0fcc03cf6b5caf63e242069699431553c1b574e..f208a905785be27f76a992eedab3d378025097ff 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 bcecffdbaa45dcf2b6b91b46e9bf05ebad57ed92..82d6f4c68b00d7197d82962285509577acdf8e30 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 ed2f1aa57a40a669ef7c8fe24867e6e9da5982b8..7cec6ba837a5576c940e136b6358498a1dc7b2de 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 f98c628e6cc88ebc936a2cbed353025fb0f7e732..4ee88aa42e24c44c25e9f4d0d61aa9e2edad3633 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 a857dce25cd9c9b02b275008f0a5ee90fb3ccea6..2ba7cdbbba6274970b5ec0f5cdd74d899db71117 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 9f1660b8706a48c9e70fb33496bf47a7d987c766..bf60ad002433926b4f6e0c48cd52646d85a7f623 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 2ec898013fd9df1f737aa40fbd2d6dd72f83ed23..0e6bb92157dfb4a59f4214380a00e2bcea6ae5b2 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 8af39463ae410db91e5cdce61a82096b31b20ef7..d1e8c71767b13b0655f5eabebe878514378aa4b4 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 f8dd684198e6fbf6d494d81b5f5ed7c66225236e..425723c9cf3b6ef6405e2b9b2287c75b4cee3315 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
@@ -56,7 +54,7 @@ export declare enum FormDimension {
  * @since 7
  * @systemapi
  */
-interface FormComponent extends FormComponentAttribute<FormComponent> {
+interface FormComponentInterface {
   /**
    * Set a new value.
    * @since 7
@@ -69,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;
 }
 
-export declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
-export declare const FormComponentInterface: FormComponent;
+declare const FormComponent: FormComponentInterface;
+declare const FormComponentInstance: FormComponentAttribute;
diff --git a/api/@internal/component/ets/gauge.d.ts b/api/@internal/component/ets/gauge.d.ts
index 90c0b3a48ff20d39529224551e44b369fe1c1e2f..6002fadf1e2c2b76349bb05cdfe4bb2a0adb9e89 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 c5591e0fe325bc8ee4dc3bcadc4393d91f6c63ee..a60d9db85effb8230d3187a22867b026dc9e4899 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 0528025ccfbb1e560b3063229ec86e4d9008cf6d..c214e94334d0c5d8b4f6468ef2ec2b3e0b7c0f06 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 341fe7d9db93fcca73ad90643383646b5fd42e57..53e7a83444f4577d1b6a647fe7ff872adc2127dd 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 fed3cf23a83c0ccdfa0f746aed5988691be2b349..86cacbe4285c3633a39b2a676310922122340997 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 {}
 
-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 91ff267ab401ef05f9e3c2d913ea45ce753855c2..f5c3dd4da0b3b56d5581598138095a37fc3b2e72 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 7227bae2c4964fe4fdc1315ca6cf13c73d8b5797..9474d5f7c62c2a75fe1ad39ad96b25cd967a8456 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 90db5527307aeec6676866ca04c536d630703194..c30d4db7291408156145ee3ef344ba6d1000dab7 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 ad2b843522d4a34fe4fcb824f2d57805237fbbb8..3c4fc1ec962e2f172b3ba5e13b2d3a5ba02a50ef 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.
  */
 
-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.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/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
index d093971a2a54aa610989b55c1388429fef18819b..0af83efaff30e8c89a16c72596dc3f447b7f2b38 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 6729b859b8314b798db72472338393b0d956528e..8498b93cb12817ebde6a80faffd21d5c1d44aea3 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 fc6ce2872ab95877495e981435f3d11274c30117..196d6ce173f330d44ae00a515965992f4b3ea7da 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 cd07b3137be1eb0fbcfea64008155afb98f7ff65..ce515c78a0c8c8be9e3c49bd929ab8ce0aaf2310 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 fd5ce80977ecc1ccbca9eaf710595ff60ac19038..2f639959ec9ee562d6a08b1d89ff3d8be1a565bb 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 da055d54851c575b4cdfe2fdd226e4745ab1c8af..5bc3c49fd9143fc0c25ddbf99ba3344164968342 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 607574643b88f86365f216afb3a28a632d173500..ab55150c9799cffea405b7c4880b51d48bb6a678 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 Marquee: MarqueeInterface;
+declare const MarqueeInstance: MarqueeAttribute;
diff --git a/api/@internal/component/ets/matrix2d.d.ts b/api/@internal/component/ets/matrix2d.d.ts
index fd85c45f284acd1dd9d07b39e8951fa8659c4ad2..982eb954c091e3ee5a77c3efa8e48000d43108f3 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 e65d697534cb08a816fc40cdb5eb51960f6e0ff4..5130791878169fc2b6cfd20c07717d0fbbebf6ed 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 b0339341ad00c0cb0ad6b6ce02c729b9423c7108..97046bdef4dbf3397df12ef009a8e9c118e4fad0 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 e1ca8571ffa3bc317d0194feaf5d5de2196f0aec..9a8b56d40840cf316c2edc6deba37aa17dc3f9d2 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 7ae3fd2b621f8067d5e3da1b3bc848f121a075dd..7b0dc56130c9196cf5272229e63b365692c675af 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 7430d9d4e80436a7153b3a15134cb2c7a9e194f8..5544383edc8beaa5cebc86f93938a641b603e87f 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;
+declare const Path: PathInterface;
+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 9bc361f4efc9225189ec8a52105be5b9806f61c1..efc54d9d3befb2e7870797a861f381b60c217b2a 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 fca192f7db01b24fb65fc0ddac2fdd7f7fe86ce2..5e67176d8caf32f99dde768ddbc23051dcef3f3b 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 6f6a3f3ce6773ca6fd91354cac20f179c23d3581..99339284866b4290bd6f4bbee92236d7e1e83c89 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 f2224ffff765599be1e4b9383fca3774e618c651..9d8cdd14a98b9284b3d981e432e3ffab19925440 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 c17ac6da004c54959d5ffa693f84dd6a26b670cb..906b609f5bca9486ec08b5df249ebf5072a2123e 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 4759cb9107b7e980aa669c35cafef7ae8b11bb9e..80a73a7da0072c02941a2d75bac9c207d707d251 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 6c8a94fe990bd1ba7a00113ae4fb514b25da473f..61eefc5700dbf0eb1e319b6cb2a7da8f53782371 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 f8bc72d31ac61d0269429e9b4e366336aa43e3a4..d3d749404ce749014ed1822b78bc4bb0544b6469 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 7403946f44b943b7020c0a27f99558600c253106..09f6740ec75c2a715de42f4595028888695ebe74 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 9c5d3c0169f91fc191715d64d7a435d3e1698ab8..7ca9aa72fac29aa43129c2a22a796b93113732ea 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 8750e9f5f677539e1c3855d28b4e77d82a4697a1..648528bb7d179112856255d00e3e20e8aa3610f6 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 b225cd0aa869a2d1a49b018a05250fda8d1c7d88..412041e9dff153882804ffe6be67d59fa22266e9 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 ea1b2eab15fa93a826b24a06b924b7f23e2aeaf7..38049dc12dcc447519e4c01688ce4198c6fa5731 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 30672e8dd66e941049f6dd08941e297bc20cb1ee..7ea65ec436f8a53a0badd006ea19a777c2aff4c0 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 646432dc10e22312438c1ed55866801fbbbca1cd..0a722fca3961cb71eb90b318ef2530f62c8964a3 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 a2555d290fdf8db68b8d9ccbf07190057f977045..7cb3ae0d5e0b7543c45f917531aeaa798f1cfca7 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 33f7f832e54e571f22d30e64fe28fb986b2f9f4f..7c5190b8a94780d4ac33792334fad33d17e8a89a 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 195f0ce74de09583855c1ba3d80ab728096a0f31..eab2d6bff507b2c2ea9ed90981faf9e82316954a 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 e7381ae5c708f5bf4c7f1d80c14201c31a1c6f5b..59b190edb3a11f2084de9c2a82ec7ce0e579d985 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 38370eca59ddd9f7ab2cee8fc0b3068f9a2bbd51..ff35cd0559df0c285e141af2849db409137c262d 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 913d6d9eecec4ea7f935f4e1c7738b65b62ed556..0e5441eccfc55ab499157897b61234f3933fb662 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 6fba06254edcb880739f61f696103c458c04076d..bc12bdacfdfde6826748073e564348265b2f84ba 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 808f9071b4f5f668c7337dae4308b62e9ea96719..ca532e1754d9397d6e0b8d4e882d60f598e9ef4c 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 d4a8861b486539bae28b79c9682d5b0909918dc2..71338678597a559cd06a3b6ed8c7d736bd953b25 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 9bd38d5013d77bf01f41fe798468886518d0922f..042417cf4c0c916adb3fb8713aec2995e6d24a15 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,55 @@ 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: StepperItemAttribute;
+
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+declare const StepperItem: StepperItemInterface;
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index 99589346396c84617c3da66701124b0ef6bccb8f..77d8b0e6cca90ac07c5d64bf120ca8ba699db5ad 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 53bc29e416054ee86bfd481c49d7b7e34928be98..ca258bdfd0d023100fbf60ccea4718610da076ce 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 f9417bd6b27ea6b4ec52bc32c1482dced47532f4..419672c3d5d0e951db9354b6ff50be6a6a86dc28 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 3783a00dbd06239d37fd3335958cde71f7a6e5c5..cdd575d2eba1f0b6bfc7f62042e04ea25c61cdc9 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 6427e8666da3ad6cdcfcd507f92eaea5ca0aef03..0bd8669c821a44c3924129fea575ea9758e2ecf0 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 db422c5af670e08d7813610ce234092775c8966f..d33396e621d59faeb25ad98095ae1e9919d921ce 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 bb5388bd62777afb5f8a798bd8c621569a3a7e03..3e3a01c9704c1e51aacaa4f171954df863e777f8 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 db6415e380e3ac9b25ea8f1c3dcffaad4178596a..a861dd7a7e4d5e777d4112951de2b842e17045cc 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 2ce7953775b402fdc97b7e6ce2694b325d17a42a..3001ddf1eede63b200a8507c59d17d9c7352385a 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 742f9ece40c0d9c2f5734415e2fa420f93a23bc8..bb8562b1a7898c4afdc86130e52e39b90270b609 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 6e41a16cb4a82d45b3cbcd4ec6d04a262693a041..0d9d5ba26b6f4f8c3ba12c1f6f61e86e47d8d245 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 403359d85422017080b26ae99423942ec6125b01..a114ea845f8da1b0376563811d05e0f2e50f1e50 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 714116d3f40cafafd3793cf02f96addbf08c1559..9cbc7cb1cd9c0f6264ff0072422e178da1e6d947 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?: object) => 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;