From 15215b4f4c576b3f2536f0c7a9f54311218e14f2 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Fri, 7 Nov 2025 19:06:34 +0800
Subject: [PATCH] feat: mp

---
 .../{modules => components}/ReplyForm.vue     |  0
 .../{modules => components}/ReplyTable.vue    |  0
 .../{modules => components}/types.ts          |  0
 apps/web-antd/src/views/mp/autoReply/data.ts  |  2 +-
 .../web-antd/src/views/mp/autoReply/index.vue |  4 ++--
 .../src/views/mp/autoReply/modules/form.vue   | 10 ++++-----
 .../{modules => components}/cover-select.vue  |  2 +-
 .../{modules => components}/draft-table.vue   |  8 +------
 .../{modules => components}/news-form.vue     | 12 +++++-----
 .../mp/draft/{modules => components}/types.ts |  0
 apps/web-antd/src/views/mp/draft/index.vue    |  6 ++---
 .../src/views/mp/draft/modules/form.vue       | 10 ++++-----
 .../mp/menu/components/menu-previewer.vue     |  7 +++---
 apps/web-antd/src/views/mp/menu/index.vue     |  8 +++----
 .../mp/modules/wx-location/wx-location.vue    |  4 +++-
 .../wx-material-select/wx-material-select.vue | 12 +++++-----
 .../src/views/mp/modules/wx-msg/msg.vue       |  4 +++-
 .../src/views/mp/modules/wx-reply/index.ts    |  3 +--
 .../modules/wx-voice-play/wx-voice-play.vue   | 22 ++++++++++---------
 19 files changed, 57 insertions(+), 57 deletions(-)
 rename apps/web-antd/src/views/mp/autoReply/{modules => components}/ReplyForm.vue (100%)
 rename apps/web-antd/src/views/mp/autoReply/{modules => components}/ReplyTable.vue (100%)
 rename apps/web-antd/src/views/mp/autoReply/{modules => components}/types.ts (100%)
 rename apps/web-antd/src/views/mp/draft/{modules => components}/cover-select.vue (99%)
 rename apps/web-antd/src/views/mp/draft/{modules => components}/draft-table.vue (79%)
 rename apps/web-antd/src/views/mp/draft/{modules => components}/news-form.vue (96%)
 rename apps/web-antd/src/views/mp/draft/{modules => components}/types.ts (100%)

diff --git a/apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue b/apps/web-antd/src/views/mp/autoReply/components/ReplyForm.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/autoReply/modules/ReplyForm.vue
rename to apps/web-antd/src/views/mp/autoReply/components/ReplyForm.vue
diff --git a/apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue b/apps/web-antd/src/views/mp/autoReply/components/ReplyTable.vue
similarity index 100%
rename from apps/web-antd/src/views/mp/autoReply/modules/ReplyTable.vue
rename to apps/web-antd/src/views/mp/autoReply/components/ReplyTable.vue
diff --git a/apps/web-antd/src/views/mp/autoReply/modules/types.ts b/apps/web-antd/src/views/mp/autoReply/components/types.ts
similarity index 100%
rename from apps/web-antd/src/views/mp/autoReply/modules/types.ts
rename to apps/web-antd/src/views/mp/autoReply/components/types.ts
diff --git a/apps/web-antd/src/views/mp/autoReply/data.ts b/apps/web-antd/src/views/mp/autoReply/data.ts
index 18d0a6ad4..e3cbef345 100644
--- a/apps/web-antd/src/views/mp/autoReply/data.ts
+++ b/apps/web-antd/src/views/mp/autoReply/data.ts
@@ -7,7 +7,7 @@ import { DICT_TYPE } from '@vben/constants';
 
 import { WxAccountSelect } from '#/views/mp/modules/wx-account-select';
 
