fix: todo修复

2025-11-20 10:34:21 +08:00
parent c65fcfa2f3 712fdb6382
commit cf14806b6f
237 changed files with 2791 additions and 3444 deletions
--- a/apps/web-antd/src/views/ai/chat/index/data.ts
+++ b/apps/web-antd/src/views/ai/chat/index/data.ts
@@ -42,7 +42,6 @@ export function useFormSchema(): VbenFormSchema[] {
      component: 'InputNumber',
      componentProps: {
        placeholder: '请输入温度参数',
-        class: 'w-full',
        precision: 2,
        min: 0,
        max: 2,
@@ -55,7 +54,6 @@ export function useFormSchema(): VbenFormSchema[] {
      component: 'InputNumber',
      componentProps: {
        placeholder: '请输入回复数 Token 数',
-        class: 'w-full',
        min: 0,
        max: 8192,
      },
@@ -67,7 +65,6 @@ export function useFormSchema(): VbenFormSchema[] {
      component: 'InputNumber',
      componentProps: {
        placeholder: '请输入上下文数量',
-        class: 'w-full',
        min: 0,
        max: 20,
      },
--- a/apps/web-antd/src/views/ai/chat/index/modules/conversation/list.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/conversation/list.vue
@@ -230,31 +230,28 @@ async function updateConversationTitle(
 async function deleteChatConversation(
  conversation: AiChatConversationApi.ChatConversation,
 ) {
-  try {
-    // 删除的二次确认
-    await confirm(`是否确认删除对话 - ${conversation.title}?`);
-    // 发起删除
-    await deleteChatConversationMy(conversation.id);
-    message.success('对话已删除');
-    // 刷新列表
-    await getChatConversationList();
-    // 回调
-    emits('onConversationDelete', conversation);
-  } catch {}
+  // 删除的二次确认
+  await confirm(`是否确认删除对话 - ${conversation.title}?`);
+  // 发起删除
+  await deleteChatConversationMy(conversation.id);
+  message.success('对话已删除');
+  // 刷新列表
+  await getChatConversationList();
+  // 回调
+  emits('onConversationDelete', conversation);
 }

+/** 清空未置顶的对话 */
 async function handleClearConversation() {
-  try {
-    await confirm('确认后对话会全部清空，置顶的对话除外。');
-    await deleteChatConversationMyByUnpinned();
-    message.success($t('ui.actionMessage.operationSuccess'));
-    // 清空对话、对话内容
-    activeConversationId.value = null;
-    // 获取对话列表
-    await getChatConversationList();
-    // 回调 方法
-    emits('onConversationClear');
-  } catch {}
+  await confirm('确认后对话会全部清空，置顶的对话除外。');
+  await deleteChatConversationMyByUnpinned();
+  message.success($t('ui.actionMessage.operationSuccess'));
+  // 清空对话、对话内容
+  activeConversationId.value = null;
+  // 获取对话列表
+  await getChatConversationList();
+  // 回调 方法
+  emits('onConversationClear');
 }

 /** 对话置顶 */
--- a/apps/web-antd/src/views/ai/chat/index/modules/message/list-empty.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/message/list-empty.vue
@@ -18,11 +18,9 @@ async function handlerPromptClick(prompt: any) {
 </script>
 <template>
  <div class="relative flex h-full w-full flex-row justify-center">
-    <!-- center-container -->
    <div class="flex flex-col justify-center">
      <!-- title -->
      <div class="text-center text-3xl font-bold">芋道 AI</div>
-
      <!-- role-list -->
      <div class="mt-5 flex w-96 flex-wrap items-center justify-center">
        <div
--- a/apps/web-antd/src/views/ai/chat/index/modules/message/list.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/message/list.vue
@@ -88,6 +88,7 @@ async function copyContent(content: string) {
  await copy(content);
  message.success('复制成功！');
 }
+
 /** 删除 */
 async function handleDelete(id: number) {
  // 删除 message
--- a/apps/web-antd/src/views/ai/chat/index/modules/role/category-list.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/role/category-list.vue
@@ -24,7 +24,7 @@ async function handleCategoryClick(category: string) {
 </script>

 <template>
-  <div class="flex flex-wrap items-center">
+  <div class="mx-0 flex flex-wrap items-center">
    <div
      class="mr-2 flex flex-row"
      v-for="category in categoryList"
--- a/apps/web-antd/src/views/ai/chat/index/modules/role/list.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/role/list.vue
@@ -58,67 +58,67 @@ async function handleTabsScroll() {

 <template>
  <div
-    class="relative flex h-full flex-wrap content-start items-start overflow-auto px-6 pb-36"
+    class="relative flex h-full flex-wrap content-start items-start overflow-auto pb-36"
    ref="tabsRef"
    @scroll="handleTabsScroll"
  >
-    <div class="mb-5 mr-5 inline-block" v-for="role in roleList" :key="role.id">
+    <div class="mb-3 mr-3 inline-block" v-for="role in roleList" :key="role.id">
      <Card
        class="relative rounded-lg"
        :body-style="{
          position: 'relative',
          display: 'flex',
-          flexDirection: 'row',
+          flexDirection: 'column',
          justifyContent: 'flex-start',
          width: '240px',
          maxWidth: '240px',
-          padding: '15px 15px 10px',
+          padding: '15px',
        }"
      >
-        <!-- 更多操作 -->
-        <div v-if="showMore" class="absolute right-2 top-0">
-          <Dropdown>
-            <Button type="link">
-              <IconifyIcon icon="lucide:ellipsis-vertical" />
+        <!-- 头部：头像、名称 -->
+        <div class="flex items-center justify-between">
+          <div class="flex min-w-0 flex-1 items-center">
+            <Avatar
+              :src="role.avatar"
+              class="h-8 w-8 flex-shrink-0 overflow-hidden"
+            />
+            <div class="ml-2 truncate text-base font-medium">
+              {{ role.name }}
+            </div>
+          </div>
+        </div>
+        <!-- 描述信息 -->
+        <div
+          class="mt-2 line-clamp-2 h-10 overflow-hidden text-sm text-gray-600"
+        >
+          {{ role.description }}
+        </div>
+        <!-- 底部操作按钮 -->
+        <div class="flex items-center justify-end gap-2">
+          <Dropdown v-if="showMore">
+            <Button size="small">
+              <IconifyIcon icon="lucide:ellipsis" />
            </Button>
            <template #overlay>
              <Menu>
-                <Menu.Item @click="handleMoreClick(['edit', role])">
-                  <div class="flex items-center">
-                    <IconifyIcon icon="lucide:edit" color="#787878" />
-                    <span class="text-primary">编辑</span>
-                  </div>
-                </Menu.Item>
                <Menu.Item @click="handleMoreClick(['delete', role])">
                  <div class="flex items-center">
                    <IconifyIcon icon="lucide:trash" color="red" />
-                    <span class="text-red-500">删除</span>
+                    <span class="ml-2 text-red-500">删除</span>
+                  </div>
+                </Menu.Item>
+                <Menu.Item @click="handleMoreClick(['edit', role])">
+                  <div class="flex items-center">
+                    <IconifyIcon icon="lucide:edit" color="#787878" />
+                    <span class="text-primary ml-2">编辑</span>
                  </div>
                </Menu.Item>
              </Menu>
            </template>
          </Dropdown>
-        </div>
-
-        <!-- 角色信息 -->
-        <div>
-          <Avatar :src="role.avatar" class="h-10 w-10 overflow-hidden" />
-        </div>
-
-        <div class="ml-2 w-4/5">
-          <div class="h-20">
-            <div class="max-w-32 text-lg font-bold">
-              {{ role.name }}
-            </div>
-            <div class="mt-2 text-sm">
-              {{ role.description }}
-            </div>
-          </div>
-          <div class="mt-1 flex flex-row-reverse">
-            <Button type="primary" size="small" @click="handleUseClick(role)">
-              使用
-            </Button>
-          </div>
+          <Button type="primary" size="small" @click="handleUseClick(role)">
+            使用
+          </Button>
        </div>
      </Card>
    </div>
--- a/apps/web-antd/src/views/ai/chat/index/modules/role/repository.vue
+++ b/apps/web-antd/src/views/ai/chat/index/modules/role/repository.vue
@@ -112,6 +112,7 @@ async function handlerCategoryClick(category: string) {
 async function handlerAddRole() {
  formModalApi.setData({ formType: 'my-create' }).open();
 }
+
 /** 编辑角色 */
 async function handlerCardEdit(role: any) {
  formModalApi.setData({ formType: 'my-update', id: role.id }).open();
@@ -199,7 +200,6 @@ onMounted(async () => {
            添加角色
          </Button>
        </div>
-
        <!-- 标签页内容 -->
        <Tabs
          v-model:value="activeTab"
@@ -219,10 +219,8 @@ onMounted(async () => {
              @on-edit="handlerCardEdit"
              @on-use="handlerCardUse"
              @on-page="handlerCardPage('my')"
-              class="mt-5"
            />
          </Tabs.TabPane>
-
          <Tabs.TabPane
            key="public-role"
            class="flex h-full flex-col overflow-y-auto"
--- a/apps/web-antd/src/views/ai/image/index/modules/common/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/common/index.vue
@@ -63,7 +63,7 @@ async function handleGenerateImage() {
      width: width.value, // 图片宽度
      height: height.value, // 图片高度
      options: {},
-    } as unknown as AiImageApi.ImageDrawReq;
+    } as unknown as AiImageApi.ImageDrawReqVO;
    await drawImage(form);
  } finally {
    // 回调
--- a/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue
@@ -116,7 +116,7 @@ async function handleGenerateImage() {
      options: {
        style: style.value, // 图像生成的风格
      },
-    } as AiImageApi.ImageDrawReq;
+    } as AiImageApi.ImageDrawReqVO;
    // 发送请求
    await drawImage(form);
  } finally {
--- a/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue
@@ -103,7 +103,7 @@ async function handleGenerateImage() {
      height: imageSize.height,
      version: selectVersion.value,
      referImageUrl: referImageUrl.value,
-    } as AiImageApi.ImageMidjourneyImagineReq;
+    } as AiImageApi.ImageMidjourneyImagineReqVO;
    await midjourneyImagine(req);
  } finally {
    // 回调
--- a/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue
@@ -103,7 +103,7 @@ async function handleGenerateImage() {
        clipGuidancePreset: clipGuidancePreset.value, // 文本提示相匹配的图像 CLIP
        stylePreset: stylePreset.value, // 风格
      },
-    } as unknown as AiImageApi.ImageDrawReq;
+    } as unknown as AiImageApi.ImageDrawReqVO;
    await drawImage(form);
  } finally {
    // 回调
--- a/apps/web-antd/src/views/bpm/processInstance/detail/modules/process-print.vue
+++ b/apps/web-antd/src/views/bpm/processInstance/detail/modules/process-print.vue
@@ -18,7 +18,7 @@ import { decodeFields } from '#/components/form-create';

 const userStore = useUserStore();

-const printData = ref<BpmProcessInstanceApi.PrintData>();
+const printData = ref<BpmProcessInstanceApi.ProcessPrintDataRespVO>();
 const userName = computed(() => userStore.userInfo?.nickname ?? '');
 const printTime = ref(formatDate(new Date(), 'YYYY-MM-DD HH:mm'));
 const formFields = ref<any[]>([]);
--- a/apps/web-antd/src/views/bpm/task/copy/index.vue
+++ b/apps/web-antd/src/views/bpm/task/copy/index.vue
@@ -14,7 +14,7 @@ import { useGridColumns, useGridFormSchema } from './data';
 defineOptions({ name: 'BpmCopyTask' });

 /** 任务详情 */
-function handleDetail(row: BpmProcessInstanceApi.Copy) {
+function handleDetail(row: BpmProcessInstanceApi.ProcessInstanceCopyRespVO) {
  const query = {
    id: row.processInstanceId,
    ...(row.activityId && { activityId: row.activityId }),
@@ -52,7 +52,7 @@ const [Grid] = useVbenVxeGrid({
      refresh: true,
      search: true,
    },
-  } as VxeTableGridOptions<BpmProcessInstanceApi.Copy>,
+  } as VxeTableGridOptions<BpmProcessInstanceApi.ProcessInstanceCopyRespVO>,
 });
 </script>

--- a/apps/web-antd/src/views/bpm/task/manager/index.vue
+++ b/apps/web-antd/src/views/bpm/task/manager/index.vue
@@ -49,7 +49,7 @@ const [Grid] = useVbenVxeGrid({
      refresh: true,
      search: true,
    },
-  } as VxeTableGridOptions<BpmTaskApi.TaskManager>,
+  } as VxeTableGridOptions<BpmTaskApi.Task>,
 });
 </script>

--- a/apps/web-antd/src/views/mall/promotion/article/category/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/article/category/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { MallArticleCategoryApi } from '#/api/mall/promotion/articleCategory';
+import type { MallArticleCategoryApi } from '#/api/mall/promotion/article/category';

 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';

@@ -10,7 +10,7 @@ import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
  deleteArticleCategory,
  getArticleCategoryPage,
-} from '#/api/mall/promotion/articleCategory';
+} from '#/api/mall/promotion/article/category';
 import { $t } from '#/locales';

 import { useGridColumns, useGridFormSchema } from './data';
--- a/apps/web-antd/src/views/mall/promotion/article/category/modules/form.vue
+++ b/apps/web-antd/src/views/mall/promotion/article/category/modules/form.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { MallArticleCategoryApi } from '#/api/mall/promotion/articleCategory';
+import type { MallArticleCategoryApi } from '#/api/mall/promotion/article/category';

 import { computed, ref } from 'vue';

@@ -12,7 +12,7 @@ import {
  createArticleCategory,
  getArticleCategory,
  updateArticleCategory,
-} from '#/api/mall/promotion/articleCategory';
+} from '#/api/mall/promotion/article/category';
 import { $t } from '#/locales';

 import { useFormSchema } from '../data';
--- a/apps/web-antd/src/views/mall/promotion/article/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/article/data.ts
@@ -1,12 +1,12 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeGridPropTypes } from '#/adapter/vxe-table';
-import type { MallArticleCategoryApi } from '#/api/mall/promotion/articleCategory';
+import type { MallArticleCategoryApi } from '#/api/mall/promotion/article/category';

 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';

 import { z } from '#/adapter/form';
-import { getSimpleArticleCategoryList } from '#/api/mall/promotion/articleCategory';
+import { getSimpleArticleCategoryList } from '#/api/mall/promotion/article/category';
 import { getRangePickerDefaultProps } from '#/utils';

 /** 关联数据 */
--- a/apps/web-antd/src/views/mall/promotion/banner/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/banner/index.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { MallBannerApi } from '#/api/mall/market/banner';
+import type { MallBannerApi } from '#/api/mall/promotion/banner';

 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';

 import { message } from 'ant-design-vue';

 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteBanner, getBannerPage } from '#/api/mall/market/banner';
+import { deleteBanner, getBannerPage } from '#/api/mall/promotion/banner';
 import { $t } from '#/locales';

 import { useGridColumns, useGridFormSchema } from './data';
--- a/apps/web-antd/src/views/mall/promotion/banner/modules/form.vue
+++ b/apps/web-antd/src/views/mall/promotion/banner/modules/form.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import type { MallBannerApi } from '#/api/mall/market/banner';
+import type { MallBannerApi } from '#/api/mall/promotion/banner';
+import type { SystemUserApi } from '#/api/system/user';

 import { computed, ref } from 'vue';

@@ -12,7 +13,7 @@ import {
  createBanner,
  getBanner,
  updateBanner,
-} from '#/api/mall/market/banner';
+} from '#/api/mall/promotion/banner';
 import { $t } from '#/locales';

 import { useFormSchema } from '../data';
