diff --git a/apps/web-antd/src/views/mp/autoReply/data.ts b/apps/web-antd/src/views/mp/autoReply/data.ts
index 31c0481b5..18d0a6ad4 100644
--- a/apps/web-antd/src/views/mp/autoReply/data.ts
+++ b/apps/web-antd/src/views/mp/autoReply/data.ts
@@ -5,7 +5,7 @@ import { markRaw } from 'vue';
 
 import { DICT_TYPE } from '@vben/constants';
 
-import WxAccountSelect from '#/views/mp/modules/wx-account-select/main.vue';
+import { WxAccountSelect } from '#/views/mp/modules/wx-account-select';
 
 import { MsgType } from './modules/types';
 
diff --git a/apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue b/apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue
index d8e137083..ae5be39b2 100644
--- a/apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue
+++ b/apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue
@@ -10,7 +10,7 @@ import { getDictOptions } from '@vben/hooks';
 
 import { Form, FormItem, Input, Select, SelectOption } from 'ant-design-vue';
 
-import WxReplySelect from '#/views/mp/modules/wx-reply';
+import { WxReplySelect } from '#/views/mp/modules/wx-reply';
 
 import { MsgType } from './types';
 
diff --git a/apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue b/apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue
index bdfb41ade..e8e6667dc 100644
--- a/apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue
+++ b/apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import WxMusic from '#/views/mp/modules/wx-music';
-import WxNews from '#/views/mp/modules/wx-news';
-import WxVideoPlayer from '#/views/mp/modules/wx-video-play';
-import WxVoicePlayer from '#/views/mp/modules/wx-voice-play';
+import { WxMusic } from '#/views/mp/modules/wx-music';
+import { WxNews } from '#/views/mp/modules/wx-news';
+import { WxVideoPlayer } from '#/views/mp/modules/wx-video-play';
+import { WxVoicePlayer } from '#/views/mp/modules/wx-voice-play';
 
 defineOptions({ name: 'ReplyContentCell' });
 
diff --git a/apps/web-antd/src/views/mp/autoReply/modules/form.vue b/apps/web-antd/src/views/mp/autoReply/modules/form.vue
index edad0f073..936f94272 100644
--- a/apps/web-antd/src/views/mp/autoReply/modules/form.vue
+++ b/apps/web-antd/src/views/mp/autoReply/modules/form.vue
@@ -9,7 +9,7 @@ import { message } from 'ant-design-vue';
 
 import * as MpAutoReplyApi from '#/api/mp/autoReply';
 import { $t } from '#/locales';
-import { ReplyType } from '#/views/mp/modules/wx-reply/modules/types';
+import { ReplyType } from '#/views/mp/modules/wx-reply/types';
 
 import ReplyForm from './ReplyForm.vue';
 import { MsgType } from './types';
diff --git a/apps/web-antd/src/views/mp/draft/data.ts b/apps/web-antd/src/views/mp/draft/data.ts
index 89492f63e..89ff14c9b 100644
--- a/apps/web-antd/src/views/mp/draft/data.ts
+++ b/apps/web-antd/src/views/mp/draft/data.ts
@@ -3,7 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { markRaw } from 'vue';
 
-import WxAccountSelect from '#/views/mp/modules/wx-account-select/main.vue';
+import { WxAccountSelect } from '#/views/mp/modules/wx-account-select';
 
 /** 获取表格列配置 */
 export function useGridColumns(): VxeTableGridOptions['columns'] {
diff --git a/apps/web-antd/src/views/mp/draft/modules/cover-select.vue b/apps/web-antd/src/views/mp/draft/modules/cover-select.vue
index 747437173..2bc145a5b 100644
--- a/apps/web-antd/src/views/mp/draft/modules/cover-select.vue
+++ b/apps/web-antd/src/views/mp/draft/modules/cover-select.vue
@@ -11,7 +11,7 @@ import { useAccessStore } from '@vben/stores';
 import { Button, Image, message, Modal, Upload } from 'ant-design-vue';
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
 
 // 设置上传的请求头部
 
diff --git a/apps/web-antd/src/views/mp/draft/modules/draft-table.vue b/apps/web-antd/src/views/mp/draft/modules/draft-table.vue
index 36ef5b0a6..0ae45d695 100644
--- a/apps/web-antd/src/views/mp/draft/modules/draft-table.vue
+++ b/apps/web-antd/src/views/mp/draft/modules/draft-table.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Article } from './types';
 
-import WxNews from '#/views/mp/modules/wx-news/main.vue';
+import { WxNews } from '#/views/mp/modules/wx-news';
 
 defineOptions({ name: 'DraftTableCell' });
 