-import { MsgType } from './modules/types';
+import { MsgType } from './components/types';
 
 /** 获取表格列配置 */
 export function useGridColumns(msgType: MsgType): VxeGridPropTypes.Columns {
diff --git a/apps/web-antd/src/views/mp/autoReply/index.vue b/apps/web-antd/src/views/mp/autoReply/index.vue
index fb1b9ce3f..2d441dea8 100644
--- a/apps/web-antd/src/views/mp/autoReply/index.vue
+++ b/apps/web-antd/src/views/mp/autoReply/index.vue
@@ -18,10 +18,10 @@ import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import * as MpAutoReplyApi from '#/api/mp/autoReply';
 import { $t } from '#/locales';
 
+import ReplyContentCell from './components/ReplyTable.vue';
+import { MsgType } from './components/types';
 import { useGridColumns, useGridFormSchema } from './data';
 import Form from './modules/form.vue';
-import ReplyContentCell from './modules/ReplyTable.vue';
-import { MsgType } from './modules/types';
 
 defineOptions({ name: 'MpAutoReply' });
 
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 936f94272..eaaa62795 100644
--- a/apps/web-antd/src/views/mp/autoReply/modules/form.vue
+++ b/apps/web-antd/src/views/mp/autoReply/modules/form.vue
@@ -7,12 +7,12 @@ import { useVbenModal } from '@vben/common-ui';
 
 import { message } from 'ant-design-vue';
 
-import * as MpAutoReplyApi from '#/api/mp/autoReply';
+import { createAutoReply, updateAutoReply } from '#/api/mp/autoReply';
 import { $t } from '#/locales';
 import { ReplyType } from '#/views/mp/modules/wx-reply/types';
 
-import ReplyForm from './ReplyForm.vue';
-import { MsgType } from './types';
+import ReplyForm from '../components/ReplyForm.vue';
+import { MsgType } from '../components/types';
 
 const emit = defineEmits(['success']);
 
@@ -52,10 +52,10 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     try {
       if (replyForm.value.id === undefined) {
-        await MpAutoReplyApi.createAutoReply(submitForm);
+        await createAutoReply(submitForm);
         message.success('新增成功');
       } else {
-        await MpAutoReplyApi.updateAutoReply(submitForm);
+        await updateAutoReply(submitForm);
         message.success('修改成功');
       }
       await modalApi.close();
diff --git a/apps/web-antd/src/views/mp/draft/modules/cover-select.vue b/apps/web-antd/src/views/mp/draft/components/cover-select.vue
similarity index 99%
rename from apps/web-antd/src/views/mp/draft/modules/cover-select.vue
rename to apps/web-antd/src/views/mp/draft/components/cover-select.vue
index 2bc145a5b..ad878f3c9 100644
--- a/apps/web-antd/src/views/mp/draft/modules/cover-select.vue
+++ b/apps/web-antd/src/views/mp/draft/components/cover-select.vue
@@ -97,7 +97,7 @@ function onUploadError(err: Error) {
       />
       <IconifyIcon
         v-else
-        icon="ep:plus"
+        icon="lucide:plus"
         class="avatar-uploader-icon"
         :class="isFirst ? 'avatar' : 'avatar1'"
       />
diff --git a/apps/web-antd/src/views/mp/draft/modules/draft-table.vue b/apps/web-antd/src/views/mp/draft/components/draft-table.vue
similarity index 79%
rename from apps/web-antd/src/views/mp/draft/modules/draft-table.vue
rename to apps/web-antd/src/views/mp/draft/components/draft-table.vue
index 0ae45d695..6e4f12af4 100644
--- a/apps/web-antd/src/views/mp/draft/modules/draft-table.vue
+++ b/apps/web-antd/src/views/mp/draft/components/draft-table.vue
@@ -11,15 +11,9 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div class="draft-content">
+  <div class="p-2.5">
     <div v-if="props.row.content && props.row.content.newsItem">
       <WxNews :articles="props.row.content.newsItem" />
     </div>
   </div>
 </template>
-
-<style lang="scss" scoped>
-.draft-content {
-  padding: 10px;
-}
-</style>
diff --git a/apps/web-antd/src/views/mp/draft/modules/news-form.vue b/apps/web-antd/src/views/mp/draft/components/news-form.vue
similarity index 96%
rename from apps/web-antd/src/views/mp/draft/modules/news-form.vue
rename to apps/web-antd/src/views/mp/draft/components/news-form.vue
index 62b2b57dc..adaf2269c 100644
--- a/apps/web-antd/src/views/mp/draft/modules/news-form.vue
+++ b/apps/web-antd/src/views/mp/draft/components/news-form.vue
@@ -109,7 +109,7 @@ function plusNews() {
                 size="small"
                 @click="() => moveDownNews(index)"
               >
-                <IconifyIcon icon="ep:arrow-down-bold" />
+                <IconifyIcon icon="lucide:arrow-down" />
               </Button>
               <Button
                 v-if="isCreating"
@@ -119,7 +119,7 @@ function plusNews() {
                 size="small"
                 @click="() => removeNews(index)"
               >
-                <IconifyIcon icon="ep:delete" />
+                <IconifyIcon icon="lucide:trash-2" />
               </Button>
             </div>
           </div>
@@ -143,7 +143,7 @@ function plusNews() {
                 size="small"
                 @click="() => moveDownNews(index)"
               >
-                <IconifyIcon icon="ep:arrow-down-bold" />
+                <IconifyIcon icon="lucide:arrow-down" />
               </Button>
               <Button
                 v-if="index > 0"
@@ -152,7 +152,7 @@ function plusNews() {
                 size="small"
                 @click="() => moveUpNews(index)"
               >
-                <IconifyIcon icon="ep:arrow-up-bold" />
+                <IconifyIcon icon="lucide:arrow-up" />
               </Button>
               <Button
                 v-if="isCreating"
@@ -162,7 +162,7 @@ function plusNews() {
                 shape="circle"
                 @click="() => removeNews(index)"
               >
-                <IconifyIcon icon="ep:delete" />
+                <IconifyIcon icon="lucide:trash-2" />
               </Button>
             </div>
           </div>
@@ -174,7 +174,7 @@ function plusNews() {
             @click="plusNews"
             v-if="newsList.length < 8 && isCreating"
           >
-            <IconifyIcon icon="ep:plus" />
+            <IconifyIcon icon="lucide:plus" />
           </Button>
         </Row>
       </div>
diff --git a/apps/web-antd/src/views/mp/draft/modules/types.ts b/apps/web-antd/src/views/mp/draft/components/types.ts
similarity index 100%
rename from apps/web-antd/src/views/mp/draft/modules/types.ts
rename to apps/web-antd/src/views/mp/draft/components/types.ts
diff --git a/apps/web-antd/src/views/mp/draft/index.vue b/apps/web-antd/src/views/mp/draft/index.vue
index e9ef78442..83de623f0 100644
--- a/apps/web-antd/src/views/mp/draft/index.vue
+++ b/apps/web-antd/src/views/mp/draft/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Article } from './modules/types';
+import type { Article } from './components/types';
 
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
@@ -12,10 +12,10 @@ import { message } from 'ant-design-vue';
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import * as MpDraftApi from '#/api/mp/draft';
 import * as MpFreePublishApi from '#/api/mp/freePublish';
-import { createEmptyNewsItem } from '#/views/mp/draft/modules/types';
+import { createEmptyNewsItem } from '#/views/mp/draft/components/types';
 
+import DraftTableCell from './components/draft-table.vue';
 import { useGridColumns, useGridFormSchema } from './data';
-import DraftTableCell from './modules/draft-table.vue';
 import Form from './modules/form.vue';
 
 defineOptions({ name: 'MpDraft' });
diff --git a/apps/web-antd/src/views/mp/draft/modules/form.vue b/apps/web-antd/src/views/mp/draft/modules/form.vue
index 9b73ca3fb..a960ce2a7 100644
--- a/apps/web-antd/src/views/mp/draft/modules/form.vue
+++ b/apps/web-antd/src/views/mp/draft/modules/form.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { NewsItem } from './types';
+import type { NewsItem } from '../components/types';
 
 import { computed, ref } from 'vue';
 
@@ -7,9 +7,9 @@ import { confirm, useVbenModal } from '@vben/common-ui';
 
 import { message, Spin } from 'ant-design-vue';
 
-import * as MpDraftApi from '#/api/mp/draft';
+import { createDraft, updateDraft } from '#/api/mp/draft';
 
-import NewsForm from './news-form.vue';
+import NewsForm from '../components/news-form.vue';
 
 const emit = defineEmits(['success']);
 
@@ -37,10 +37,10 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     try {
       if (formData.value.isCreating) {
-        await MpDraftApi.createDraft(formData.value.accountId, newsList.value);
+        await createDraft(formData.value.accountId, newsList.value);
         message.success('新增成功');
       } else if (formData.value.mediaId) {
-        await MpDraftApi.updateDraft(
+        await updateDraft(
           formData.value.accountId,
           formData.value.mediaId,
           newsList.value,
diff --git a/apps/web-antd/src/views/mp/menu/components/menu-previewer.vue b/apps/web-antd/src/views/mp/menu/components/menu-previewer.vue
index ab1a37978..3cad2eb7d 100644
--- a/apps/web-antd/src/views/mp/menu/components/menu-previewer.vue
+++ b/apps/web-antd/src/views/mp/menu/components/menu-previewer.vue
@@ -134,7 +134,8 @@ function onChildDragEnd({ newIndex }: { newIndex: number }) {
           class="menu-item"
           :class="{ active: props.activeIndex === `${x}` }"
         >
-          <IconifyIcon icon="ep:fold" color="black" />{{ parent.name }}
+          <IconifyIcon icon="lucide:panel-right-open" color="black" />
+          {{ parent.name }}
         </div>
         <!-- 以下为二级菜单-->
         <div class="submenu" v-if="props.parentIndex === x && parent.children">
@@ -164,7 +165,7 @@ function onChildDragEnd({ newIndex }: { newIndex: number }) {
             v-if="!parent.children || parent.children.length < 5"
             @click="addSubMenu(x, parent)"
           >
-            <IconifyIcon icon="ep:plus" class="plus" />
+            <IconifyIcon icon="lucide:plus" class="plus" />
           </div>
         </div>
       </div>
@@ -177,7 +178,7 @@ function onChildDragEnd({ newIndex }: { newIndex: number }) {
     v-if="menuList.length < 3"
     @click="addMenu"
   >
-    <IconifyIcon icon="ep:plus" class="plus" />
+    <IconifyIcon icon="lucide:plus" class="plus" />
   </div>
 </template>
 
diff --git a/apps/web-antd/src/views/mp/menu/index.vue b/apps/web-antd/src/views/mp/menu/index.vue
index 4023a6cdf..2c0e43c9a 100644
--- a/apps/web-antd/src/views/mp/menu/index.vue
+++ b/apps/web-antd/src/views/mp/menu/index.vue
@@ -8,7 +8,7 @@ import { handleTree } from '@vben/utils';
 
 import { Button, Form, message } from 'ant-design-vue';
 
-import * as MpMenuApi from '#/api/mp/menu';
+import { deleteMenu, getMenuList, saveMenu } 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';
@@ -60,7 +60,7 @@ function onAccountChanged(id: number, name: string) {
 async function getList() {
   loading.value = true;
   try {
-    const data = await MpMenuApi.getMenuList(accountId.value);
+    const data = await getMenuList(accountId.value);
     const menuData = menuListToFrontend(data);
     menuList.value = handleTree(menuData, 'id') as Menu[];
   } finally {
@@ -178,7 +178,7 @@ async function onSave() {
       duration: 0,
     });
     try {
-      await MpMenuApi.saveMenu(accountId.value, menuListToBackend());
+      await saveMenu(accountId.value, menuListToBackend());
       getList();
       message.success('发布成功');
     } finally {
@@ -198,7 +198,7 @@ async function onClear() {
       duration: 0,
     });
     try {
-      await MpMenuApi.deleteMenu(accountId.value);
+      await deleteMenu(accountId.value);
       handleQuery();
       message.success('清空成功');
     } finally {
diff --git a/apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue b/apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue
index 8df54d252..898740109 100644
--- a/apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-location/wx-location.vue
@@ -2,6 +2,8 @@
   【微信消息 - 定位】TODO @Dhb52 目前未启用
 -->
 <script lang="ts" setup>
+import { IconifyIcon } from '@vben/icons';
+
 import { Col, Row } from 'ant-design-vue';
 
 defineOptions({ name: 'WxLocation' });
@@ -53,7 +55,7 @@ defineExpose({
           />
         </Row>
         <Row>
-          <Icon icon="ep:location" />
+          <IconifyIcon icon="lucide:map-pin" />
           {{ label }}
         </Row>
       </Col>
diff --git a/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue b/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
index 20dd82d23..46abfbde9 100644
--- a/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-material-select/wx-material-select.vue
@@ -6,9 +6,9 @@ import { formatTime } from '@vben/utils';
 
 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 { getDraftPage } from '#/api/mp/draft';
+import { getFreePublishPage } from '#/api/mp/freePublish';
+import { getMaterialPage } 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';
@@ -69,7 +69,7 @@ async function getPage() {
 
 /** 获取素材分页 */
 async function getMaterialPageFun() {
-  const data = await MpMaterialApi.getMaterialPage({
+  const data = await getMaterialPage({
     ...queryParams,
     type: props.type,
   });
@@ -79,7 +79,7 @@ async function getMaterialPageFun() {
 
 /** 获取已发布图文分页 */
 async function getFreePublishPageFun() {
-  const data = await MpFreePublishApi.getFreePublishPage(queryParams);
+  const data = await getFreePublishPage(queryParams);
   data.list.forEach((item: any) => {
     const articles = item.content.newsItem;
     articles.forEach((article: any) => {
@@ -92,7 +92,7 @@ async function getFreePublishPageFun() {
 
 /** 获取草稿图文分页 */
 async function getDraftPageFun() {
-  const data = await MpDraftApi.getDraftPage(queryParams);
+  const data = await getDraftPage(queryParams);
   data.list.forEach((draft: any) => {
     const articles = draft.content.newsItem;
     articles.forEach((article: any) => {
diff --git a/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue b/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
index faffd8d4d..68438237c 100644
--- a/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-msg/msg.vue
@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 
+import { IconifyIcon } from '@vben/icons';
+
 import { WxLocation } from '#/views/mp/modules/wx-location';
 import { WxMusic } from '#/views/mp/modules/wx-music';
 import { WxNews } from '#/views/mp/modules/wx-news';
@@ -47,7 +49,7 @@ const item = ref<any>(props.item);
         <div
           class="mb-3 text-base text-[rgba(0,0,0,0.85)] hover:text-[#1890ff]"
         >
-          <Icon icon="ep:link" />{{ item.title }}
+          <IconifyIcon icon="lucide:link" />{{ item.title }}
         </div>
       </a>
       <div
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 6911dfa2a..9e0a3165f 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,3 +1,2 @@
-export { createEmptyReply, NewsType, type Reply, ReplyType } from './types';
-
+export * from './types';
 export { default as WxReplySelect } from './wx-reply.vue';
diff --git a/apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue b/apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue
index d8d4f5d85..d7c6e7321 100644
--- a/apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue
+++ b/apps/web-antd/src/views/mp/modules/wx-voice-play/wx-voice-play.vue
@@ -12,6 +12,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 
+import { IconifyIcon } from '@vben/icons';
+
 import { Tag } from 'ant-design-vue';
 // 因为微信语音是 amr 格式，所以需要用到 amr 解码器：https://www.npmjs.com/package/benz-amr-recorder
 import BenzAMRRecorder from 'benz-amr-recorder';
@@ -35,7 +37,7 @@ const playing = ref(false);
 const duration = ref();
 
 /** 处理点击，播放或暂停 */
-const playVoice = () => {
+function playVoice() {
   // 情况一：未初始化，则创建 BenzAMRRecorder
   if (amr.value === undefined) {
     amrInit();
@@ -47,10 +49,10 @@ const playVoice = () => {
   } else {
     amrPlay();
   }
-};
+}
 
 /** 音频初始化 */
-const amrInit = () => {
+function amrInit() {
   amr.value = new BenzAMRRecorder();
   // 设置播放
   amr.value.initWithUrl(props.url).then(() => {
@@ -61,26 +63,26 @@ const amrInit = () => {
   amr.value.onEnded(() => {
     playing.value = false;
   });
-};
+}
 
 /** 音频播放 */
-const amrPlay = () => {
+function amrPlay() {
   playing.value = true;
   amr.value.play();
-};
+}
 
 /** 音频暂停 */
-const amrStop = () => {
+function amrStop() {
   playing.value = false;
   amr.value.stop();
-};
+}
 // TODO 芋艿：下面样式有点问题
 </script>
 
 <template>
   <div class="wx-voice-div" @click="playVoice">
-    <Icon v-if="playing !== true" icon="ep:video-play" :size="32" />
-    <Icon v-else icon="ep:video-pause" :size="32" />
+    <IconifyIcon v-if="playing !== true" icon="lucide:circle-play" :size="32" />
+    <IconifyIcon v-else icon="lucide:circle-pause" :size="32" />
     <span class="amr-duration" v-if="duration">{{ duration }} 秒</span>
     <div v-if="content">
       <Tag color="success" size="small">语音识别</Tag>