--- a/apps/web-antd/src/views/mp/autoReply/data.ts
+++ b/apps/web-antd/src/views/mp/autoReply/data.ts
@@ -1,21 +1,13 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeGridPropTypes } from '#/adapter/vxe-table';
-import type { MpAccountApi } from '#/api/mp/account';

 import { markRaw } from 'vue';

-import { DICT_TYPE } from '@vben/constants';
+import { DICT_TYPE, AutoReplyMsgType as MsgType } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';

-import { getSimpleAccountList } from '#/api/mp/account';
 import { WxReply } from '#/views/mp/components';

-import { MsgType } from './types';
-
-/** 关联数据 */
-let accountList: MpAccountApi.AccountSimple[] = [];
-getSimpleAccountList().then((data) => (accountList = data));
-
 // TODO @芋艿：要不要使用统一枚举？
 const RequestMessageTypes = new Set([
  'image',
@@ -155,21 +147,12 @@ export function useFormSchema(msgType: MsgType): VbenFormSchema[] {
 }

 /** 列表的搜索表单 */
-// TODO @芋艿：貌似可能微信号拿不到。
 export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'accountId',
      label: '公众号',
-      component: 'ApiSelect',
-      componentProps: {
-        options: accountList.map((item) => ({
-          label: item.name,
-          value: item.id,
-        })),
-        placeholder: '请选择公众号',
-      },
-      defaultValue: accountList[0]?.id,
+      component: 'Input',
    },
  ];
 }