diff --git a/apps/web-antd/src/views/mp/menu/components/menu-editor.vue b/apps/web-antd/src/views/mp/menu/components/menu-editor.vue
index 991a61e19..53b79e871 100644
--- a/apps/web-antd/src/views/mp/menu/components/menu-editor.vue
+++ b/apps/web-antd/src/views/mp/menu/components/menu-editor.vue
@@ -13,9 +13,9 @@ import {
   Select,
 } from 'ant-design-vue';
 
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select/main.vue';
-import WxNews from '#/views/mp/modules/wx-news/main.vue';
-import WxReplySelect from '#/views/mp/modules/wx-reply/main.vue';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
+import { WxNews } from '#/views/mp/modules/wx-news';
+import { WxReplySelect } from '#/views/mp/modules/wx-reply';
 
 import menuOptions from './menuOptions';
 
diff --git a/apps/web-antd/src/views/mp/menu/index.vue b/apps/web-antd/src/views/mp/menu/index.vue
index 810304b2e..4023a6cdf 100644
--- a/apps/web-antd/src/views/mp/menu/index.vue
+++ b/apps/web-antd/src/views/mp/menu/index.vue
@@ -11,7 +11,7 @@ import { Button, Form, message } from 'ant-design-vue';
 import * as MpMenuApi from '#/api/mp/menu';
 import { MenuEditor, MenuPreviewer } from '#/views/mp/menu/components';
 import { Level, MENU_NOT_SELECTED } from '#/views/mp/menu/data';
-import WxAccountSelect from '#/views/mp/modules/wx-account-select/main.vue';
+import { WxAccountSelect } from '#/views/mp/modules/wx-account-select';
 
 defineOptions({ name: 'MpMenu' });
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-account-select/index.ts b/apps/web-antd/src/views/mp/modules/wx-account-select/index.ts
index 374d993fe..9ceb20fa5 100644
--- a/apps/web-antd/src/views/mp/modules/wx-account-select/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-account-select/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxAccountSelect } from './wx-account-select.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-account-select/main.vue b/apps/web-antd/src/views/mp/modules/wx-account-select/wx-account-select.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-account-select/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-account-select/wx-account-select.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-location/index.ts b/apps/web-antd/src/views/mp/modules/wx-location/index.ts
index 374d993fe..029a666a9 100644
--- a/apps/web-antd/src/views/mp/modules/wx-location/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-location/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxLocation } from './wx-location.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-location/main.vue b/apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-location/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-material-select/index.ts b/apps/web-antd/src/views/mp/modules/wx-material-select/index.ts
index f4fcea0ba..27cf66886 100644
--- a/apps/web-antd/src/views/mp/modules/wx-material-select/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-material-select/index.ts
@@ -1,3 +1,3 @@
-export { default } from './main.vue';
+export * from './types';
 
-export { MaterialType, NewsType } from './types';
+export { default as WxMaterialSelect } from './wx-material-select.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-material-select/main.vue b/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
similarity index 97%
rename from apps/web-antd/src/views/mp/modules/wx-material-select/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
index eecbec1dd..20dd82d23 100644
--- a/apps/web-antd/src/views/mp/modules/wx-material-select/main.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
@@ -9,9 +9,9 @@ import { Button, Pagination, Row, Spin, Table } from 'ant-design-vue';
 import * as MpDraftApi from '#/api/mp/draft';
 import * as MpFreePublishApi from '#/api/mp/freePublish';
 import * as MpMaterialApi from '#/api/mp/material';
-import WxNews from '#/views/mp/modules/wx-news';
-import WxVideoPlayer from '#/views/mp/modules/wx-video-play';
-import WxVoicePlayer from '#/views/mp/modules/wx-voice-play';
+import { WxNews } from '#/views/mp/modules/wx-news';
+import { WxVideoPlayer } from '#/views/mp/modules/wx-video-play';
+import { WxVoicePlayer } from '#/views/mp/modules/wx-voice-play';
 
 import { NewsType } from './types';
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/index.ts b/apps/web-antd/src/views/mp/modules/wx-msg/index.ts
index 048afc95f..42150e8a0 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/index.ts
@@ -1,3 +1,3 @@
-export { default } from './main.vue';
+export * from './types';
 
