From 95fc8e2ebaf1f695a757ef2c3777fc078f2157a8 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Thu, 20 Jun 2024 14:58:38 +0800
Subject: [PATCH] chore: adjust export method for components

---
 src/action-sheet/action-sheet.en-US.md   |   4 +-
 src/action-sheet/action-sheet.md         |   4 +-
 src/action-sheet/demos/align.vue         |   2 +-
 src/action-sheet/demos/grid-multiple.vue |   2 +-
 src/action-sheet/demos/grid.vue          |   2 +-
 src/action-sheet/demos/list.vue          |   3 +-
 src/action-sheet/demos/status.vue        |   2 +-
 src/action-sheet/index.ts                |   2 +-
 src/action-sheet/type.ts                 |   4 +-
 src/avatar/index.ts                      |   2 +-
 src/back-top/index.ts                    |   6 +-
 src/badge/index.ts                       |   6 +-
 src/button/index.ts                      |   6 +-
 src/calendar/index.ts                    |   6 +-
 src/cascader/cascader.en-US.md           |   4 +-
 src/cascader/cascader.md                 |   4 +-
 src/cascader/index.ts                    |   6 +-
 src/cascader/type.ts                     |   4 +-
 src/cell/index.ts                        |   7 +-
 src/checkbox/index.ts                    |   2 +-
 src/collapse/index.ts                    |  15 ++-
 src/components.ts                        | 132 +++++++++++++----------
 src/count-down/index.ts                  |   3 +-
 src/date-time-picker/demos/full.vue      |   2 +-
 src/date-time-picker/index.ts            |   6 +-
 src/divider/index.ts                     |   2 +-
 src/drawer/demos/base.vue                |   2 +-
 src/drawer/demos/footer.vue              |   2 +-
 src/drawer/demos/icon.vue                |   2 +-
 src/drawer/demos/title.vue               |   2 +-
 src/drawer/index.ts                      |   4 +-
 src/dropdown-menu/index.ts               |   9 +-
 src/empty/index.ts                       |   6 +-
 src/fab/index.ts                         |   6 +-
 src/footer/index.ts                      |   8 +-
 src/form/index.ts                        |   1 +
 src/grid/index.ts                        |   9 +-
 src/guide/demos/base.vue                 |   2 +-
 src/guide/demos/custom-popover.vue       |   3 +-
 src/guide/demos/dialog.vue               |   3 +-
 src/guide/demos/no-mask.vue              |   2 +-
 src/guide/demos/popover-dialog.vue       |   3 +-
 src/guide/index.ts                       |   8 +-
 src/image-viewer/index.ts                |   9 +-
 src/image/index.ts                       |   6 +-
 src/indexes/index.ts                     |  15 ++-
 src/input/index.ts                       |   6 +-
 src/link/index.ts                        |   6 +-
 src/list/index.ts                        |   6 +-
 src/loading/index.ts                     |   6 +-
 src/navbar/index.ts                      |  11 +-
 src/notice-bar/index.ts                  |   7 +-
 src/overlay/index.ts                     |   2 +-
 src/picker/demos/base.vue                |   2 +-
 src/picker/demos/cascade.vue             |   5 +-
 src/picker/index.ts                      |   1 +
 src/popover/index.ts                     |   6 +-
 src/popup/index.ts                       |   6 +-
 src/progress/index.ts                    |   6 +-
 src/pull-down-refresh/index.ts           |   7 +-
 src/radio/index.ts                       |   6 +-
 src/rate/index.ts                        |   6 +-
 src/result/index.ts                      |   7 +-
 src/search/index.ts                      |  10 +-
 src/side-bar/demos/base.vue              |   4 +-
 src/side-bar/demos/custom.vue            |   4 +-
 src/side-bar/demos/switch.vue            |   2 +-
 src/side-bar/demos/with-icon.vue         |   2 +-
 src/side-bar/index.ts                    |   2 +
 src/skeleton/index.ts                    |   6 +-
 src/slider/index.ts                      |   6 +-
 src/stepper/index.ts                     |   2 +-
 src/steps/index.ts                       |   9 +-
 src/sticky/index.ts                      |   6 +-
 src/swipe-cell/demos/left.vue            |   2 +-
 src/swipe-cell/index.ts                  |   2 +-
 src/swiper/index.ts                      |   1 +
 src/switch/index.ts                      |   6 +-
 src/tab-bar/index.ts                     |   9 +-
 src/table/index.ts                       |   8 +-
 src/tabs/index.ts                        |   9 +-
 src/tag/index.ts                         |   9 +-
 src/textarea/index.ts                    |   6 +-
 src/toast/demos/base.vue                 |   1 -
 src/toast/demos/theme.vue                |   2 +-
 src/upload/demos/multiple.vue            |   8 +-
 src/upload/index.ts                      |  12 ++-
 87 files changed, 313 insertions(+), 251 deletions(-)

diff --git a/src/action-sheet/action-sheet.en-US.md b/src/action-sheet/action-sheet.en-US.md
index 46fa53e96..2120dcd18 100644
--- a/src/action-sheet/action-sheet.en-US.md
+++ b/src/action-sheet/action-sheet.en-US.md
@@ -16,7 +16,7 @@ theme | String | list | options：list/grid | N
 visible | Boolean | false | required。`v-model` and `v-model:visible` is supported | Y
 defaultVisible | Boolean | false | required。uncontrolled property | Y
 onCancel | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
-onClose | Function |  | Typescript：`(trigger: TriggerSource) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'command' \| 'select' `<br/> | N
+onClose | Function |  | Typescript：`(trigger: ActionSheetTriggerSource) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/> | N
 onSelected | Function |  | Typescript：`(selected: ActionSheetItem \| string, index: number) => void`<br/> | N
 
 ### ActionSheet Events
@@ -24,7 +24,7 @@ onSelected | Function |  | Typescript：`(selected: ActionSheetItem \| string, i
 name | params | description
 -- | -- | --
 cancel | `(context: { e: MouseEvent })` | \-
-close | `(trigger: TriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
+close | `(trigger: ActionSheetTriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
 selected | `(selected: ActionSheetItem \| string, index: number)` | \-
 
 
diff --git a/src/action-sheet/action-sheet.md b/src/action-sheet/action-sheet.md
index d2034dfc5..5886652e1 100644
--- a/src/action-sheet/action-sheet.md
+++ b/src/action-sheet/action-sheet.md
@@ -15,7 +15,7 @@ theme | String | list | 展示类型，列表和表格形式展示。可选项
 visible | Boolean | false | 必需。显示与隐藏。支持语法糖 `v-model` 或 `v-model:visible` | Y
 defaultVisible | Boolean | false | 必需。显示与隐藏。非受控属性 | Y
 onCancel | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击取消按钮时触发 | N
-onClose | Function |  | TS 类型：`(trigger: TriggerSource) => void`<br/>关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'command' \| 'select' `<br/> | N
+onClose | Function |  | TS 类型：`(trigger: ActionSheetTriggerSource) => void`<br/>关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/> | N
 onSelected | Function |  | TS 类型：`(selected: ActionSheetItem \| string, index: number) => void`<br/>选择菜单项时触发 | N
 
 ### ActionSheet Events
@@ -23,7 +23,7 @@ onSelected | Function |  | TS 类型：`(selected: ActionSheetItem \| string, in
 名称 | 参数 | 描述
 -- | -- | --
 cancel | `(context: { e: MouseEvent })` | 点击取消按钮时触发
-close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
+close | `(trigger: ActionSheetTriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
 selected | `(selected: ActionSheetItem \| string, index: number)` | 选择菜单项时触发
 
 
diff --git a/src/action-sheet/demos/align.vue b/src/action-sheet/demos/align.vue
index f5b213111..04b519fc9 100644
--- a/src/action-sheet/demos/align.vue
+++ b/src/action-sheet/demos/align.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { ActionSheetItem } from '../type';
+import { ActionSheetItem } from 'tdesign-mobile-vue';
 
 const items = ref([{ label: '选项1' }, { label: '选项2' }, { label: '选项3' }, { label: '选项4' }]);
 const centerVisible = ref(false);
diff --git a/src/action-sheet/demos/grid-multiple.vue b/src/action-sheet/demos/grid-multiple.vue
index a90a904a0..be41d63f5 100644
--- a/src/action-sheet/demos/grid-multiple.vue
+++ b/src/action-sheet/demos/grid-multiple.vue
@@ -16,7 +16,7 @@
 <script lang="ts" setup>
 import { ref, h } from 'vue';
 import { ShareIcon, StarIcon, DownloadIcon, Edit1Icon, ImageIcon } from 'tdesign-icons-vue-next';
-import { ActionSheetItem } from '../type';
+import { ActionSheetItem } from 'tdesign-mobile-vue';
 
 const items = ref([
   {
diff --git a/src/action-sheet/demos/grid.vue b/src/action-sheet/demos/grid.vue
index 0510b5df3..674c5addf 100644
--- a/src/action-sheet/demos/grid.vue
+++ b/src/action-sheet/demos/grid.vue
@@ -38,7 +38,7 @@
 <script lang="ts" setup>
 import { ref, h } from 'vue';
 import { ShareIcon, StarIcon, DownloadIcon, Edit1Icon } from 'tdesign-icons-vue-next';
-import { ActionSheetItem } from '../type';
+import { ActionSheetItem } from 'tdesign-mobile-vue';
 // const apIcon = () => h(AppIcon, { size: '24px' });
 const items = ref([
   {
diff --git a/src/action-sheet/demos/list.vue b/src/action-sheet/demos/list.vue
index e9838c6b6..63c0f6ec8 100644
--- a/src/action-sheet/demos/list.vue
+++ b/src/action-sheet/demos/list.vue
@@ -27,8 +27,7 @@
 <script lang="ts" setup>
 import { ref, h } from 'vue';
 import { AppIcon } from 'tdesign-icons-vue-next';
-import { ActionSheet } from 'tdesign-mobile-vue';
-import { ActionSheetItem } from '../type';
+import { ActionSheet, ActionSheetItem } from 'tdesign-mobile-vue';
 
 const apIcon = () => h(AppIcon, { size: '24px' });
 const visible = ref(false);
diff --git a/src/action-sheet/demos/status.vue b/src/action-sheet/demos/status.vue
index cee79f4c4..132291890 100644
--- a/src/action-sheet/demos/status.vue
+++ b/src/action-sheet/demos/status.vue
@@ -8,7 +8,7 @@
 <script lang="ts" setup>
 import { ref, h } from 'vue';
 import { AppIcon } from 'tdesign-icons-vue-next';
-import { ActionSheetItem } from '../type';
+import { ActionSheetItem } from 'tdesign-mobile-vue';
 
 const apIcon = () => h(AppIcon, { size: '24px' });
 const visible = ref(false);
diff --git a/src/action-sheet/index.ts b/src/action-sheet/index.ts
index 1d72ee0f9..14df4cbf9 100644
--- a/src/action-sheet/index.ts
+++ b/src/action-sheet/index.ts
@@ -68,5 +68,5 @@ type ActionSheetApi = {
   close: () => void;
 };
 
-const _ActionSheet: WithInstallType<typeof ActionSheetVue> & ActionSheetApi = ActionSheet as any;
+export const _ActionSheet: WithInstallType<typeof ActionSheetVue> & ActionSheetApi = ActionSheet as any;
 export default _ActionSheet;
diff --git a/src/action-sheet/type.ts b/src/action-sheet/type.ts
index 9e096294b..40600e119 100644
--- a/src/action-sheet/type.ts
+++ b/src/action-sheet/type.ts
@@ -62,7 +62,7 @@ export interface TdActionSheetProps {
   /**
    * 关闭时触发
    */
-  onClose?: (trigger: TriggerSource) => void;
+  onClose?: (trigger: ActionSheetTriggerSource) => void;
   /**
    * 选择菜单项时触发
    */
@@ -77,4 +77,4 @@ export interface ActionSheetItem {
   badge?: TdBadgeProps;
 }
 
-export type TriggerSource = 'overlay' | 'command' | 'select';
+export type ActionSheetTriggerSource = 'overlay' | 'command' | 'select';
diff --git a/src/avatar/index.ts b/src/avatar/index.ts
index d0d020b6d..bcd4cc0d1 100644
--- a/src/avatar/index.ts
+++ b/src/avatar/index.ts
@@ -9,6 +9,6 @@ export * from './type';
 export type AvatarProps = TdAvatarProps;
 export type AvatarGroupProps = TdAvatarGroupProps;
 
-const Avatar: WithInstallType<typeof _Avatar> = withInstall(_Avatar);
+export const Avatar: WithInstallType<typeof _Avatar> = withInstall(_Avatar);
 export const AvatarGroup: WithInstallType<typeof _AvatarGroup> = withInstall(_AvatarGroup);
 export default Avatar;
diff --git a/src/back-top/index.ts b/src/back-top/index.ts
index 6a9bd62a8..f95ab739d 100644
--- a/src/back-top/index.ts
+++ b/src/back-top/index.ts
@@ -1,4 +1,4 @@
-import BackTop from './back-top';
+import _BackTop from './back-top';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdBackTopProps } from './type';
 export * from './type';
 export type BackTopProps = TdBackTopProps;
 
-const _BackTop: WithInstallType<typeof BackTop> = withInstall(BackTop);
-export default _BackTop;
+export const BackTop: WithInstallType<typeof _BackTop> = withInstall(_BackTop);
+export default BackTop;
diff --git a/src/badge/index.ts b/src/badge/index.ts
index 234dca550..0e6a60a2b 100644
--- a/src/badge/index.ts
+++ b/src/badge/index.ts
@@ -1,4 +1,4 @@
-import Badge from './badge';
+import _Badge from './badge';
 import { withInstall, WithInstallType } from '../shared';
 import { TdBadgeProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type BadgeProps = TdBadgeProps;
 
-const _Badge: WithInstallType<typeof Badge> = withInstall(Badge);
-export default _Badge;
+export const Badge: WithInstallType<typeof _Badge> = withInstall(_Badge);
+export default Badge;
diff --git a/src/button/index.ts b/src/button/index.ts
index ca13bbbc0..7e58c9e32 100644
--- a/src/button/index.ts
+++ b/src/button/index.ts
@@ -1,4 +1,4 @@
-import Button from './button';
+import _Button from './button';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdButtonProps } from './type';
 export * from './type';
 export type ButtonProps = TdButtonProps;
 
-const _Button: WithInstallType<typeof Button> = withInstall(Button);
-export default _Button;
+export const Button: WithInstallType<typeof _Button> = withInstall(_Button);
+export default Button;
diff --git a/src/calendar/index.ts b/src/calendar/index.ts
index 8f6254b0c..b3b06e5c9 100644
--- a/src/calendar/index.ts
+++ b/src/calendar/index.ts
@@ -1,4 +1,4 @@
-import Calendar from './calendar';
+import _Calendar from './calendar';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdCalendarProps } from './type';
 export * from './type';
 export type CalendarProps = TdCalendarProps;
 
-const _Calendar: WithInstallType<typeof Calendar> = withInstall(Calendar);
-export default _Calendar;
+export const Calendar: WithInstallType<typeof _Calendar> = withInstall(_Calendar);
+export default Calendar;
diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md
index 4a1bff3ac..c06e16997 100644
--- a/src/cascader/cascader.en-US.md
+++ b/src/cascader/cascader.en-US.md
@@ -18,7 +18,7 @@ visible | Boolean | false | \- | N
 checkStrictly | Boolean | false | 父子节点选中状态不再关联，可各自选中或取消 | N
 placeholder | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 onChange | Function |  | Typescript：`(value: string \| number, selectedOptions: string[]) => void`<br/> | N
-onClose | Function |  | Typescript：`(trigger: TriggerSource) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
+onClose | Function |  | Typescript：`(trigger: CascaderTriggerSource) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type CascaderTriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
 onPick | Function |  | Typescript：`(context: { level: number; value: string | number; index: number }) => void`<br/> | N
 
 ### Cascader Events
@@ -26,7 +26,7 @@ onPick | Function |  | Typescript：`(context: { level: number; value: string |
 name | params | description
 -- | -- | --
 change | `(value: string \| number, selectedOptions: string[])` | \-
-close | `(trigger: TriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
+close | `(trigger: CascaderTriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type CascaderTriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
 pick | `(context: { level: number, value: string \| number, index: number })` | \-
 
 
diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index 3c0978216..5c1e71602 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -17,7 +17,7 @@ visible | Boolean | false | 是否展示 | N
 checkStrictly | Boolean | false | 父子节点选中状态不再关联，可各自选中或取消 | N
 placeholder | String / Slot / Function | 选择选项 | 未选中时的提示文案。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 onChange | Function |  | TS 类型：`(value: string \| number, selectedOptions: string[]) => void`<br/>值发生变更时触发 | N
-onClose | Function |  | TS 类型：`(trigger: TriggerSource) => void`<br/>关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
+onClose | Function |  | TS 类型：`(trigger: CascaderTriggerSource) => void`<br/>关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type CascaderTriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
 onPick | Function |  | TS 类型：`(context: { level: number, value: string \| number, index: number }) => void`<br/>选择后触发 | N
 
 ### Cascader Events
@@ -25,7 +25,7 @@ onPick | Function |  | TS 类型：`(context: { level: number, value: string \|
 名称 | 参数 | 描述
 -- | -- | --
 change | `(value: string \| number, selectedOptions: string[])` | 值发生变更时触发
-close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
+close | `(trigger: CascaderTriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type CascaderTriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
 pick | `(context: { level: number, value: string \| number, index: number })` | 选择后触发
 
 
diff --git a/src/cascader/index.ts b/src/cascader/index.ts
index 9188643ee..7b73f85e0 100644
--- a/src/cascader/index.ts
+++ b/src/cascader/index.ts
@@ -1,4 +1,4 @@
-import Cascader from './cascader.vue';
+import _Cascader from './cascader.vue';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdCascaderProps } from './type';
 export * from './type';
 export type CascaderProps = TdCascaderProps;
 
-const _Cascader: WithInstallType<typeof Cascader> = withInstall(Cascader);
-export default _Cascader;
+export const Cascader: WithInstallType<typeof _Cascader> = withInstall(_Cascader);
+export default Cascader;
diff --git a/src/cascader/type.ts b/src/cascader/type.ts
index fcdae0a07..cabfa983a 100644
--- a/src/cascader/type.ts
+++ b/src/cascader/type.ts
@@ -63,11 +63,11 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
   /**
    * 关闭时触发
    */
-  onClose?: (trigger: TriggerSource) => void;
+  onClose?: (trigger: CascaderTriggerSource) => void;
   /**
    * 选择后触发
    */
   onPick?: (context: { level: number; value: string | number; index: number }) => void;
 }
 
-export type TriggerSource = 'overlay' | 'close-btn' | 'finish';
+export type CascaderTriggerSource = 'overlay' | 'close-btn' | 'finish';
diff --git a/src/cell/index.ts b/src/cell/index.ts
index 684e53ae7..6fa2903ab 100644
--- a/src/cell/index.ts
+++ b/src/cell/index.ts
@@ -1,4 +1,4 @@
-import Cell from './cell';
+import _Cell from './cell';
 import _CellGroup from './cell-group';
 import { withInstall, WithInstallType } from '../shared';
 import { TdCellProps, TdCellGroupProps } from './type';
@@ -9,7 +9,6 @@ export * from './type';
 export type CellProps = TdCellProps;
 export type CellGroupProps = TdCellGroupProps;
 
-const _Cell: WithInstallType<typeof Cell> = withInstall(Cell);
-export default _Cell;
-
+export const Cell: WithInstallType<typeof _Cell> = withInstall(_Cell);
 export const CellGroup: WithInstallType<typeof _CellGroup> = withInstall(_CellGroup);
+export default Cell;
diff --git a/src/checkbox/index.ts b/src/checkbox/index.ts
index dc0f7600d..948fb0469 100644
--- a/src/checkbox/index.ts
+++ b/src/checkbox/index.ts
@@ -10,6 +10,6 @@ export * from './type';
 export type CheckboxProps = TdCheckboxProps;
 export type CheckboxGroupProps = TdCheckboxGroupProps;
 
-const CheckBox: WithInstallType<typeof _CheckBox> = withInstall(_CheckBox);
+export const CheckBox: WithInstallType<typeof _CheckBox> = withInstall(_CheckBox);
 export const CheckboxGroup: WithInstallType<typeof _CheckBoxGroup> = withInstall(_CheckBoxGroup);
 export default CheckBox;
diff --git a/src/collapse/index.ts b/src/collapse/index.ts
index 0e4720b7a..154dee414 100644
--- a/src/collapse/index.ts
+++ b/src/collapse/index.ts
@@ -1,8 +1,15 @@
-import LocalCollapse from './collapse';
-import LocalCollapsePanel from './collapse-panel';
+import _Collapse from './collapse';
+import _CollapsePanel from './collapse-panel';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
 
-export const Collapse: WithInstallType<typeof LocalCollapse> = withInstall(LocalCollapse);
-export const CollapsePanel: WithInstallType<typeof LocalCollapsePanel> = withInstall(LocalCollapsePanel);
+import { TdCollapseProps, TdCollapsePanelProps } from './type';
+
+export * from './type';
+export type CollapseProps = TdCollapseProps;
+export type CollapsePanelProps = TdCollapsePanelProps;
+
+export const Collapse: WithInstallType<typeof _Collapse> = withInstall(_Collapse);
+export const CollapsePanel: WithInstallType<typeof _CollapsePanel> = withInstall(_CollapsePanel);
+export default Collapse;
diff --git a/src/components.ts b/src/components.ts
index 2cedefdf7..e42381050 100644
--- a/src/components.ts
+++ b/src/components.ts
@@ -1,65 +1,79 @@
-export { default as Button } from './button';
-export { default as Divider } from './divider';
-export { default as Calendar } from './calendar';
-export { default as Cell, CellGroup } from './cell';
-export { default as Checkbox, CheckboxGroup } from './checkbox';
-export { default as Input } from './input';
-export { default as Textarea } from './textarea';
-export { default as Overlay } from './overlay';
-export { default as Progress } from './progress';
-export { default as Radio, RadioGroup } from './radio';
-export { default as Rate } from './rate';
-export { default as Switch } from './switch';
-export { default as Stepper } from './stepper';
-export { default as Slider } from './slider';
-export { default as Dialog } from './dialog';
-export { default as Popup } from './popup';
-export { default as ActionSheet } from './action-sheet';
-export { default as Badge } from './badge';
-export { default as Fab } from './fab';
-export { default as ImageViewer } from './image-viewer';
-export { default as Drawer } from './drawer';
-export { default as Navbar } from './navbar';
-export { default as Message } from './message';
-export { default as DateTimePicker } from './date-time-picker';
-export { default as Toast } from './toast';
-export { default as Search } from './search';
-export { Steps, StepItem } from './steps';
-export { Indexes, IndexesAnchor } from './indexes';
-export { Picker, Cascade } from './picker';
-export { Tag, CheckTag } from './tag';
-export { TabBar, TabBarItem } from './tab-bar';
-export { DropdownMenu, DropdownItem } from './dropdown-menu';
-export { Collapse, CollapsePanel } from './collapse';
-export { Tabs, TabPanel } from './tabs';
-export { Swiper, SwiperItem } from './swiper';
-export { CountDown } from './count-down';
-export { default as Avatar, AvatarGroup } from './avatar';
-export { default as Image } from './image';
-export { default as SwipeCell } from './swipe-cell';
-export { default as Skeleton } from './skeleton';
-export { Grid, GridItem } from './grid';
-export { default as Sticky } from './sticky';
-export { default as List } from './list';
-export { default as Loading } from './loading';
-export { default as BackTop } from './back-top';
-export { default as PullDownRefresh } from './pull-down-refresh';
-export { default as Upload } from './upload';
-export { default as NoticeBar } from './notice-bar';
-export { default as Result } from './result';
-export { default as Cascader } from './cascader';
-export { default as Footer } from './footer';
-export { default as Empty } from './empty';
-export { default as Link } from './link';
-export { Form, FormItem } from './form';
-export { default as Icon } from './icon';
-export { default as Table } from './table';
-export { SideBar, SideBarItem } from './side-bar';
-export { default as TPopover } from './popover';
-export { default as Guide } from './guide';
+// 基础组件
+export * from './button';
+export * from './divider';
+export * from './fab';
+export * from './icon';
 export * from './row';
 export * from './col';
+export * from './link';
+
+// 导航
+export * from './back-top';
+export * from './drawer';
+export * from './indexes';
+export * from './navbar';
+export * from './side-bar';
+export * from './steps';
+export * from './tab-bar';
+export * from './tabs';
+
+// 输入
+export * from './calendar';
+export * from './cascader';
+export * from './checkbox';
+export * from './date-time-picker';
+export * from './form';
+export * from './input';
+export * from './picker';
+export * from './radio';
+export * from './rate';
+export * from './search';
+export * from './slider';
+export * from './stepper';
+export * from './switch';
+export * from './textarea';
 export * from './tree-select';
+export * from './upload';
+
+// 数据展示
+export * from './avatar';
+export * from './badge';
+export * from './cell';
+export * from './collapse';
+export * from './count-down';
+export * from './empty';
+export * from './footer';
+export * from './grid';
+export * from './image';
+export * from './image-viewer';
+export * from './list';
+export * from './progress';
+export * from './result';
+export * from './skeleton';
+export * from './sticky';
+export * from './swiper';
+export * from './table';
+export * from './tag';
+
+// 反馈
+export * from './action-sheet';
+export * from './dialog';
+export * from './dropdown-menu';
+export * from './guide';
+export * from './loading';
+export * from './message';
+export * from './notice-bar';
+export * from './overlay';
+export * from './popover';
+export * from './popup';
+export * from './pull-down-refresh';
+export * from './swipe-cell';
+export * from './toast';
 
 // 全局配置
 export * from './config-provider';
+
+// 兼容原使用方式（2.x 移除）
+export { default as ActionSheet } from './action-sheet';
+export { default as Message } from './message';
+export { default as Toast } from './toast';
diff --git a/src/count-down/index.ts b/src/count-down/index.ts
index 6552eca0f..726e36fb1 100644
--- a/src/count-down/index.ts
+++ b/src/count-down/index.ts
@@ -1,10 +1,11 @@
 import _CountDown from './count-down';
 import { withInstall, WithInstallType } from '../shared';
-import { TdCountDownProps } from './type';
 
 import './style';
+import { TdCountDownProps } from './type';
 
 export * from './type';
 export type CountDownProps = TdCountDownProps;
 
 export const CountDown: WithInstallType<typeof _CountDown> = withInstall(_CountDown);
+export default CountDown;
diff --git a/src/date-time-picker/demos/full.vue b/src/date-time-picker/demos/full.vue
index 9391f113e..3d4d2add7 100644
--- a/src/date-time-picker/demos/full.vue
+++ b/src/date-time-picker/demos/full.vue
@@ -14,7 +14,7 @@
 </template>
 <script lang="ts" setup>
 import { reactive } from 'vue';
-import { DateValue } from '../type';
+import { DateValue } from 'tdesign-mobile-vue';
 
 const show = reactive({
   ymdhms: false,
diff --git a/src/date-time-picker/index.ts b/src/date-time-picker/index.ts
index 2efe27cea..b97335648 100644
--- a/src/date-time-picker/index.ts
+++ b/src/date-time-picker/index.ts
@@ -1,4 +1,4 @@
-import DateTimePicker from './date-time-picker';
+import _DateTimePicker from './date-time-picker';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -8,5 +8,5 @@ import { TdDateTimePickerProps } from './type';
 export * from './type';
 export type DateTimePickerProps = TdDateTimePickerProps;
 
-export const _DateTimePicker: WithInstallType<typeof DateTimePicker> = withInstall(DateTimePicker);
-export default _DateTimePicker;
+export const DateTimePicker: WithInstallType<typeof _DateTimePicker> = withInstall(_DateTimePicker);
+export default DateTimePicker;
diff --git a/src/divider/index.ts b/src/divider/index.ts
index 663956c9b..259e12b49 100644
--- a/src/divider/index.ts
+++ b/src/divider/index.ts
@@ -8,5 +8,5 @@ import { TdDividerProps } from './type';
 export * from './type';
 export type DividerProps = TdDividerProps;
 
-const Divider: WithInstallType<typeof _Divider> = withInstall(_Divider);
+export const Divider: WithInstallType<typeof _Divider> = withInstall(_Divider);
 export default Divider;
diff --git a/src/drawer/demos/base.vue b/src/drawer/demos/base.vue
index 5bf843210..88e27bb42 100644
--- a/src/drawer/demos/base.vue
+++ b/src/drawer/demos/base.vue
@@ -4,7 +4,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { DrawerItem } from '../type';
+import { DrawerItem } from 'tdesign-mobile-vue';
 
 const baseSidebar = ref([
   {
diff --git a/src/drawer/demos/footer.vue b/src/drawer/demos/footer.vue
index 50a59921e..0d7fc0dac 100644
--- a/src/drawer/demos/footer.vue
+++ b/src/drawer/demos/footer.vue
@@ -10,7 +10,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { DrawerItem } from '../type';
+import { DrawerItem } from 'tdesign-mobile-vue';
 
 const baseSidebar = ref([
   {
diff --git a/src/drawer/demos/icon.vue b/src/drawer/demos/icon.vue
index 948f61acd..b35f7dbad 100644
--- a/src/drawer/demos/icon.vue
+++ b/src/drawer/demos/icon.vue
@@ -11,7 +11,7 @@
 <script lang="ts" setup>
 import { ref, h } from 'vue';
 import { AppIcon } from 'tdesign-icons-vue-next';
-import { TriggerSource, DrawerItem } from '../type';
+import { TriggerSource, DrawerItem } from 'tdesign-mobile-vue';
 
 interface DrawerCloseContext {
   trigger: TriggerSource;
diff --git a/src/drawer/demos/title.vue b/src/drawer/demos/title.vue
index d36e3755e..a8c8c6078 100644
--- a/src/drawer/demos/title.vue
+++ b/src/drawer/demos/title.vue
@@ -4,7 +4,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { DrawerItem } from '../type';
+import { DrawerItem } from 'tdesign-mobile-vue';
 
 const baseSidebar = ref([
   {
diff --git a/src/drawer/index.ts b/src/drawer/index.ts
index e45567a1f..fa58ec9d4 100644
--- a/src/drawer/index.ts
+++ b/src/drawer/index.ts
@@ -5,11 +5,11 @@ import './style';
 
 import { TdDrawerProps } from './type';
 
-export type DividerProps = TdDrawerProps;
+export type DrawerProps = TdDrawerProps;
 
 export * from './type';
 export * from './plugin';
 export { default as DrawerPlugin } from './plugin';
 
-const Drawer: WithInstallType<typeof _Drawer> = withInstall(_Drawer);
+export const Drawer: WithInstallType<typeof _Drawer> = withInstall(_Drawer);
 export default Drawer;
diff --git a/src/dropdown-menu/index.ts b/src/dropdown-menu/index.ts
index ff02c353c..0b13b53cb 100644
--- a/src/dropdown-menu/index.ts
+++ b/src/dropdown-menu/index.ts
@@ -1,5 +1,5 @@
-import LocalDropdownMenu from './dropdown-menu';
-import LocalDropdownItem from './dropdown-item';
+import _DropdownMenu from './dropdown-menu';
+import _DropdownItem from './dropdown-item';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -10,5 +10,6 @@ export * from './type';
 export type DropdownMenuProps = TdDropdownMenuProps;
 export type DropdownItemProps = TdDropdownItemProps;
 
-export const DropdownMenu: WithInstallType<typeof LocalDropdownMenu> = withInstall(LocalDropdownMenu);
-export const DropdownItem: WithInstallType<typeof LocalDropdownItem> = withInstall(LocalDropdownItem);
+export const DropdownMenu: WithInstallType<typeof _DropdownMenu> = withInstall(_DropdownMenu);
+export const DropdownItem: WithInstallType<typeof _DropdownItem> = withInstall(_DropdownItem);
+export default DropdownMenu;
diff --git a/src/empty/index.ts b/src/empty/index.ts
index cf7001f13..3b0e0aa02 100644
--- a/src/empty/index.ts
+++ b/src/empty/index.ts
@@ -1,4 +1,4 @@
-import Empty from './empty';
+import _Empty from './empty';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdEmptyProps } from './type';
 export * from './type';
 export type EmptyProps = TdEmptyProps;
 
-const _Empty: WithInstallType<typeof Empty> = withInstall(Empty);
-export default _Empty;
+export const Empty: WithInstallType<typeof _Empty> = withInstall(_Empty);
+export default Empty;
diff --git a/src/fab/index.ts b/src/fab/index.ts
index a7ab429de..a5caab76b 100644
--- a/src/fab/index.ts
+++ b/src/fab/index.ts
@@ -1,7 +1,7 @@
-import Fab from './fab';
+import _Fab from './fab';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
 
-const _Fab: WithInstallType<typeof Fab> = withInstall(Fab);
-export default _Fab;
+export const Fab: WithInstallType<typeof _Fab> = withInstall(_Fab);
+export default Fab;
diff --git a/src/footer/index.ts b/src/footer/index.ts
index 56086979a..84fe7ea1d 100644
--- a/src/footer/index.ts
+++ b/src/footer/index.ts
@@ -1,11 +1,11 @@
-import Footer from './footer';
+import _Footer from './footer';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
 import { TdFooterProps } from './type';
 
 export * from './type';
-export type ButtonProps = TdFooterProps;
+export type FooterProps = TdFooterProps;
 
-const _Footer: WithInstallType<typeof Footer> = withInstall(Footer);
-export default _Footer;
+export const Footer: WithInstallType<typeof _Footer> = withInstall(_Footer);
+export default Footer;
diff --git a/src/form/index.ts b/src/form/index.ts
index 90aeddea9..4d309be62 100644
--- a/src/form/index.ts
+++ b/src/form/index.ts
@@ -11,3 +11,4 @@ export type FormItemProps = TdFormItemProps;
 
 export const Form: WithInstallType<typeof _Form> = withInstall(_Form);
 export const FormItem: WithInstallType<typeof _FormItem> = withInstall(_FormItem);
+export default Form;
diff --git a/src/grid/index.ts b/src/grid/index.ts
index c93bac818..8ba269327 100644
--- a/src/grid/index.ts
+++ b/src/grid/index.ts
@@ -1,5 +1,5 @@
-import LocalGrid from './grid';
-import LocalGridItem from './grid-item';
+import _Grid from './grid';
+import _GridItem from './grid-item';
 import { withInstall, WithInstallType } from '../shared';
 
 import { TdGridItemProps, TdGridProps } from './type';
@@ -9,5 +9,6 @@ export * from './type';
 export type GridProps = TdGridProps;
 export type GridItemProps = TdGridItemProps;
 
-export const Grid: WithInstallType<typeof LocalGrid> = withInstall(LocalGrid);
-export const GridItem: WithInstallType<typeof LocalGridItem> = withInstall(LocalGridItem);
+export const Grid: WithInstallType<typeof _Grid> = withInstall(_Grid);
+export const GridItem: WithInstallType<typeof _GridItem> = withInstall(_GridItem);
+export default Grid;
diff --git a/src/guide/demos/base.vue b/src/guide/demos/base.vue
index 8c326a6e3..07c855764 100644
--- a/src/guide/demos/base.vue
+++ b/src/guide/demos/base.vue
@@ -38,7 +38,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 
-import { TdGuideProps } from '../type';
+import { TdGuideProps } from 'tdesign-mobile-vue';
 
 const visible = ref(false);
 const current = ref(-1);
diff --git a/src/guide/demos/custom-popover.vue b/src/guide/demos/custom-popover.vue
index 72094d8c7..615e304cb 100644
--- a/src/guide/demos/custom-popover.vue
+++ b/src/guide/demos/custom-popover.vue
@@ -36,9 +36,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-
+import { TdGuideProps } from 'tdesign-mobile-vue';
 import MyPopover from './my-popover.vue';
-import { TdGuideProps } from '../type';
 
 const visible = ref(false);
 const current = ref(-1);
diff --git a/src/guide/demos/dialog.vue b/src/guide/demos/dialog.vue
index 78046892a..d2f18b03c 100644
--- a/src/guide/demos/dialog.vue
+++ b/src/guide/demos/dialog.vue
@@ -36,9 +36,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-
+import { TdGuideProps } from 'tdesign-mobile-vue';
 import DialogBody from './dialog-body.vue';
-import { TdGuideProps } from '../type';
 
 const visible = ref(false);
 const current = ref(-1);
diff --git a/src/guide/demos/no-mask.vue b/src/guide/demos/no-mask.vue
index d8d63c201..03322520f 100644
--- a/src/guide/demos/no-mask.vue
+++ b/src/guide/demos/no-mask.vue
@@ -38,7 +38,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 
-import { TdGuideProps } from '../type';
+import { TdGuideProps } from 'tdesign-mobile-vue';
 
 const visible = ref(false);
 const current = ref(-1);
diff --git a/src/guide/demos/popover-dialog.vue b/src/guide/demos/popover-dialog.vue
index 129af39bb..8503d7849 100644
--- a/src/guide/demos/popover-dialog.vue
+++ b/src/guide/demos/popover-dialog.vue
@@ -36,9 +36,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-
+import { TdGuideProps } from 'tdesign-mobile-vue';
 import DialogBody from './dialog-body.vue';
-import { TdGuideProps } from '../type';
 
 const visible = ref(false);
 const current = ref(-1);
diff --git a/src/guide/index.ts b/src/guide/index.ts
index 61e1c1c8f..ba8eccff9 100644
--- a/src/guide/index.ts
+++ b/src/guide/index.ts
@@ -1,11 +1,11 @@
-import Guide from './guide.vue';
+import _Guide from './guide.vue';
 import { withInstall, WithInstallType } from '../shared';
-import { TdGuideProps, GuideStep } from './type';
+import { TdGuideProps } from './type';
 
 import './style';
 
 export * from './type';
 export type GuideProps = TdGuideProps;
 
-const _Guide: WithInstallType<typeof Guide> = withInstall(Guide);
-export default _Guide;
+export const Guide: WithInstallType<typeof _Guide> = withInstall(_Guide);
+export default Guide;
diff --git a/src/image-viewer/index.ts b/src/image-viewer/index.ts
index 3e0ad81fd..d2aab2168 100644
--- a/src/image-viewer/index.ts
+++ b/src/image-viewer/index.ts
@@ -1,8 +1,11 @@
 import { withInstall, WithInstallType } from '../shared';
-import ImageViewer from './image-viewer';
+import _ImageViewer from './image-viewer';
+
 import './style';
+import { TdImageViewerProps } from './type';
 
 export * from './type';
+export type ImageViewerProps = TdImageViewerProps;
 
-const _ImageViewer: WithInstallType<typeof ImageViewer> = withInstall(ImageViewer);
-export default _ImageViewer;
+export const ImageViewer: WithInstallType<typeof _ImageViewer> = withInstall(_ImageViewer);
+export default ImageViewer;
diff --git a/src/image/index.ts b/src/image/index.ts
index f4b334874..07bf0b365 100644
--- a/src/image/index.ts
+++ b/src/image/index.ts
@@ -1,4 +1,4 @@
-import Image from './image';
+import _Image from './image';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdImageProps } from './type';
 export * from './type';
 export type ImageProps = TdImageProps;
 
-const _Image: WithInstallType<typeof Image> = withInstall(Image);
-export default _Image;
+export const Image: WithInstallType<typeof _Image> = withInstall(_Image);
+export default Image;
diff --git a/src/indexes/index.ts b/src/indexes/index.ts
index bd5c0ea45..3abaedd24 100644
--- a/src/indexes/index.ts
+++ b/src/indexes/index.ts
@@ -1,8 +1,15 @@
 import { withInstall, WithInstallType } from '../shared';
-import LocalIndexes from './indexes';
-import LocalIndexesAnchor from './indexes-anchor';
+import _Indexes from './indexes';
+import _IndexesAnchor from './indexes-anchor';
 
 import './style';
 
-export const Indexes: WithInstallType<typeof LocalIndexes> = withInstall(LocalIndexes);
-export const IndexesAnchor: WithInstallType<typeof LocalIndexesAnchor> = withInstall(LocalIndexesAnchor);
+import { TdIndexesProps, TdIndexesAnchorProps } from './type';
+
+export * from './type';
+export type IndexesProps = TdIndexesProps;
+export type IndexesAnchorProps = TdIndexesAnchorProps;
+
+export const Indexes: WithInstallType<typeof _Indexes> = withInstall(_Indexes);
+export const IndexesAnchor: WithInstallType<typeof _IndexesAnchor> = withInstall(_IndexesAnchor);
+export default Indexes;
diff --git a/src/input/index.ts b/src/input/index.ts
index 888f98a92..611d77704 100644
--- a/src/input/index.ts
+++ b/src/input/index.ts
@@ -1,5 +1,5 @@
 import { withInstall, WithInstallType } from '../shared';
-import Input from './input';
+import _Input from './input';
 
 import './style';
 import { TdInputProps } from './type';
@@ -7,5 +7,5 @@ import { TdInputProps } from './type';
 export * from './type';
 export type InputProps = TdInputProps;
 
-const _Input: WithInstallType<typeof Input> = withInstall(Input);
-export default _Input;
+export const Input: WithInstallType<typeof _Input> = withInstall(_Input);
+export default Input;
diff --git a/src/link/index.ts b/src/link/index.ts
index dcba52762..9f5db7d45 100644
--- a/src/link/index.ts
+++ b/src/link/index.ts
@@ -1,4 +1,4 @@
-import Link from './link';
+import _Link from './link';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -7,5 +7,5 @@ import { TdLinkProps } from './type';
 export * from './type';
 export type LinkProps = TdLinkProps;
 
-const _Link: WithInstallType<typeof Link> = withInstall(Link);
-export default _Link;
+export const Link: WithInstallType<typeof _Link> = withInstall(_Link);
+export default Link;
diff --git a/src/list/index.ts b/src/list/index.ts
index 8e462841b..2e4cb6707 100644
--- a/src/list/index.ts
+++ b/src/list/index.ts
@@ -1,4 +1,4 @@
-import List from './list';
+import _List from './list';
 import { withInstall, WithInstallType } from '../shared';
 
 import { TdListProps } from './type';
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type ListProps = TdListProps;
 
-const _List: WithInstallType<typeof List> = withInstall(List);
-export default _List;
+export const List: WithInstallType<typeof _List> = withInstall(_List);
+export default List;
diff --git a/src/loading/index.ts b/src/loading/index.ts
index fa710e6d4..bc0039bb4 100644
--- a/src/loading/index.ts
+++ b/src/loading/index.ts
@@ -1,4 +1,4 @@
-import Loading from './loading';
+import _Loading from './loading';
 import { withInstall, WithInstallType } from '../shared';
 
 import { TdLoadingProps } from './type';
@@ -10,5 +10,5 @@ export { default as LoadingPlugin } from './plugin';
 
 export type LoadingProps = TdLoadingProps;
 
-const _Loading: WithInstallType<typeof Loading> = withInstall(Loading);
-export default _Loading;
+export const Loading: WithInstallType<typeof _Loading> = withInstall(_Loading);
+export default Loading;
diff --git a/src/navbar/index.ts b/src/navbar/index.ts
index 38f536113..e8afc9f68 100644
--- a/src/navbar/index.ts
+++ b/src/navbar/index.ts
@@ -1,7 +1,12 @@
-import Navbar from './navbar';
+import _Navbar from './navbar';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
 
-const _Navbar: WithInstallType<typeof Navbar> = withInstall(Navbar);
-export default _Navbar;
+import { TdNavbarProps } from './type';
+
+export * from './type';
+export type NavbarProps = TdNavbarProps;
+
+export const Navbar: WithInstallType<typeof _Navbar> = withInstall(_Navbar);
+export default Navbar;
diff --git a/src/notice-bar/index.ts b/src/notice-bar/index.ts
index f438f7e3b..b421198fb 100644
--- a/src/notice-bar/index.ts
+++ b/src/notice-bar/index.ts
@@ -1,4 +1,4 @@
-import NoticeBar from './notice-bar';
+import _NoticeBar from './notice-bar';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -6,5 +6,6 @@ import { TdNoticeBarProps } from './type';
 
 export * from './type';
 export type NoticeBarProps = TdNoticeBarProps;
-const _NoticeBar: WithInstallType<typeof NoticeBar> = withInstall(NoticeBar);
-export default _NoticeBar;
+
+export const NoticeBar: WithInstallType<typeof _NoticeBar> = withInstall(_NoticeBar);
+export default NoticeBar;
diff --git a/src/overlay/index.ts b/src/overlay/index.ts
index c5108139d..b836c8057 100644
--- a/src/overlay/index.ts
+++ b/src/overlay/index.ts
@@ -6,5 +6,5 @@ import './style';
 
 export type OverlayProps = TdOverlayProps;
 
-const Overlay: WithInstallType<typeof _Overlay> = withInstall(_Overlay);
+export const Overlay: WithInstallType<typeof _Overlay> = withInstall(_Overlay);
 export default Overlay;
diff --git a/src/picker/demos/base.vue b/src/picker/demos/base.vue
index fdc53f046..3a4e7bc07 100644
--- a/src/picker/demos/base.vue
+++ b/src/picker/demos/base.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { reactive } from 'vue';
-import { PickerValue } from '../type';
+import { PickerValue } from 'tdesign-mobile-vue';
 
 const cityOptions = [
   [
diff --git a/src/picker/demos/cascade.vue b/src/picker/demos/cascade.vue
index 6d6fd0f0a..0ce5acbd2 100644
--- a/src/picker/demos/cascade.vue
+++ b/src/picker/demos/cascade.vue
@@ -18,9 +18,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, reactive } from 'vue';
-import { ToastPlugin } from 'tdesign-mobile-vue';
-import { PickerValue } from '../type';
+import { ref, reactive } from 'vue';
+import { ToastPlugin, PickerValue } from 'tdesign-mobile-vue';
 
 const roles = [
   {
diff --git a/src/picker/index.ts b/src/picker/index.ts
index 95e1794d0..22b190063 100644
--- a/src/picker/index.ts
+++ b/src/picker/index.ts
@@ -10,3 +10,4 @@ export * from './type';
 export type PickerProps = TdPickerProps;
 export const Picker: WithInstallType<typeof _Picker> = withInstall(_Picker);
 export const Cascade: WithInstallType<typeof _Cascade> = withInstall(_Cascade);
+export default Picker;
diff --git a/src/popover/index.ts b/src/popover/index.ts
index 411f3ebb2..a25287eb2 100644
--- a/src/popover/index.ts
+++ b/src/popover/index.ts
@@ -1,4 +1,4 @@
-import Popover from './popover';
+import _Popover from './popover';
 import { withInstall, WithInstallType } from '../shared';
 import { TdPopoverProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type PopoverProps = TdPopoverProps;
 
-const _Popover: WithInstallType<typeof Popover> = withInstall(Popover);
-export default _Popover;
+export const Popover: WithInstallType<typeof _Popover> = withInstall(_Popover);
+export default Popover;
diff --git a/src/popup/index.ts b/src/popup/index.ts
index 586170010..e600890ad 100644
--- a/src/popup/index.ts
+++ b/src/popup/index.ts
@@ -1,4 +1,4 @@
-import Popup from './popup.vue';
+import _Popup from './popup.vue';
 import { withInstall, WithInstallType } from '../shared';
 import { TdPopupProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type PopupProps = TdPopupProps;
 
-const _Popup: WithInstallType<typeof Popup> = withInstall(Popup);
-export default _Popup;
+export const Popup: WithInstallType<typeof _Popup> = withInstall(_Popup);
+export default Popup;
diff --git a/src/progress/index.ts b/src/progress/index.ts
index b532ddd7c..c0535f76c 100644
--- a/src/progress/index.ts
+++ b/src/progress/index.ts
@@ -1,5 +1,5 @@
 import { withInstall, WithInstallType } from '../shared';
-import Progress from './progress';
+import _Progress from './progress';
 
 import './style';
 
@@ -8,5 +8,5 @@ import { TdProgressProps } from './type';
 export * from './type';
 export type ProgressProps = TdProgressProps;
 
-const _Progress: WithInstallType<typeof Progress> = withInstall(Progress);
-export default _Progress;
+export const Progress: WithInstallType<typeof _Progress> = withInstall(_Progress);
+export default Progress;
diff --git a/src/pull-down-refresh/index.ts b/src/pull-down-refresh/index.ts
index 51c48ddaf..4f6cb6ae0 100644
--- a/src/pull-down-refresh/index.ts
+++ b/src/pull-down-refresh/index.ts
@@ -1,4 +1,4 @@
-import PullDownRefresh from './pull-down-refresh';
+import _PullDownRefresh from './pull-down-refresh';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -6,5 +6,6 @@ import { TdPullDownRefreshProps } from './type';
 
 export * from './type';
 export type PullDownRefreshProps = TdPullDownRefreshProps;
-const _PullDownRefresh: WithInstallType<typeof PullDownRefresh> = withInstall(PullDownRefresh);
-export default _PullDownRefresh;
+
+export const PullDownRefresh: WithInstallType<typeof _PullDownRefresh> = withInstall(_PullDownRefresh);
+export default PullDownRefresh;
diff --git a/src/radio/index.ts b/src/radio/index.ts
index d0dbf6ced..8bc13cc5a 100644
--- a/src/radio/index.ts
+++ b/src/radio/index.ts
@@ -1,4 +1,4 @@
-import Radio from './radio';
+import _Radio from './radio';
 import _RadioGroup from './radio-group';
 import { withInstall, WithInstallType } from '../shared';
 
@@ -12,5 +12,5 @@ export type RadioGroupProps = TdRadioGroupProps;
 
 export const RadioGroup = withInstall(_RadioGroup);
 
-const _Radio: WithInstallType<typeof Radio> = withInstall(Radio);
-export default _Radio;
+export const Radio: WithInstallType<typeof _Radio> = withInstall(_Radio);
+export default Radio;
diff --git a/src/rate/index.ts b/src/rate/index.ts
index 3b8458d62..8f32928af 100644
--- a/src/rate/index.ts
+++ b/src/rate/index.ts
@@ -1,4 +1,4 @@
-import Rate from './rate';
+import _Rate from './rate';
 import { withInstall, WithInstallType } from '../shared';
 import { TdRateProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type RateProps = TdRateProps;
 
-const _Rate: WithInstallType<typeof Rate> = withInstall(Rate);
-export default _Rate;
+export const Rate: WithInstallType<typeof _Rate> = withInstall(_Rate);
+export default Rate;
diff --git a/src/result/index.ts b/src/result/index.ts
index fa957f3c4..01302c7ff 100644
--- a/src/result/index.ts
+++ b/src/result/index.ts
@@ -1,4 +1,4 @@
-import Result from './result';
+import _Result from './result';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -6,5 +6,6 @@ import { TdResultProps } from './type';
 
 export * from './type';
 export type ResultProps = TdResultProps;
-const _Result: WithInstallType<typeof Result> = withInstall(Result);
-export default _Result;
+
+export const Result: WithInstallType<typeof _Result> = withInstall(_Result);
+export default Result;
diff --git a/src/search/index.ts b/src/search/index.ts
index 279538ec6..92accf6ec 100644
--- a/src/search/index.ts
+++ b/src/search/index.ts
@@ -1,7 +1,11 @@
-import Search from './search';
+import _Search from './search';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
+import { TdSearchProps } from './type';
 
-const _Search: WithInstallType<typeof Search> = withInstall(Search);
-export default _Search;
+export * from './type';
+export type SearchProps = TdSearchProps;
+
+export const Search: WithInstallType<typeof _Search> = withInstall(_Search);
+export default Search;
diff --git a/src/side-bar/demos/base.vue b/src/side-bar/demos/base.vue
index ac4aebfd0..284cd427e 100644
--- a/src/side-bar/demos/base.vue
+++ b/src/side-bar/demos/base.vue
@@ -23,8 +23,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { reactive, ref, onMounted, computed } from 'vue';
-import { TdSideBarProps, TdSideBarItemProps } from '../type';
+import { reactive, ref, onMounted } from 'vue';
+import { TdSideBarProps, TdSideBarItemProps } from 'tdesign-mobile-vue';
 
 const image = 'https://tdesign.gtimg.com/mobile/demos/example2.png';
 const items = new Array(12).fill({ label: '标题文字', image }, 0, 12);
diff --git a/src/side-bar/demos/custom.vue b/src/side-bar/demos/custom.vue
index 9540c0020..b74e22a74 100644
--- a/src/side-bar/demos/custom.vue
+++ b/src/side-bar/demos/custom.vue
@@ -23,8 +23,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { reactive, ref, onMounted, computed } from 'vue';
-import { TdSideBarProps, TdSideBarItemProps } from '../type';
+import { reactive, ref, onMounted } from 'vue';
+import { TdSideBarProps, TdSideBarItemProps } from 'tdesign-mobile-vue';
 
 const image = 'https://tdesign.gtimg.com/mobile/demos/example2.png';
 const items = new Array(12).fill({ label: '标题文字', image }, 0, 12);
diff --git a/src/side-bar/demos/switch.vue b/src/side-bar/demos/switch.vue
index 560560292..e68e720d1 100644
--- a/src/side-bar/demos/switch.vue
+++ b/src/side-bar/demos/switch.vue
@@ -25,7 +25,7 @@
 </template>
 <script lang="ts" setup>
 import { reactive, ref } from 'vue';
-import { TdSideBarProps, TdSideBarItemProps } from '../type';
+import { TdSideBarProps, TdSideBarItemProps } from 'tdesign-mobile-vue';
 
 const image = 'https://tdesign.gtimg.com/mobile/demos/example2.png';
 const items = new Array(12).fill({ label: '标题文字', image }, 0, 12);
diff --git a/src/side-bar/demos/with-icon.vue b/src/side-bar/demos/with-icon.vue
index 441cf6c8f..3636a8679 100644
--- a/src/side-bar/demos/with-icon.vue
+++ b/src/side-bar/demos/with-icon.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup>
 import { reactive, ref, h, onMounted } from 'vue';
 import { AppIcon } from 'tdesign-icons-vue-next';
-import { TdSideBarProps, TdSideBarItemProps } from '../type';
+import { TdSideBarProps, TdSideBarItemProps } from 'tdesign-mobile-vue';
 
 const image = 'https://tdesign.gtimg.com/mobile/demos/example2.png';
 const items = new Array(12).fill({ label: '标题文字', image }, 0, 12);
diff --git a/src/side-bar/index.ts b/src/side-bar/index.ts
index eaae74384..41d18708d 100644
--- a/src/side-bar/index.ts
+++ b/src/side-bar/index.ts
@@ -9,5 +9,7 @@ export * from './type';
 
 export type SideBarProps = TdSideBarProps;
 export type SideBarItemProps = TdSideBarItemProps;
+
 export const SideBar: WithInstallType<typeof _SideBar> = withInstall(_SideBar);
 export const SideBarItem: WithInstallType<typeof _SideBarItem> = withInstall(_SideBarItem);
+export default SideBar;
diff --git a/src/skeleton/index.ts b/src/skeleton/index.ts
index 0a50d9af6..11a448377 100644
--- a/src/skeleton/index.ts
+++ b/src/skeleton/index.ts
@@ -1,4 +1,4 @@
-import Skeleton from './skeleton';
+import _Skeleton from './skeleton';
 import { withInstall, WithInstallType } from '../shared';
 
 import { TdSkeletonProps } from './type';
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type SkeletonProps = TdSkeletonProps;
 
-const _Skeleton: WithInstallType<typeof Skeleton> = withInstall(Skeleton);
-export default _Skeleton;
+export const Skeleton: WithInstallType<typeof _Skeleton> = withInstall(_Skeleton);
+export default Skeleton;
diff --git a/src/slider/index.ts b/src/slider/index.ts
index 1f35ee22a..24e244e0a 100644
--- a/src/slider/index.ts
+++ b/src/slider/index.ts
@@ -1,7 +1,7 @@
-import Slider from './slider';
+import _Slider from './slider';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
 
-const _Slider: WithInstallType<typeof Slider> = withInstall(Slider);
-export default _Slider;
+export const Slider: WithInstallType<typeof _Slider> = withInstall(_Slider);
+export default Slider;
diff --git a/src/stepper/index.ts b/src/stepper/index.ts
index 0a813542f..7fba1ed17 100644
--- a/src/stepper/index.ts
+++ b/src/stepper/index.ts
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type StepperProps = TdStepperProps;
 
-const Stepper: WithInstallType<typeof _Stepper> = withInstall(_Stepper);
+export const Stepper: WithInstallType<typeof _Stepper> = withInstall(_Stepper);
 export default Stepper;
diff --git a/src/steps/index.ts b/src/steps/index.ts
index e28edeb0d..8faa429b7 100644
--- a/src/steps/index.ts
+++ b/src/steps/index.ts
@@ -1,5 +1,5 @@
-import LocalSteps from './steps';
-import LocalStepItem from './step-item';
+import _Steps from './steps';
+import _StepItem from './step-item';
 import { withInstall, WithInstallType } from '../shared';
 import { TdStepsProps, TdStepItemProps } from './type';
 
@@ -9,5 +9,6 @@ export * from './type';
 export type StepItemProps = TdStepItemProps;
 export type StepsProps = TdStepsProps;
 
-export const StepItem: WithInstallType<typeof LocalStepItem> = withInstall(LocalStepItem);
-export const Steps: WithInstallType<typeof LocalSteps> = withInstall(LocalSteps);
+export const StepItem: WithInstallType<typeof _StepItem> = withInstall(_StepItem);
+export const Steps: WithInstallType<typeof _Steps> = withInstall(_Steps);
+export default Steps;
diff --git a/src/sticky/index.ts b/src/sticky/index.ts
index 8207a614d..d3d9d84fd 100644
--- a/src/sticky/index.ts
+++ b/src/sticky/index.ts
@@ -1,4 +1,4 @@
-import Sticky from './sticky';
+import _Sticky from './sticky';
 import { withInstall, WithInstallType } from '../shared';
 import { TdStickyProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type StickyProps = TdStickyProps;
 
-const _Sticky: WithInstallType<typeof Sticky> = withInstall(Sticky);
-export default _Sticky;
+export const Sticky: WithInstallType<typeof _Sticky> = withInstall(_Sticky);
+export default Sticky;
diff --git a/src/swipe-cell/demos/left.vue b/src/swipe-cell/demos/left.vue
index 0314851eb..e8cb02ec3 100644
--- a/src/swipe-cell/demos/left.vue
+++ b/src/swipe-cell/demos/left.vue
@@ -29,8 +29,8 @@
 
 <script setup lang="ts">
 import { reactive } from 'vue';
+import { SwipeActionItem } from 'tdesign-mobile-vue';
 import Toast from '../../toast/index';
-import { SwipeActionItem } from '../type';
 
 interface InitData {
   btns: {}[];
diff --git a/src/swipe-cell/index.ts b/src/swipe-cell/index.ts
index bc11b5924..521fa3038 100644
--- a/src/swipe-cell/index.ts
+++ b/src/swipe-cell/index.ts
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type SwipeCellProps = TdSwipeCellProps;
 
-const SwipeCell: WithInstallType<typeof _SwipeCell> = withInstall(_SwipeCell);
+export const SwipeCell: WithInstallType<typeof _SwipeCell> = withInstall(_SwipeCell);
 export default SwipeCell;
diff --git a/src/swiper/index.ts b/src/swiper/index.ts
index cf987d72b..f9183b076 100644
--- a/src/swiper/index.ts
+++ b/src/swiper/index.ts
@@ -10,3 +10,4 @@ export type SwiperProps = TdSwiperProps;
 
 export const Swiper: WithInstallType<typeof _Swiper> = withInstall(_Swiper);
 export const SwiperItem: WithInstallType<typeof _SwiperItem> = withInstall(_SwiperItem);
+export default Swiper;
diff --git a/src/switch/index.ts b/src/switch/index.ts
index 536dfaf9b..5b6bb5aed 100644
--- a/src/switch/index.ts
+++ b/src/switch/index.ts
@@ -1,4 +1,4 @@
-import Switch from './switch';
+import _Switch from './switch';
 import { withInstall, WithInstallType } from '../shared';
 import { TdSwitchProps } from './type';
 
@@ -7,5 +7,5 @@ import './style';
 export * from './type';
 export type SwitchProps = TdSwitchProps;
 
-const _Switch: WithInstallType<typeof Switch> = withInstall(Switch);
-export default _Switch;
+export const Switch: WithInstallType<typeof _Switch> = withInstall(_Switch);
+export default Switch;
diff --git a/src/tab-bar/index.ts b/src/tab-bar/index.ts
index 83dca13ef..147fb3a56 100644
--- a/src/tab-bar/index.ts
+++ b/src/tab-bar/index.ts
@@ -1,5 +1,5 @@
-import LocalTabBar from './tab-bar';
-import LocalTabBarItem from './tab-bar-item';
+import _TabBar from './tab-bar';
+import _TabBarItem from './tab-bar-item';
 import { withInstall, WithInstallType } from '../shared';
 import { TdTabBarProps, TdTabBarItemProps } from './type';
 
@@ -9,5 +9,6 @@ export * from './type';
 export type TabBarProps = TdTabBarProps;
 export type TabBarItemProps = TdTabBarItemProps;
 
-export const TabBar: WithInstallType<typeof LocalTabBar> = withInstall(LocalTabBar);
-export const TabBarItem: WithInstallType<typeof LocalTabBarItem> = withInstall(LocalTabBarItem);
+export const TabBar: WithInstallType<typeof _TabBar> = withInstall(_TabBar);
+export const TabBarItem: WithInstallType<typeof _TabBarItem> = withInstall(_TabBarItem);
+export default TabBar;
diff --git a/src/table/index.ts b/src/table/index.ts
index 37c9d8a12..8c4e9672b 100644
--- a/src/table/index.ts
+++ b/src/table/index.ts
@@ -2,10 +2,12 @@ import BaseTable from './base-table';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
+import { TdBaseTableProps } from './type';
+
+export type TableProps = TdBaseTableProps;
 
 export * from './type';
 export * from './interface';
 
-const _BaseTable: WithInstallType<typeof BaseTable> = withInstall(BaseTable, 'TTable');
-
-export default _BaseTable;
+export const Table: WithInstallType<typeof BaseTable> = withInstall(BaseTable, 'TTable');
+export default Table;
diff --git a/src/tabs/index.ts b/src/tabs/index.ts
index 745e9e3af..23aac598e 100644
--- a/src/tabs/index.ts
+++ b/src/tabs/index.ts
@@ -1,5 +1,5 @@
-import LocalTabs from './tabs';
-import LocalTabPanel from './tab-panel';
+import _Tabs from './tabs';
+import _TabPanel from './tab-panel';
 import { withInstall, WithInstallType } from '../shared';
 
 import './style';
@@ -9,5 +9,6 @@ export * from './type';
 export type TabsProps = TdTabsProps;
 export type TabPanelProps = TdTabPanelProps;
 
-export const Tabs: WithInstallType<typeof LocalTabs> = withInstall(LocalTabs);
-export const TabPanel: WithInstallType<typeof LocalTabPanel> = withInstall(LocalTabPanel);
+export const Tabs: WithInstallType<typeof _Tabs> = withInstall(_Tabs);
+export const TabPanel: WithInstallType<typeof _TabPanel> = withInstall(_TabPanel);
+export default Tabs;
diff --git a/src/tag/index.ts b/src/tag/index.ts
index a0400ed2a..33abef8ed 100644
--- a/src/tag/index.ts
+++ b/src/tag/index.ts
@@ -1,5 +1,5 @@
-import LocalTag from './tag';
-import LocalCheckTag from './check-tag';
+import _Tag from './tag';
+import _CheckTag from './check-tag';
 import { withInstall, WithInstallType } from '../shared';
 import { TdCheckTagProps, TdTagProps } from './type';
 
@@ -9,5 +9,6 @@ export * from './type';
 export type CheckTagProps = TdCheckTagProps;
 export type TagProps = TdTagProps;
 
-export const Tag: WithInstallType<typeof LocalTag> = withInstall(LocalTag);
-export const CheckTag: WithInstallType<typeof LocalCheckTag> = withInstall(LocalCheckTag);
+export const Tag: WithInstallType<typeof _Tag> = withInstall(_Tag);
+export const CheckTag: WithInstallType<typeof _CheckTag> = withInstall(_CheckTag);
+export default Tag;
diff --git a/src/textarea/index.ts b/src/textarea/index.ts
index ce4026518..6ebb989c6 100644
--- a/src/textarea/index.ts
+++ b/src/textarea/index.ts
@@ -1,5 +1,5 @@
 import { withInstall, WithInstallType } from '../shared';
-import Textarea from './textarea';
+import _Textarea from './textarea';
 
 import './style';
 
@@ -8,5 +8,5 @@ import { TdTextareaProps } from './type';
 export * from './type';
 export type TextareaProps = TdTextareaProps;
 
-const _Textarea: WithInstallType<typeof Textarea> = withInstall(Textarea);
-export default _Textarea;
+export const Textarea: WithInstallType<typeof _Textarea> = withInstall(_Textarea);
+export default Textarea;
diff --git a/src/toast/demos/base.vue b/src/toast/demos/base.vue
index a83316e64..7bceba72d 100644
--- a/src/toast/demos/base.vue
+++ b/src/toast/demos/base.vue
@@ -9,7 +9,6 @@
 </template>
 
 <script setup lang="ts">
-import { h, ref } from 'vue';
 import { Toast } from 'tdesign-mobile-vue';
 
 const showText = () => {
diff --git a/src/toast/demos/theme.vue b/src/toast/demos/theme.vue
index ea0344273..611d613d0 100644
--- a/src/toast/demos/theme.vue
+++ b/src/toast/demos/theme.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { h, ref } from 'vue';
+import { h } from 'vue';
 import { Toast } from 'tdesign-mobile-vue';
 import { ErrorCircleIcon } from 'tdesign-icons-vue-next';
 
diff --git a/src/upload/demos/multiple.vue b/src/upload/demos/multiple.vue
index f33931fa4..fb0e8550f 100644
--- a/src/upload/demos/multiple.vue
+++ b/src/upload/demos/multiple.vue
@@ -21,7 +21,13 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue';
-import { UploadChangeContext, UploadFile, UploadRemoveContext, SuccessContext, ProgressContext } from '../type';
+import {
+  UploadChangeContext,
+  UploadFile,
+  UploadRemoveContext,
+  SuccessContext,
+  ProgressContext,
+} from 'tdesign-mobile-vue';
 
 const onFail = ({ file, e }: { file: UploadFile; e: ProgressEvent }): any => {
   console.log('---onFail', file, e);
diff --git a/src/upload/index.ts b/src/upload/index.ts
index 7bf414cdc..a12768c8e 100644
--- a/src/upload/index.ts
+++ b/src/upload/index.ts
@@ -1,6 +1,12 @@
 import { withInstall, WithInstallType } from '../shared';
-import Upload from './upload';
+import _Upload from './upload';
+
 import './style';
 
-const _Upload: WithInstallType<typeof Upload> = withInstall(Upload);
-export default _Upload;
+import { TdUploadProps } from './type';
+
+export * from './type';
+export type UploadProps = TdUploadProps;
+
+export const Upload: WithInstallType<typeof _Upload> = withInstall(_Upload);
+export default Upload;