--- a/apps/web-antd/src/views/mp/autoReply/index.vue
+++ b/apps/web-antd/src/views/mp/autoReply/index.vue
@@ -5,6 +5,7 @@ import type { MpAutoReplyApi } from '#/api/mp/autoReply';
 import { computed, nextTick, ref } from 'vue';

 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { AutoReplyMsgType as MsgType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';

 import { message, Row, Tabs } from 'ant-design-vue';
@@ -16,11 +17,11 @@ import {
  getAutoReplyPage,
 } from '#/api/mp/autoReply';
 import { $t } from '#/locales';
+import { WxAccountSelect } from '#/views/mp/components';

 import { useGridColumns, useGridFormSchema } from './data';
 import ReplyContentCell from './modules/content.vue';
 import Form from './modules/form.vue';
-import { MsgType } from './types';

 defineOptions({ name: 'MpAutoReply' });

@@ -43,6 +44,12 @@ function handleRefresh() {
  gridApi.query();
 }

+/** 公众号变化时查询数据 */
+function handleAccountChange(accountId: number) {
+  gridApi.formApi.setValues({ accountId });
+  gridApi.formApi.submitForm();
+}
+
 /** 切换回复类型 */
 async function onTabChange(tabName: any) {
  msgType.value = tabName;
@@ -106,7 +113,6 @@ const [FormModal, formModalApi] = useVbenModal({
 const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
    schema: useGridFormSchema(),
-    submitOnChange: true, // 表单值变化时自动提交，这样 accountId 会被正确传递到查询函数
  },
  gridOptions: {
    columns: useGridColumns(Number(msgType.value) as MsgType),
@@ -123,6 +129,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
          });
        },
      },