-export { MsgType } from './types';
+export { default as WxMsg } from './wx-msg.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/modules/msg-event.vue b/apps/web-antd/src/views/mp/modules/wx-msg/msg-event.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-msg/modules/msg-event.vue
rename to apps/web-antd/src/views/mp/modules/wx-msg/msg-event.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/modules/msg-list.vue b/apps/web-antd/src/views/mp/modules/wx-msg/msg-list.vue
similarity index 98%
rename from apps/web-antd/src/views/mp/modules/wx-msg/modules/msg-list.vue
rename to apps/web-antd/src/views/mp/modules/wx-msg/msg-list.vue
index e1f86a43e..8614490a3 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/modules/msg-list.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/msg-list.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { User } from '../types';
+import type { User } from './types';
 
 import { formatDateTime } from '@vben/utils';
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/modules/msg.vue b/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
similarity index 85%
rename from apps/web-antd/src/views/mp/modules/wx-msg/modules/msg.vue
rename to apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
index c293518c7..faffd8d4d 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/modules/msg.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 
-import WxLocation from '#/views/mp/modules/wx-location';
-import WxMusic from '#/views/mp/modules/wx-music';
-import WxNews from '#/views/mp/modules/wx-news';
-import WxVideoPlayer from '#/views/mp/modules/wx-video-play';
-import WxVoicePlayer from '#/views/mp/modules/wx-voice-play';
+import { WxLocation } from '#/views/mp/modules/wx-location';
+import { WxMusic } from '#/views/mp/modules/wx-music';
+import { WxNews } from '#/views/mp/modules/wx-news';
+import { WxVideoPlayer } from '#/views/mp/modules/wx-video-play';
+import { WxVoicePlayer } from '#/views/mp/modules/wx-voice-play';
 
-import { MsgType } from '../types';
 import MsgEvent from './msg-event.vue';
+import { MsgType } from './types';
 
 defineOptions({ name: 'Msg' });
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/main.vue b/apps/web-antd/src/views/mp/modules/wx-msg/wx-msg.vue
similarity index 98%
rename from apps/web-antd/src/views/mp/modules/wx-msg/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-msg/wx-msg.vue
index f3fce37bc..10a349978 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/main.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/wx-msg.vue
@@ -17,9 +17,9 @@ import { Button, message, Spin } from 'ant-design-vue';
 import { getMessagePage, sendMessage } from '#/api/mp/message';
 import { getUser } from '#/api/mp/user';
 import profile from '#/assets/imgs/profile.jpg';
-import WxReplySelect, { ReplyType } from '#/views/mp/modules/wx-reply';
+import { ReplyType, WxReplySelect } from '#/views/mp/modules/wx-reply';
 
-import MsgList from './modules/msg-list.vue';
+import MsgList from './msg-list.vue';
 
 defineOptions({ name: 'WxMsg' });
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-music/index.ts b/apps/web-antd/src/views/mp/modules/wx-music/index.ts
index 374d993fe..f0bdd7753 100644
--- a/apps/web-antd/src/views/mp/modules/wx-music/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-music/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxMusic } from './wx-music.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-music/main.vue b/apps/web-antd/src/views/mp/modules/wx-music/wx-music.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-music/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-music/wx-music.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-news/index.ts b/apps/web-antd/src/views/mp/modules/wx-news/index.ts
index 374d993fe..13d17905d 100644
--- a/apps/web-antd/src/views/mp/modules/wx-news/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-news/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxNews } from './wx-news.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-news/main.vue b/apps/web-antd/src/views/mp/modules/wx-news/wx-news.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-news/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-news/wx-news.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/index.ts b/apps/web-antd/src/views/mp/modules/wx-reply/index.ts
index 8696f5c53..6911dfa2a 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/index.ts
@@ -1,8 +1,3 @@
-export { default } from './main.vue';
+export { createEmptyReply, NewsType, type Reply, ReplyType } from './types';
 