+      autoLoad: false,
    },
    rowConfig: {
      keyField: 'id',
@@ -144,6 +151,9 @@ const [Grid, gridApi] = useVbenVxeGrid({

    <FormModal @success="handleRefresh" />
    <Grid>
+      <template #form-accountId>
+        <WxAccountSelect @change="handleAccountChange" />
+      </template>
      <template #toolbar-actions>
        <Tabs
          v-model:active-key="msgType"
--- a/apps/web-antd/src/views/mp/autoReply/modules/form.vue
+++ b/apps/web-antd/src/views/mp/autoReply/modules/form.vue
@@ -4,16 +4,15 @@ import type { Reply } from '#/views/mp/components';
 import { computed, nextTick, ref } from 'vue';

 import { useVbenModal } from '@vben/common-ui';
+import { AutoReplyMsgType as MsgType, ReplyType } from '@vben/constants';

 import { message } from 'ant-design-vue';

 import { useVbenForm } from '#/adapter/form';
 import { createAutoReply, updateAutoReply } from '#/api/mp/autoReply';
 import { $t } from '#/locales';
-import { ReplyType } from '#/views/mp/components/constants';

 import { useFormSchema } from '../data';
-import { MsgType } from '../types';

 const emit = defineEmits(['success']);

--- a/apps/web-antd/src/views/mp/autoReply/types.ts
+++ b/apps/web-antd/src/views/mp/autoReply/types.ts
@@ -1,7 +0,0 @@
-// 消息类型（Follow: 关注时回复；Message: 消息回复；Keyword: 关键词回复）
-// 作为 tab.name，enum 的数字不能随意修改，与 api 参数相关
-export enum MsgType {
-  Follow = 1,
-  Keyword = 3,
-  Message = 2,
-}
--- a/apps/web-antd/src/views/mp/components/constants.ts
+++ b/apps/web-antd/src/views/mp/components/constants.ts
@@ -1,32 +0,0 @@
-export enum ReplyType {
-  Image = 'image',
-  Music = 'music',
-  News = 'news',
-  Text = 'text',
-  Video = 'video',
-  Voice = 'voice',
-}
-
-export enum NewsType {
-  Draft = '2',
-  Published = '1',
-}
-
-export enum MaterialType {
-  Image = 'image',
-  News = 'news',
-  Video = 'video',
-  Voice = 'voice',
-}
-
-export enum MsgType {
-  Event = 'event',
-  Image = 'image',
-  Link = 'link',
-  Location = 'location',
-  Music = 'music',
-  News = 'news',
-  Text = 'text',
-  Video = 'video',
-  Voice = 'voice',
-}
--- a/apps/web-antd/src/views/mp/components/index.ts
+++ b/apps/web-antd/src/views/mp/components/index.ts
@@ -1,11 +1,9 @@
-export * from './constants';
-
-export * from './wx-account-select';
-export * from './wx-location';
-export * from './wx-material-select';
-export * from './wx-msg';
-export * from './wx-music';
-export * from './wx-news';
-export * from './wx-reply';
-export * from './wx-video-play';
-export * from './wx-voice-play';
+export { default as WxAccountSelect } from './wx-account-select/account-select.vue';
+export { default as WxLocation } from './wx-location/wx-location.vue';
+export { default as WxMaterialSelect } from './wx-material-select/wx-material-select.vue';
+export { default as WxMsg } from './wx-msg/msg.vue';
+export { default as WxMusic } from './wx-music/wx-music.vue';
+export { default as WxNews } from './wx-news/wx-news.vue';
+export { default as WxReply } from './wx-reply/wx-reply.vue';
+export { default as WxVideoPlayer } from './wx-video-play/wx-video-play.vue';
+export { default as WxVoicePlayer } from './wx-voice-play/wx-voice-play.vue';
--- a/apps/web-antd/src/views/mp/components/wx-account-select/account-select.vue
+++ b/apps/web-antd/src/views/mp/components/wx-account-select/account-select.vue
@@ -59,7 +59,7 @@ onMounted(handleQuery);
  <Select
    v-model:value="account.id"
    placeholder="请选择公众号"
-    class="!w-[240px]"
+    class="!w-full"
    @change="onChanged"
  >
    <Select.Option v-for="item in accountList" :key="item.id" :value="item.id">
--- a/apps/web-antd/src/views/mp/components/wx-material-select/wx-material-select.vue
+++ b/apps/web-antd/src/views/mp/components/wx-material-select/wx-material-select.vue
@@ -4,6 +4,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import { reactive, ref, watch } from 'vue';

 import { Page } from '@vben/common-ui';
+import { NewsType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';

 import { Button, Pagination, Row, Spin } from 'ant-design-vue';
@@ -14,8 +15,6 @@ import { getFreePublishPage } from '#/api/mp/freePublish';
 import { getMaterialPage } from '#/api/mp/material';
 import { WxNews, WxVideoPlayer, WxVoicePlayer } from '#/views/mp/components';

-import { NewsType } from '../constants';
-
 defineOptions({ name: 'WxMaterialSelect' });

 const props = withDefaults(
--- a/apps/web-antd/src/views/mp/components/wx-msg/msg.vue
+++ b/apps/web-antd/src/views/mp/components/wx-msg/msg.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { MpMsgType as MsgType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';

 import {
@@ -9,7 +10,6 @@ import {
  WxVoicePlayer,
 } from '#/views/mp/components';

-import { MsgType } from '../constants';
 import MsgEvent from './msg-event.vue';

 defineOptions({ name: 'Msg' });
--- a/apps/web-antd/src/views/mp/components/wx-reply/tab-news.vue
+++ b/apps/web-antd/src/views/mp/components/wx-reply/tab-news.vue
@@ -3,14 +3,13 @@ import type { Reply } from './types';

 import { computed, ref } from 'vue';

+import { NewsType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';

 import { Button, Col, Modal, Row } from 'ant-design-vue';

 import { WxMaterialSelect, WxNews } from '#/views/mp/components';

-import { NewsType } from '../constants';
-
 defineOptions({ name: 'TabNews' });

 const props = defineProps<{
--- a/apps/web-antd/src/views/mp/components/wx-reply/types.ts
+++ b/apps/web-antd/src/views/mp/components/wx-reply/types.ts
@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';

-import type { ReplyType } from '../constants';
+import type { ReplyType } from '@vben/constants';

 import { unref } from 'vue';

--- a/apps/web-antd/src/views/mp/components/wx-reply/wx-reply.vue
+++ b/apps/web-antd/src/views/mp/components/wx-reply/wx-reply.vue
@@ -12,11 +12,11 @@ import type { Reply } from './types';

 import { computed, ref, unref, watch } from 'vue';

+import { NewsType, ReplyType } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';

 import { Row, Tabs } from 'ant-design-vue';

-import { NewsType, ReplyType } from '../constants';
 import TabImage from './tab-image.vue';
 import TabMusic from './tab-music.vue';
 import TabNews from './tab-news.vue';
--- a/apps/web-antd/src/views/mp/draft/data.ts
+++ b/apps/web-antd/src/views/mp/draft/data.ts
@@ -1,12 +1,5 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { MpAccountApi } from '#/api/mp/account';
-
-import { getSimpleAccountList } from '#/api/mp/account';
-
-/** 关联数据 */
-let accountList: MpAccountApi.AccountSimple[] = [];
-getSimpleAccountList().then((data) => (accountList = data));

 /** 获取表格列配置 */
 export function useGridColumns(): VxeTableGridOptions['columns'] {
@@ -32,15 +25,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
    {
      fieldName: 'accountId',
      label: '公众号',
-      component: 'ApiSelect',
-      componentProps: {
-        options: accountList.map((item) => ({
-          label: item.name,
-          value: item.id,
-        })),
-        placeholder: '请选择公众号',
-      },
-      defaultValue: accountList[0]?.id,
+      component: 'Input',
    },
  ];
 }
--- a/apps/web-antd/src/views/mp/draft/index.vue
+++ b/apps/web-antd/src/views/mp/draft/index.vue
@@ -10,6 +10,7 @@ import { message } from 'ant-design-vue';
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { createEmptyNewsItem, deleteDraft, getDraftPage } from '#/api/mp/draft';
 import { submitFreePublish } from '#/api/mp/freePublish';
+import { WxAccountSelect } from '#/views/mp/components';

 import { useGridColumns, useGridFormSchema } from './data';
 import DraftTableCell from './modules/draft-table.vue';
@@ -22,6 +23,12 @@ function handleRefresh() {
  gridApi.query();
 }

+/** 公众号变化时查询数据 */
+function handleAccountChange(accountId: number) {
+  gridApi.formApi.setValues({ accountId });
+  gridApi.formApi.submitForm();
+}
+
 /** 新增草稿 */
 async function handleCreate() {
  const formValues = await gridApi.formApi.getValues();
@@ -113,7 +120,6 @@ const [FormModal, formModalApi] = useVbenModal({
 const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
    schema: useGridFormSchema(),
-    submitOnChange: true,
  },
  gridOptions: {
    columns: useGridColumns(),
@@ -142,6 +148,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
          };
        },
      },
+      autoLoad: false,
    },
    rowConfig: {
      keyField: 'mediaId',
@@ -164,6 +171,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
    <FormModal @success="handleRefresh" />

    <Grid table-title="草稿列表">
+      <template #form-accountId>
+        <WxAccountSelect @change="handleAccountChange" />
+      </template>
      <template #toolbar-tools>
        <TableAction
          :actions="[
--- a/apps/web-antd/src/views/mp/draft/modules/form.vue
+++ b/apps/web-antd/src/views/mp/draft/modules/form.vue
@@ -34,8 +34,6 @@ const [Modal, modalApi] = useVbenModal({
    if (!formData.value) {
      return;
    }
-
-    // DONE @hw：是不是 isSubmitting 非必须哈？因为 modal 已经去 lock 啦。
    modalApi.lock();
    try {
      if (formData.value.mediaId) {
--- a/apps/web-antd/src/views/mp/hooks/useUpload.ts
+++ b/apps/web-antd/src/views/mp/hooks/useUpload.ts
@@ -1,4 +1,5 @@
 import { message } from 'ant-design-vue';
+// TODO @xingyu：这种，要想办法全局共享起来么？

 import { $t } from '#/locales';

--- a/apps/web-antd/src/views/mp/message/MessageTable.vue
+++ b/apps/web-antd/src/views/mp/message/MessageTable.vue
@@ -3,13 +3,13 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';

 import { onMounted, watch } from 'vue';

+import { MpMsgType as MsgType } from '@vben/constants';
 import { formatDate2 } from '@vben/utils';

 import { Button, Image, Tag } from 'ant-design-vue';

 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
-  MsgType,
  WxLocation,
  WxMusic,
  WxNews,
--- a/apps/web-antd/src/views/mp/message/index.vue
+++ b/apps/web-antd/src/views/mp/message/index.vue
@@ -4,7 +4,7 @@ import type { Dayjs } from 'dayjs';
 import { reactive, ref } from 'vue';

 import { Page } from '@vben/common-ui';
-import { DICT_TYPE } from '@vben/constants';
+import { DICT_TYPE, MpMsgType as MsgType } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';

@@ -20,7 +20,7 @@ import {
 } from 'ant-design-vue';

 import { getMessagePage } from '#/api/mp/message';
-import { MsgType, WxAccountSelect, WxMsg } from '#/views/mp/components';
+import { WxAccountSelect, WxMsg } from '#/views/mp/components';

 import MessageTable from './MessageTable.vue';

--- a/apps/web-antd/src/views/mp/statistics/data.ts
+++ b/apps/web-antd/src/views/mp/statistics/data.ts
@@ -1,29 +1,14 @@
 import type { VbenFormSchema } from '#/adapter/form';
-import type { MpAccountApi } from '#/api/mp/account';

 import { beginOfDay, endOfDay, formatDateTime } from '@vben/utils';

-import { getSimpleAccountList } from '#/api/mp/account';
-
-/** 关联数据 */
-let accountList: MpAccountApi.AccountSimple[] = [];
-getSimpleAccountList().then((data) => (accountList = data));
-
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'accountId',
      label: '公众号',
-      component: 'ApiSelect',
-      componentProps: {
-        options: accountList.map((item) => ({
-          label: item.name,
-          value: item.id,
-        })),
-        placeholder: '请选择公众号',
-      },
-      defaultValue: accountList[0]?.id,
+      component: 'Input',
    },
    {
      fieldName: 'dateRange',
@@ -36,7 +21,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
      defaultValue: [
        formatDateTime(beginOfDay(new Date(Date.now() - 3600 * 1000 * 24 * 7))),
        formatDateTime(endOfDay(new Date(Date.now() - 3600 * 1000 * 24))),
-      ] as [Date, Date],
+      ],
    },
  ];
 }
--- a/apps/web-antd/src/views/mp/statistics/index.vue
+++ b/apps/web-antd/src/views/mp/statistics/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { EchartsUIType } from '@vben/plugins/echarts';

-import { onMounted, ref } from 'vue';
+import { ref } from 'vue';

 import { ContentWrap, Page } from '@vben/common-ui';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
@@ -16,6 +16,7 @@ import {
  getUserCumulate,
  getUserSummary,
 } from '#/api/mp/statistics';
+import { WxAccountSelect } from '#/views/mp/components';

 import {
  interfaceSummaryOption,
@@ -95,6 +96,12 @@ async function getSummary(values: Record<string, any>) {
  );
 }

+/** 公众号变化时查询数据 */
+function handleAccountChange(accountId: number) {
+  queryFormApi.setValues({ accountId });
+  queryFormApi.submitForm();
+}
+
 const [QueryForm, queryFormApi] = useVbenForm({
  commonConfig: {
    componentProps: {
@@ -106,17 +113,16 @@ const [QueryForm, queryFormApi] = useVbenForm({
  wrapperClass: 'grid-cols-1 md:grid-cols-2',
  handleSubmit: getSummary,
 });
-
-/** 初始化 */
-onMounted(() => {
-  queryFormApi.submitForm();
-});
 </script>

 <template>
  <Page auto-content-height>
    <ContentWrap class="h-full w-full">
-      <QueryForm />
+      <QueryForm>
+        <template #accountId>
+          <WxAccountSelect @change="handleAccountChange" />
+        </template>
+      </QueryForm>

      <div class="flex h-1/3 w-full gap-4">
        <Card class="h-full w-1/2" title="用户增减数据">
--- a/apps/web-antd/src/views/mp/tag/data.ts
+++ b/apps/web-antd/src/views/mp/tag/data.ts
@@ -1,12 +1,5 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeGridPropTypes } from '#/adapter/vxe-table';
-import type { MpAccountApi } from '#/api/mp/account';
-
-import { getSimpleAccountList } from '#/api/mp/account';
-
-/** 关联数据 */
-let accountList: MpAccountApi.AccountSimple[] = [];
-getSimpleAccountList().then((data) => (accountList = data));

 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
@@ -41,21 +34,12 @@ export function useFormSchema(): VbenFormSchema[] {
 }

 /** 列表的搜索表单 */
-// TODO @YunaiV 这种方式获取刷新浏览器会导致空白
 export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'accountId',
      label: '公众号',
-      component: 'ApiSelect',
-      componentProps: {
-        options: accountList.map((item) => ({
-          label: item.name,
-          value: item.id,
-        })),
-        placeholder: '请选择公众号',
-      },
-      defaultValue: accountList[0]?.id,
+      component: 'Input',
    },
  ];
 }
--- a/apps/web-antd/src/views/mp/tag/index.vue
+++ b/apps/web-antd/src/views/mp/tag/index.vue
@@ -9,6 +9,7 @@ import { message } from 'ant-design-vue';
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteTag, getTagPage, syncTag } from '#/api/mp/tag';
 import { $t } from '#/locales';
+import { WxAccountSelect } from '#/views/mp/components';

 import { useGridColumns, useGridFormSchema } from './data';
 import Form from './modules/form.vue';
@@ -23,6 +24,12 @@ function handleRefresh() {
  gridApi.query();
 }

+/** 公众号变化时查询数据 */
+function handleAccountChange(accountId: number) {
+  gridApi.formApi.setValues({ accountId });
+  gridApi.formApi.submitForm();
+}
+
 /** 创建标签 */
 async function handleCreate() {
  const formValues = await gridApi.formApi.getValues();
@@ -101,6 +108,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
          });
        },
      },
+      autoLoad: false,
    },
    rowConfig: {
      keyField: 'id',
@@ -118,6 +126,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <Grid table-title="公众号标签列表">
+      <template #form-accountId>
+        <WxAccountSelect @change="handleAccountChange" />
+      </template>
      <template #toolbar-tools>
        <TableAction
          :actions="[
--- a/apps/web-antd/src/views/mp/user/data.ts
+++ b/apps/web-antd/src/views/mp/user/data.ts
@@ -1,11 +1,5 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { MpAccountApi } from '#/api/mp/account';
-
-import { getSimpleAccountList } from '#/api/mp/account';
-
-let accountList: MpAccountApi.AccountSimple[] = [];
-getSimpleAccountList().then((data) => (accountList = data));

 /** 修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
@@ -43,15 +37,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
    {
      fieldName: 'accountId',
      label: '公众号',
-      component: 'Select',
-      componentProps: {
-        options: accountList.map((item) => ({
-          label: item.name,
-          value: item.id,
-        })),
-        placeholder: '请选择公众号',
-      },
-      defaultValue: accountList[0]?.id,
+      component: 'Input',
    },
    {
      fieldName: 'openid',
--- a/apps/web-antd/src/views/mp/user/index.vue
+++ b/apps/web-antd/src/views/mp/user/index.vue
@@ -9,6 +9,7 @@ import { message } from 'ant-design-vue';
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getUserPage, syncUser } from '#/api/mp/user';
 import { $t } from '#/locales';
+import { WxAccountSelect } from '#/views/mp/components';

 import { useGridColumns, useGridFormSchema } from './data';
 import Form from './modules/form.vue';
@@ -25,6 +26,12 @@ function handleRefresh() {
  gridApi.query();
 }

+/** 公众号变化时查询数据 */
+function handleAccountChange(accountId: number) {
+  gridApi.formApi.setValues({ accountId });
+  gridApi.formApi.submitForm();
+}
+
 /** 编辑用户 */
 function handleEdit(row: MpUserApi.User) {
  formModalApi.setData({ id: row.id }).open();
@@ -73,6 +80,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
          });
        },
      },
+      autoLoad: false,
    },
    rowConfig: {
      keyField: 'id',
@@ -95,6 +103,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
    <FormModal @success="handleRefresh" />

    <Grid table-title="粉丝列表">
+      <template #form-accountId>
+        <WxAccountSelect @change="handleAccountChange" />
+      </template>
      <template #toolbar-tools>
        <TableAction
          :actions="[