-export {
-  createEmptyReply,
-  NewsType,
-  type Reply,
-  ReplyType,
-} from './modules/types';
+export { default as WxReplySelect } from './wx-reply.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-image.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-image.vue
similarity index 98%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-image.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-image.vue
index b2fd58843..1e0f46223 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-image.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/tab-image.vue
@@ -11,7 +11,7 @@ import { useAccessStore } from '@vben/stores';
 import { Button, Col, message, Modal, Row, Upload } from 'ant-design-vue';
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
 
 const props = defineProps<{
   modelValue: Reply;
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-music.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-music.vue
similarity index 98%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-music.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-music.vue
index 508712f0d..969f17235 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-music.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/tab-music.vue
@@ -20,7 +20,7 @@ import {
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
 // import { getAccessToken } from '@/utils/auth'
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
 
 // 设置上传的请求头部
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-news.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-news.vue
similarity index 94%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-news.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-news.vue
index 337e77eb2..53c1bebc0 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-news.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/tab-news.vue
@@ -7,8 +7,8 @@ import { IconifyIcon } from '@vben/icons';
 
 import { Button, Col, Modal, Row } from 'ant-design-vue';
 
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
-import WxNews from '#/views/mp/modules/wx-news';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
+import { WxNews } from '#/views/mp/modules/wx-news';
 
 import { NewsType } from './types';
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-text.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-text.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-text.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-text.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-video.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-video.vue
similarity index 97%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-video.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-video.vue
index 765d436c8..c5ad445b0 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-video.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/tab-video.vue
@@ -20,8 +20,8 @@ import {
 } from 'ant-design-vue';
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
-import WxVideoPlayer from '#/views/mp/modules/wx-video-play';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
+import { WxVideoPlayer } from '#/views/mp/modules/wx-video-play';
 
 const props = defineProps<{
   modelValue: Reply;
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-voice.vue b/apps/web-antd/src/views/mp/modules/wx-reply/tab-voice.vue
similarity index 96%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-voice.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/tab-voice.vue
index c848bd511..df6deab41 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/modules/tab-voice.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/tab-voice.vue
@@ -11,8 +11,8 @@ import { useAccessStore } from '@vben/stores';
 import { Button, Col, message, Modal, Row, Upload } from 'ant-design-vue';
 
 import { UploadType, useBeforeUpload } from '#/utils/useUpload';
-import WxMaterialSelect from '#/views/mp/modules/wx-material-select';
-import WxVoicePlayer from '#/views/mp/modules/wx-voice-play';
+import { WxMaterialSelect } from '#/views/mp/modules/wx-material-select';
+import { WxVoicePlayer } from '#/views/mp/modules/wx-voice-play';
 
 // 设置上传的请求头部
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/modules/types.ts b/apps/web-antd/src/views/mp/modules/wx-reply/types.ts
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-reply/modules/types.ts
rename to apps/web-antd/src/views/mp/modules/wx-reply/types.ts
diff --git a/apps/web-antd/src/views/mp/modules/wx-reply/main.vue b/apps/web-antd/src/views/mp/modules/wx-reply/wx-reply.vue
similarity index 90%
rename from apps/web-antd/src/views/mp/modules/wx-reply/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-reply/wx-reply.vue
index 79615f23d..ef901b533 100644
--- a/apps/web-antd/src/views/mp/modules/wx-reply/main.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-reply/wx-reply.vue
@@ -8,7 +8,7 @@
   ④ 支持发送【视频】消息时，支持新建视频
 -->
 <script lang="ts" setup>
-import type { Reply } from './modules/types';
+import type { Reply } from './types';
 
 import { computed, ref, unref, watch } from 'vue';
 
@@ -16,13 +16,13 @@ import { IconifyIcon } from '@vben/icons';
 
 import { Row, Tabs } from 'ant-design-vue';
 
-import TabImage from './modules/tab-image.vue';
-import TabMusic from './modules/tab-music.vue';
-import TabNews from './modules/tab-news.vue';
-import TabText from './modules/tab-text.vue';
-import TabVideo from './modules/tab-video.vue';
-import TabVoice from './modules/tab-voice.vue';
-import { createEmptyReply, NewsType, ReplyType } from './modules/types';
+import TabImage from './tab-image.vue';
+import TabMusic from './tab-music.vue';
+import TabNews from './tab-news.vue';
+import TabText from './tab-text.vue';
+import TabVideo from './tab-video.vue';
+import TabVoice from './tab-voice.vue';
+import { createEmptyReply, NewsType, ReplyType } from './types';
 
 defineOptions({ name: 'WxReplySelect' });
 
diff --git a/apps/web-antd/src/views/mp/modules/wx-video-play/index.ts b/apps/web-antd/src/views/mp/modules/wx-video-play/index.ts
index 374d993fe..5cda5edeb 100644
--- a/apps/web-antd/src/views/mp/modules/wx-video-play/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-video-play/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxVideoPlayer } from './wx-video-play.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-video-play/main.vue b/apps/web-antd/src/views/mp/modules/wx-video-play/wx-video-play.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-video-play/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-video-play/wx-video-play.vue
diff --git a/apps/web-antd/src/views/mp/modules/wx-voice-play/index.ts b/apps/web-antd/src/views/mp/modules/wx-voice-play/index.ts
index 374d993fe..0ecc27ead 100644
--- a/apps/web-antd/src/views/mp/modules/wx-voice-play/index.ts
+++ b/apps/web-antd/src/views/mp/modules/wx-voice-play/index.ts
@@ -1 +1 @@
-export { default } from './main.vue';
+export { default as WxVoicePlayer } from './wx-voice-play.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-voice-play/main.vue b/apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/modules/wx-voice-play/main.vue
rename to apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue