From 1f643874a97d21d7b61182b7fdba7cf85038c7f6 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Fri, 16 Jan 2026 11:21:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20Modal=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9B=B4=E6=8E=A5=E5=AF=BC=E5=85=A5=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E4=BD=BF=E7=94=A8=20window.modal=20=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将项目中直接导入的 antdv-next Modal 组件替换为通过 window.modal 调用，提升代码一致性
删除不再使用的 table-switch.vue 组件
---
 apps/web-antd/src/api/helper.ts               |   4 +-
 apps/web-antd/src/api/request.ts              |   5 +-
 .../src/components/global/api-switch.vue      |   4 +-
 apps/web-antd/src/components/table/index.ts   |   1 -
 .../src/components/table/src/table-switch.vue | 134 ------------------
 .../src/components/upload/src/hook.ts         |   3 +-
 apps/web-antd/src/store/notify.ts             |   4 +-
 apps/web-antd/src/utils/modal.tsx             |   4 +-
 apps/web-antd/src/utils/popup.ts              |   3 +-
 .../_core/profile/components/account-bind.vue |   4 +-
 .../profile/components/secure-setting.vue     |   3 +-
 apps/web-antd/src/views/demo/demo/index.vue   |   4 +-
 .../src/views/monitor/logininfor/index.vue    |   4 +-
 .../src/views/monitor/operlog/index.vue       |   4 +-
 .../src/views/system/client/index.vue         |   4 +-
 .../src/views/system/config/index.vue         |   4 +-
 .../src/views/system/dict/data/index.vue      |   4 +-
 .../views/system/dict/type/index-refactor.vue |  13 +-
 .../src/views/system/dict/type/index.vue      |   4 +-
 .../src/views/system/notice/index.vue         |   4 +-
 .../src/views/system/oss-config/index.vue     |   4 +-
 apps/web-antd/src/views/system/oss/index.vue  |  12 +-
 apps/web-antd/src/views/system/post/index.vue |   4 +-
 .../src/views/system/role-assign/index.vue    |   4 +-
 apps/web-antd/src/views/system/role/index.vue |   4 +-
 .../src/views/system/tenant/index.vue         |   4 +-
 .../src/views/system/tenantPackage/index.vue  |   4 +-
 apps/web-antd/src/views/system/user/index.vue |   4 +-
 .../views/system/user/user-import-modal.vue   |   6 +-
 apps/web-antd/src/views/tool/gen/index.vue    |   4 +-
 .../components/actions/flow-actions.vue       |  14 +-
 .../components/flow-interfere-modal.vue       |  10 +-
 .../src/views/workflow/components/helper.tsx  |   3 +-
 .../src/views/workflow/leave/index.vue        |   4 +-
 .../workflow/processDefinition/index.vue      |   4 +-
 .../views/workflow/processInstance/index.vue  |   4 +-
 .../instance-variable-modal.vue               |   4 +-
 .../src/views/workflow/spel/index.vue         |   4 +-
 .../views/演示使用自行删除/upload/index.vue   |   4 +-
 .../演示使用自行删除/upload/upload-modal.vue  |   4 +-
 .../views/演示使用自行删除/vxe/edit-table.vue |   4 +-
 playground/src/views/system/role/list.vue     |   4 +-
 42 files changed, 85 insertions(+), 242 deletions(-)
 delete mode 100644 apps/web-antd/src/components/table/src/table-switch.vue

diff --git a/apps/web-antd/src/api/helper.ts b/apps/web-antd/src/api/helper.ts
index 29256177..a95da5d9 100644
--- a/apps/web-antd/src/api/helper.ts
+++ b/apps/web-antd/src/api/helper.ts
@@ -1,7 +1,5 @@
 import { $t } from '@vben/locales';
 
-import { Modal } from 'antdv-next';
-
 import { useAuthStore } from '#/store';
 
 import { requestClient } from './request';
@@ -83,7 +81,7 @@ export function handleUnauthorizedLogout() {
       if (error instanceof ImpossibleReturn401Exception) {
         lockLogoutRequest = true;
         if (import.meta.env.DEV) {
-          Modal.error({
+          window.modal.error({
             title: '提示',
             centered: true,
             content:
diff --git a/apps/web-antd/src/api/request.ts b/apps/web-antd/src/api/request.ts
index 4df3e16d..e8939cb9 100644
--- a/apps/web-antd/src/api/request.ts
+++ b/apps/web-antd/src/api/request.ts
@@ -27,7 +27,6 @@ import {
   RsaEncryption,
 } from '@vben/utils';
 
-import { Modal } from 'antdv-next';
 import { isEmpty, isNull } from 'lodash-es';
 
 import { useAuthStore } from '#/store';
@@ -253,7 +252,7 @@ function createRequestClient(baseURL: string) {
         }
 
         if (response.config.successMessageMode === 'modal') {
-          Modal.success({
+          window.modal.success({
             content: successMsg,
             title: $t('http.successTip'),
           });
@@ -288,7 +287,7 @@ function createRequestClient(baseURL: string) {
       // errorMessageMode='modal'的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
       // errorMessageMode='none' 一般是调用时明确表示不希望自动弹出错误提示
       if (response.config.errorMessageMode === 'modal') {
-        Modal.error({
+        window.modal.error({
           content: timeoutMsg,
           title: $t('http.errorTip'),
         });
diff --git a/apps/web-antd/src/components/global/api-switch.vue b/apps/web-antd/src/components/global/api-switch.vue
index 93df0b8f..20df8c34 100644
--- a/apps/web-antd/src/components/global/api-switch.vue
+++ b/apps/web-antd/src/components/global/api-switch.vue
@@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
 
 import { $t } from '@vben/locales';
 
-import { Modal, Switch } from 'antdv-next';
+import { Switch } from 'antdv-next';
 import { isFunction } from 'lodash-es';
 
 interface Props {
@@ -64,7 +64,7 @@ function confirmUpdate(checked: boolean, lastStatus: boolean) {
     ? props.confirmText(checked)
     : `确认要更新状态吗？`;
 
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content,
     centered: true,
diff --git a/apps/web-antd/src/components/table/index.ts b/apps/web-antd/src/components/table/index.ts
index 03a735c8..3cb0057e 100644
--- a/apps/web-antd/src/components/table/index.ts
+++ b/apps/web-antd/src/components/table/index.ts
@@ -1,2 +1 @@
 export { default as OptionsTag } from './src/options-tag.vue';
-export { default as TableSwitch } from './src/table-switch.vue';
diff --git a/apps/web-antd/src/components/table/src/table-switch.vue b/apps/web-antd/src/components/table/src/table-switch.vue
deleted file mode 100644
index c683da04..00000000
--- a/apps/web-antd/src/components/table/src/table-switch.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { $t } from '@vben/locales';
-
-import { Modal, Switch } from 'antdv-next';
-import { isFunction } from 'lodash-es';
-
-type CheckedType = boolean | number | string;
-
-interface Props {
-  /**
-   * 选中的文本
-   * @default i18n 启用
-   */
-  checkedText?: string;
-  /**
-   * 未选中的文本
-   * @default i18n 禁用
-   */
-  unCheckedText?: string;
-  checkedValue?: CheckedType;
-  unCheckedValue?: CheckedType;
-  disabled?: boolean;
-  /**
-   * 需要自己在内部处理更新的逻辑 因为status已经双向绑定了 可以直接获取
-   */
-  api: () => PromiseLike<void>;
-  /**
-   * 更新前是否弹窗确认
-   * @default false
-   */
-  confirm?: boolean;
-  /**
-   * 对应的提示内容
-   * @param checked 选中的值(更新后的值)
-   * @default string '确认要更新状态吗？'
-   */
-  confirmText?: (checked: CheckedType) => string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  checkedText: undefined,
-  unCheckedText: undefined,
-  checkedValue: '0',
-  unCheckedValue: '1',
-  confirm: false,
-  confirmText: undefined,
-});
-
-const emit = defineEmits<{ reload: [] }>();
-
-// 修改为computed 支持语言切换
-const checkedTextComputed = computed(() => {
-  return props.checkedText ?? $t('pages.common.enable');
-});
-
-const unCheckedTextComputed = computed(() => {
-  return props.unCheckedText ?? $t('pages.common.disable');
-});
-
-const currentChecked = defineModel<CheckedType>('value', {
-  default: false,
-});
-
-const loading = ref(false);
-
-function confirmUpdate(checked: CheckedType, lastStatus: CheckedType) {
-  const content = isFunction(props.confirmText)
-    ? props.confirmText(checked)
-    : `确认要更新状态吗？`;
-
-  Modal.confirm({
-    title: '提示',
-    content,
-    centered: true,
-    onOk: async () => {
-      try {
-        loading.value = true;
-        const { api } = props;
-        isFunction(api) && (await api());
-        emit('reload');
-      } catch {
-        currentChecked.value = lastStatus;
-      } finally {
-        loading.value = false;
-      }
-    },
-    onCancel: () => {
-      currentChecked.value = lastStatus;
-    },
-  });
-}
-
-async function handleChange(checked: CheckedType, e: Event) {
-  // 阻止事件冒泡 否则会跟行选中冲突
-  e.stopPropagation();
-  const { checkedValue, unCheckedValue } = props;
-  // 原本的状态
-  const lastStatus = checked === checkedValue ? unCheckedValue : checkedValue;
-  // 切换状态
-  currentChecked.value = checked;
-  const { api } = props;
-  try {
-    loading.value = true;
-
-    if (props.confirm) {
-      confirmUpdate(checked, lastStatus);
-      return;
-    }
-
-    isFunction(api) && (await api());
-    emit('reload');
-  } catch {
-    currentChecked.value = lastStatus;
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
-<template>
-  <Switch
-    v-bind="$attrs"
-    :loading="loading"
-    :disabled="disabled"
-    :checked="currentChecked"
-    :checked-children="checkedTextComputed"
-    :checked-value="checkedValue"
-    :un-checked-children="unCheckedTextComputed"
-    :un-checked-value="unCheckedValue"
-    @change="handleChange"
-  />
-</template>
diff --git a/apps/web-antd/src/components/upload/src/hook.ts b/apps/web-antd/src/components/upload/src/hook.ts
index 80b2ceb0..111954d9 100644
--- a/apps/web-antd/src/components/upload/src/hook.ts
+++ b/apps/web-antd/src/components/upload/src/hook.ts
@@ -22,7 +22,6 @@ import { computed, onUnmounted, ref, watch } from 'vue';
 
 import { $t } from '@vben/locales';
 
-import { Modal } from 'antdv-next';
 import { isFunction, isString } from 'lodash-es';
 
 import { ossInfo } from '#/api/system/oss';
@@ -245,7 +244,7 @@ export function useUpload(
     }
 
     return new Promise<boolean>((resolve) => {
-      Modal.confirm({
+      window.modal.confirm({
         title: $t('pages.common.tip'),
         content: $t('component.upload.confirmDelete', [currentFile.name]),
         okButtonProps: { danger: true },
diff --git a/apps/web-antd/src/store/notify.ts b/apps/web-antd/src/store/notify.ts
index 52a9429f..2a5460a5 100644
--- a/apps/web-antd/src/store/notify.ts
+++ b/apps/web-antd/src/store/notify.ts
@@ -7,7 +7,7 @@ import { $t } from '@vben/locales';
 import { useUserStore } from '@vben/stores';
 import { buildUUID } from '@vben/utils';
 
-import { Modal, notification } from 'antdv-next';
+import { notification } from 'antdv-next';
 import dayjs from 'dayjs';
 import { defineStore } from 'pinia';
 
@@ -93,7 +93,7 @@ export const useNotifyStore = defineStore(
     function setRead(item: NotificationItem) {
       !item.isRead && (item.isRead = true);
       // 显示信息
-      Modal.info({
+      window.modal.info({
         title: item.title,
         content: item.message,
       });
diff --git a/apps/web-antd/src/utils/modal.tsx b/apps/web-antd/src/utils/modal.tsx
index fbdb3af7..58a5d769 100644
--- a/apps/web-antd/src/utils/modal.tsx
+++ b/apps/web-antd/src/utils/modal.tsx
@@ -3,7 +3,7 @@ import type { Rule } from 'antdv-next/es/form';
 
 import { reactive } from 'vue';
 
-import { Alert, Form, Input, Modal } from 'antdv-next';
+import { Alert, Form, Input } from 'antdv-next';
 import { isFunction } from 'lodash-es';
 
 export interface ConfirmModalProps extends Omit<ModalFuncProps, 'visible'> {
@@ -37,7 +37,7 @@ export function confirmDeleteModal(props: ConfirmModalProps) {
   const useForm = Form.useForm;
   const { validate, validateInfos } = useForm(formValue, rulesRef);
 
-  Modal.confirm({
+  window.modal.confirm({
     ...props,
     centered: true,
     content: (
diff --git a/apps/web-antd/src/utils/popup.ts b/apps/web-antd/src/utils/popup.ts
index 3ba85f36..2ae0c3f7 100644
--- a/apps/web-antd/src/utils/popup.ts
+++ b/apps/web-antd/src/utils/popup.ts
@@ -5,7 +5,6 @@ import { ref } from 'vue';
 
 import { $t } from '@vben/locales';
 
-import { Modal } from 'antdv-next';
 import { isFunction } from 'lodash-es';
 
 interface BeforeCloseDiffProps {
@@ -86,7 +85,7 @@ export function useBeforeCloseDiff(props: BeforeCloseDiffProps) {
 
       // 数据有变化，显示确认对话框
       return new Promise<boolean>((resolve) => {
-        Modal.confirm({
+        window.modal.confirm({
           title: $t('pages.common.tip'),
           content: $t('pages.common.beforeCloseTip'),
           centered: true,
diff --git a/apps/web-antd/src/views/_core/profile/components/account-bind.vue b/apps/web-antd/src/views/_core/profile/components/account-bind.vue
index 0328e80e..b9176d43 100644
--- a/apps/web-antd/src/views/_core/profile/components/account-bind.vue
+++ b/apps/web-antd/src/views/_core/profile/components/account-bind.vue
@@ -5,7 +5,7 @@ import type { SocialInfo } from '#/api/system/social/model';
 
 import { onMounted, ref } from 'vue';
 
-import { Alert, Avatar, Card, Empty, Modal, Tooltip } from 'antdv-next';
+import { Alert, Avatar, Card, Empty, Tooltip } from 'antdv-next';
 
 import { authUnbinding } from '#/api';
 import { socialList } from '#/api/system/social';
@@ -50,7 +50,7 @@ function handleUnbind(record: BindItemWithInfo) {
   if (!record.info) {
     return;
   }
-  Modal.confirm({
+  window.modal.confirm({
     content: `确定解绑[${record.source}]平台的[${record.info.userName}]账号吗？`,
     async onOk() {
       await authUnbinding(record.info!.id);
diff --git a/apps/web-antd/src/views/_core/profile/components/secure-setting.vue b/apps/web-antd/src/views/_core/profile/components/secure-setting.vue
index fabbc439..f87a2567 100644
--- a/apps/web-antd/src/views/_core/profile/components/secure-setting.vue
+++ b/apps/web-antd/src/views/_core/profile/components/secure-setting.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { UpdatePasswordParam } from '#/api/system/profile/model';
 
-import { Modal } from 'antdv-next';
 import { omit } from 'lodash-es';
 
 import { useVbenForm, z } from '#/adapter/form';
@@ -79,7 +78,7 @@ function buttonLoading(loading: boolean) {
 
 const authStore = useAuthStore();
 function handleSubmit(values: any) {
-  Modal.confirm({
+  window.modal.confirm({
     content: '确认修改密码吗？',
     onOk: async () => {
       try {
diff --git a/apps/web-antd/src/views/demo/demo/index.vue b/apps/web-antd/src/views/demo/demo/index.vue
index c2a2c3b5..8c7cb044 100644
--- a/apps/web-antd/src/views/demo/demo/index.vue
+++ b/apps/web-antd/src/views/demo/demo/index.vue
@@ -9,7 +9,7 @@ import { ref } from 'vue';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { getPopupContainer } from '@vben/utils';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import { commonDownloadExcel } from '#/utils/file/download';
@@ -84,7 +84,7 @@ async function handleDelete(row: Recordable<any>) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: any) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/monitor/logininfor/index.vue b/apps/web-antd/src/views/monitor/logininfor/index.vue
index 6cf7ac1a..a4b88311 100644
--- a/apps/web-antd/src/views/monitor/logininfor/index.vue
+++ b/apps/web-antd/src/views/monitor/logininfor/index.vue
@@ -8,7 +8,7 @@ import { ref } from 'vue';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -111,7 +111,7 @@ async function handleDelete(row: LoginLog) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: LoginLog) => row.infoId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/monitor/operlog/index.vue b/apps/web-antd/src/views/monitor/operlog/index.vue
index 426a4a7e..53d627f8 100644
--- a/apps/web-antd/src/views/monitor/operlog/index.vue
+++ b/apps/web-antd/src/views/monitor/operlog/index.vue
@@ -8,7 +8,7 @@ import type { OperationLog } from '#/api/monitor/operlog/model';
 import { Page, useVbenDrawer } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { Modal, Space } from 'antdv-next';
+import { Space } from 'antdv-next';
 
 import {
   addSortParams,
@@ -124,7 +124,7 @@ function handleClear() {
 async function handleDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: OperationLog) => row.operId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条操作日志吗？`,
diff --git a/apps/web-antd/src/views/system/client/index.vue b/apps/web-antd/src/views/system/client/index.vue
index 7e3f0c52..a3499c68 100644
--- a/apps/web-antd/src/views/system/client/index.vue
+++ b/apps/web-antd/src/views/system/client/index.vue
@@ -8,7 +8,7 @@ import { useAccess } from '@vben/access';
 import { Page, useVbenDrawer } from '@vben/common-ui';
 import { DEFAULT_CLIENT_ID, EnableStatus } from '@vben/constants';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -93,7 +93,7 @@ async function handleDelete(row: Client) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Client) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/config/index.vue b/apps/web-antd/src/views/system/config/index.vue
index a6cdb974..ec989689 100644
--- a/apps/web-antd/src/views/system/config/index.vue
+++ b/apps/web-antd/src/views/system/config/index.vue
@@ -6,7 +6,7 @@ import type { SysConfig } from '#/api/system/config/model';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -93,7 +93,7 @@ async function handleDelete(row: SysConfig) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: SysConfig) => row.configId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/dict/data/index.vue b/apps/web-antd/src/views/system/dict/data/index.vue
index fedc0909..2b355f2f 100644
--- a/apps/web-antd/src/views/system/dict/data/index.vue
+++ b/apps/web-antd/src/views/system/dict/data/index.vue
@@ -9,7 +9,7 @@ import { ref } from 'vue';
 
 import { useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -101,7 +101,7 @@ async function handleDelete(row: DictData) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: DictData) => row.dictCode);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/dict/type/index-refactor.vue b/apps/web-antd/src/views/system/dict/type/index-refactor.vue
index d43effd8..43abeded 100644
--- a/apps/web-antd/src/views/system/dict/type/index-refactor.vue
+++ b/apps/web-antd/src/views/system/dict/type/index-refactor.vue
@@ -15,14 +15,7 @@ import {
   PlusOutlined,
   SyncOutlined,
 } from '@ant-design/icons-vue';
-import {
-  Alert,
-  Input,
-  Modal,
-  Popconfirm,
-  Space,
-  Tooltip,
-} from 'antdv-next';
+import { Alert, Input, Popconfirm, Space, Tooltip } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -121,7 +114,7 @@ function handleDownloadExcel() {
 }
 
 function handleRefreshCache() {
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确认刷新字典类型缓存吗？',
     okButtonProps: {
@@ -171,7 +164,7 @@ watch(searchValue, (value) => {
   <div
     :class="
       cn(
-        'bg-background flex max-h-[100vh] w-[360px] flex-col overflow-y-hidden',
+        'flex max-h-[100vh] w-[360px] flex-col overflow-y-hidden bg-background',
         'rounded-lg',
         'dict-type-card',
       )
diff --git a/apps/web-antd/src/views/system/dict/type/index.vue b/apps/web-antd/src/views/system/dict/type/index.vue
index 5ffaa259..99b6728f 100644
--- a/apps/web-antd/src/views/system/dict/type/index.vue
+++ b/apps/web-antd/src/views/system/dict/type/index.vue
@@ -8,7 +8,7 @@ import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -105,7 +105,7 @@ async function handleDelete(row: DictType) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: DictType) => row.dictId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/notice/index.vue b/apps/web-antd/src/views/system/notice/index.vue
index ab3157c8..24c49bdb 100644
--- a/apps/web-antd/src/views/system/notice/index.vue
+++ b/apps/web-antd/src/views/system/notice/index.vue
@@ -6,7 +6,7 @@ import type { Notice } from '#/api/system/notice/model';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import { noticeList, noticeRemove } from '#/api/system/notice';
@@ -82,7 +82,7 @@ async function handleDelete(row: Notice) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Notice) => row.noticeId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/oss-config/index.vue b/apps/web-antd/src/views/system/oss-config/index.vue
index 27fc8efd..d4420c57 100644
--- a/apps/web-antd/src/views/system/oss-config/index.vue
+++ b/apps/web-antd/src/views/system/oss-config/index.vue
@@ -8,7 +8,7 @@ import { useAccess } from '@vben/access';
 import { Page, useVbenDrawer } from '@vben/common-ui';
 import { EnableStatus } from '@vben/constants';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -89,7 +89,7 @@ async function handleDelete(row: OssConfig) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: OssConfig) => row.ossConfigId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/oss/index.vue b/apps/web-antd/src/views/system/oss/index.vue
index 27adf3c4..c9af6589 100644
--- a/apps/web-antd/src/views/system/oss/index.vue
+++ b/apps/web-antd/src/views/system/oss/index.vue
@@ -14,15 +14,7 @@ import { $t } from '@vben/locales';
 import { stringify } from '@vben/request';
 import { useAccessStore } from '@vben/stores';
 
-import {
-  Image,
-  Modal,
-  Popconfirm,
-  Space,
-  Spin,
-  Switch,
-  Tooltip,
-} from 'antdv-next';
+import { Image, Popconfirm, Space, Spin, Switch, Tooltip } from 'antdv-next';
 
 import {
   addSortParams,
@@ -166,7 +158,7 @@ async function handleDelete(row: OssFile) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: OssFile) => row.ossId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/post/index.vue b/apps/web-antd/src/views/system/post/index.vue
index 476d07b6..b676a5f8 100644
--- a/apps/web-antd/src/views/system/post/index.vue
+++ b/apps/web-antd/src/views/system/post/index.vue
@@ -8,7 +8,7 @@ import { ref } from 'vue';
 
 import { Page, useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -107,7 +107,7 @@ async function handleDelete(row: Post) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Post) => row.postId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/role-assign/index.vue b/apps/web-antd/src/views/system/role-assign/index.vue
index 21bc779d..79eb1524 100644
--- a/apps/web-antd/src/views/system/role-assign/index.vue
+++ b/apps/web-antd/src/views/system/role-assign/index.vue
@@ -8,7 +8,7 @@ import { useRoute } from 'vue-router';
 
 import { Page, useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -93,7 +93,7 @@ async function handleAuthCancel(record: User) {
 function handleMultipleAuthCancel() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: User) => row.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认取消选中的${ids.length}条授权记录吗？`,
diff --git a/apps/web-antd/src/views/system/role/index.vue b/apps/web-antd/src/views/system/role/index.vue
index 29cf6383..42576fb7 100644
--- a/apps/web-antd/src/views/system/role/index.vue
+++ b/apps/web-antd/src/views/system/role/index.vue
@@ -16,7 +16,7 @@ import {
   SUPERADMIN_ROLE_KEY,
 } from '@vben/constants';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -108,7 +108,7 @@ async function handleDelete(row: Role) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Role) => row.roleId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/tenant/index.vue b/apps/web-antd/src/views/system/tenant/index.vue
index 8ae70e25..a9765c5a 100644
--- a/apps/web-antd/src/views/system/tenant/index.vue
+++ b/apps/web-antd/src/views/system/tenant/index.vue
@@ -9,7 +9,7 @@ import { computed } from 'vue';
 import { useAccess } from '@vben/access';
 import { Fallback, Page, useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -106,7 +106,7 @@ async function handleDelete(row: Tenant) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Tenant) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/tenantPackage/index.vue b/apps/web-antd/src/views/system/tenantPackage/index.vue
index efff6e5e..e4d6c4e9 100644
--- a/apps/web-antd/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/index.vue
@@ -9,7 +9,7 @@ import { computed } from 'vue';
 import { useAccess } from '@vben/access';
 import { Fallback, Page, useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -92,7 +92,7 @@ async function handleDelete(row: TenantPackage) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: TenantPackage) => row.packageId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/user/index.vue b/apps/web-antd/src/views/system/user/index.vue
index 0fa4f19b..343c5983 100644
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@@ -14,7 +14,7 @@ import { EnableStatus, SUPERADMIN_USER_ID } from '@vben/constants';
 import { $t } from '@vben/locales';
 import { preferences } from '@vben/preferences';
 
-import { Avatar, Dropdown, Modal, Popconfirm, Space } from 'antdv-next';
+import { Avatar, Dropdown, Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -145,7 +145,7 @@ async function handleDelete(row: User) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: User) => row.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/system/user/user-import-modal.vue b/apps/web-antd/src/views/system/user/user-import-modal.vue
index 7444bdc8..09dc3c37 100644
--- a/apps/web-antd/src/views/system/user/user-import-modal.vue
+++ b/apps/web-antd/src/views/system/user/user-import-modal.vue
@@ -6,7 +6,7 @@ import { h, ref, unref } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import { ExcelIcon, InBoxIcon } from '@vben/icons';
 
-import { Modal, Switch, Upload } from 'antdv-next';
+import { Switch, Upload } from 'antdv-next';
 
 import { downloadImportTemplate, userImportData } from '#/api/system/user';
 import { commonDownloadExcel } from '#/utils/file/download';
@@ -35,11 +35,11 @@ async function handleSubmit() {
       updateSupport: unref(checked),
     };
     const { code, msg } = await userImportData(data);
-    let modal = Modal.success;
+    let modal = window.modal.success;
     if (code === 200) {
       emit('reload');
     } else {
-      modal = Modal.error;
+      modal = window.modal.error;
     }
     handleCancel();
     modal({
diff --git a/apps/web-antd/src/views/tool/gen/index.vue b/apps/web-antd/src/views/tool/gen/index.vue
index 073ba077..91f55962 100644
--- a/apps/web-antd/src/views/tool/gen/index.vue
+++ b/apps/web-antd/src/views/tool/gen/index.vue
@@ -9,7 +9,7 @@ import { useRouter } from 'vue-router';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 import dayjs from 'dayjs';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
@@ -170,7 +170,7 @@ async function handleDelete(record: Recordable<any>) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: any) => row.tableId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/workflow/components/actions/flow-actions.vue b/apps/web-antd/src/views/workflow/components/actions/flow-actions.vue
index 43d919b5..9ccb6ef4 100644
--- a/apps/web-antd/src/views/workflow/components/actions/flow-actions.vue
+++ b/apps/web-antd/src/views/workflow/components/actions/flow-actions.vue
@@ -21,7 +21,7 @@ import {
   UsergroupDeleteOutlined,
   UserOutlined,
 } from '@ant-design/icons-vue';
-import { Dropdown, Menu, MenuItem, Modal, Space } from 'antdv-next';
+import { Dropdown, Menu, MenuItem, Space } from 'antdv-next';
 
 import {
   cancelProcessApply,
@@ -68,7 +68,7 @@ const showButtonOther = computed(() => {
 // 进行中 可以撤销
 const revocable = computed(() => props.task?.flowStatus === 'waiting');
 async function handleCancel() {
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确定要撤销该申请吗？',
     centered: true,
@@ -102,7 +102,7 @@ function handleEdit() {
 }
 
 function handleRemove() {
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确定删除该申请吗？',
     centered: true,
@@ -213,7 +213,7 @@ const [AddSignatureModal, addSignatureModalApi] = useVbenModal({
 function handleAddSignature(userList: User[]) {
   if (userList.length === 0) return;
   const userIds = userList.map((user) => user.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确认加签吗?',
     centered: true,
@@ -230,7 +230,7 @@ const [ReductionSignatureModal, reductionSignatureModalApi] = useVbenModal({
 function handleReductionSignature(userList: User[]) {
   if (userList.length === 0) return;
   const userIds = userList.map((user) => user.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确认减签吗?',
     centered: true,
@@ -261,7 +261,7 @@ function handleUpdateAssignee(userList: User[]) {
   if (userList.length === 0) return;
   const current = userList[0];
   if (!current) return;
-  Modal.confirm({
+  window.modal.confirm({
     title: '修改办理人',
     content: `确定修改办理人为${current?.nickName}吗?`,
     centered: true,
@@ -292,7 +292,7 @@ const showMultiActions = computed(() => {
       cn(
         'absolute bottom-0 left-0',
         'border-t-solid border-t-[1px]',
-        'bg-background w-full p-3',
+        'w-full bg-background p-3',
       )
     "
   >
diff --git a/apps/web-antd/src/views/workflow/components/flow-interfere-modal.vue b/apps/web-antd/src/views/workflow/components/flow-interfere-modal.vue
index 96ccb6ac..cc7ad55d 100644
--- a/apps/web-antd/src/views/workflow/components/flow-interfere-modal.vue
+++ b/apps/web-antd/src/views/workflow/components/flow-interfere-modal.vue
@@ -8,7 +8,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
-import { Descriptions, Modal } from 'antdv-next';
+import { Descriptions } from 'antdv-next';
 
 import {
   getTaskByTaskId,
@@ -57,7 +57,7 @@ const [TransferModal, transferModalApi] = useVbenModal({
 function handleTransfer(userList: User[]) {
   if (userList.length === 0 || !taskInfo.value) return;
   const current = userList[0];
-  Modal.confirm({
+  window.modal.confirm({
     title: '转办',
     content: `确定转办给${current?.nickName}吗?`,
     centered: true,
@@ -78,7 +78,7 @@ function handleTermination() {
   if (!taskInfo.value) {
     return;
   }
-  Modal.confirm({
+  window.modal.confirm({
     title: '审批终止',
     content: '确定终止当前审批流程吗？',
     centered: true,
@@ -96,7 +96,7 @@ const [AddSignatureModal, addSignatureModalApi] = useVbenModal({
 function handleAddSignature(userList: User[]) {
   if (userList.length === 0 || !taskInfo.value) return;
   const userIds = userList.map((user) => user.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确认加签吗?',
     centered: true,
@@ -116,7 +116,7 @@ const [ReductionSignatureModal, reductionSignatureModalApi] = useVbenModal({
 function handleReductionSignature(userList: User[]) {
   if (userList.length === 0 || !taskInfo.value) return;
   const userIds = userList.map((user) => user.userId);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     content: '确认减签吗?',
     centered: true,
diff --git a/apps/web-antd/src/views/workflow/components/helper.tsx b/apps/web-antd/src/views/workflow/components/helper.tsx
index 116496a4..3581b141 100644
--- a/apps/web-antd/src/views/workflow/components/helper.tsx
+++ b/apps/web-antd/src/views/workflow/components/helper.tsx
@@ -1,6 +1,5 @@
 import { defineComponent, h, ref } from 'vue';
 
-import { Modal } from 'antdv-next';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import relativeTime from 'dayjs/plugin/relativeTime';
@@ -20,7 +19,7 @@ export interface ApproveWithReasonModalProps {
 export function approveWithReasonModal(props: ApproveWithReasonModalProps) {
   const { onOk, title, description } = props;
   const content = ref('');
-  Modal.confirm({
+  window.modal.confirm({
     title,
     content: h(
       defineComponent({
diff --git a/apps/web-antd/src/views/workflow/leave/index.vue b/apps/web-antd/src/views/workflow/leave/index.vue
index 0788cbc3..bf966263 100644
--- a/apps/web-antd/src/views/workflow/leave/index.vue
+++ b/apps/web-antd/src/views/workflow/leave/index.vue
@@ -7,7 +7,7 @@ import type { VxeGridProps } from '#/adapter/vxe-table';
 
 import { Page, useVbenDrawer, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import { cancelProcessApply } from '#/api/workflow/instance';
@@ -124,7 +124,7 @@ async function handleRevoke(row: Required<LeaveForm>) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Required<LeaveForm>) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/workflow/processDefinition/index.vue b/apps/web-antd/src/views/workflow/processDefinition/index.vue
index 403472dc..ac5fccf1 100644
--- a/apps/web-antd/src/views/workflow/processDefinition/index.vue
+++ b/apps/web-antd/src/views/workflow/processDefinition/index.vue
@@ -13,7 +13,7 @@ import { useRouter } from 'vue-router';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { Modal, Popconfirm, RadioGroup, Space, Switch } from 'antdv-next';
+import { Popconfirm, RadioGroup, Space, Switch } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -127,7 +127,7 @@ async function handleDelete(row: Recordable<any>) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: any) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/workflow/processInstance/index.vue b/apps/web-antd/src/views/workflow/processInstance/index.vue
index 58e51162..3dc806cf 100644
--- a/apps/web-antd/src/views/workflow/processInstance/index.vue
+++ b/apps/web-antd/src/views/workflow/processInstance/index.vue
@@ -11,7 +11,7 @@ import { ref } from 'vue';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
-import { Modal, Popconfirm, RadioGroup, Space } from 'antdv-next';
+import { Popconfirm, RadioGroup, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
@@ -135,7 +135,7 @@ async function handleDelete(row: Recordable<any>) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: any) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/workflow/processInstance/instance-variable-modal.vue b/apps/web-antd/src/views/workflow/processInstance/instance-variable-modal.vue
index bbbe482a..a83eca42 100644
--- a/apps/web-antd/src/views/workflow/processInstance/instance-variable-modal.vue
+++ b/apps/web-antd/src/views/workflow/processInstance/instance-variable-modal.vue
@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import { JsonPreview, useVbenModal } from '@vben/common-ui';
 import { cn, getPopupContainer } from '@vben/utils';
 
-import { Modal, Tag } from 'antdv-next';
+import { Tag } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 import { instanceVariable, updateFlowVariable } from '#/api/workflow/instance';
@@ -141,7 +141,7 @@ const [Form, formApi] = useVbenForm({
   },
   handleSubmit: async (values) => {
     console.log(values);
-    Modal.confirm({
+    window.modal.confirm({
       title: '修改流程变量',
       content: '确认修改流程变量吗？',
       centered: true,
diff --git a/apps/web-antd/src/views/workflow/spel/index.vue b/apps/web-antd/src/views/workflow/spel/index.vue
index 249492e4..e0aef3bb 100644
--- a/apps/web-antd/src/views/workflow/spel/index.vue
+++ b/apps/web-antd/src/views/workflow/spel/index.vue
@@ -6,7 +6,7 @@ import type { Spel } from '#/api/workflow/spel/model';
 
 import { Page, useVbenDrawer } from '@vben/common-ui';
 
-import { Modal, Popconfirm, Space } from 'antdv-next';
+import { Popconfirm, Space } from 'antdv-next';
 
 import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import { spelDelete, spelList } from '#/api/workflow/spel';
@@ -80,7 +80,7 @@ async function handleDelete(row: Spel) {
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
   const ids = rows.map((row: Spel) => row.id);
-  Modal.confirm({
+  window.modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
index 78eee9a5..fad3edbb 100644
--- a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
+++ b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
@@ -8,7 +8,7 @@ import { h, ref } from 'vue';
 import { CodeMirror, Page, useVbenModal } from '@vben/common-ui';
 
 import { useClipboard } from '@vueuse/core';
-import { Alert, Card, Modal, RadioGroup, Switch } from 'antdv-next';
+import { Alert, Card, RadioGroup, Switch } from 'antdv-next';
 
 import { FileUpload, ImageUpload } from '#/components/upload';
 
@@ -22,7 +22,7 @@ const multipleImageId = ref<string[]>(['1905537674682916865']);
 const multipleFileId = ref<string[]>(['1905191167882518529']);
 
 function handlePreview(file: UploadFile) {
-  Modal.info({
+  window.modal.info({
     content: h('div', { class: 'break-all' }, JSON.stringify(file, null, 2)),
     maskClosable: true,
   });
diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/upload-modal.vue b/apps/web-antd/src/views/演示使用自行删除/upload/upload-modal.vue
index 3e92b7d8..ea7dfe5f 100644
--- a/apps/web-antd/src/views/演示使用自行删除/upload/upload-modal.vue
+++ b/apps/web-antd/src/views/演示使用自行删除/upload/upload-modal.vue
@@ -3,7 +3,7 @@ import { h } from 'vue';
 
 import { JsonPreview, useVbenModal } from '@vben/common-ui';
 
-import { Modal, Space } from 'antdv-next';
+import { Space } from 'antdv-next';
 
 import { useVbenForm } from '#/adapter/form';
 
@@ -35,7 +35,7 @@ async function getValues() {
     const v = await formApi.getValues();
     console.log(v);
 
-    Modal.info({
+    window.modal.info({
       content: () => h(JsonPreview, { data: v }),
     });
   } catch (error) {
diff --git a/apps/web-antd/src/views/演示使用自行删除/vxe/edit-table.vue b/apps/web-antd/src/views/演示使用自行删除/vxe/edit-table.vue
index 06f63f81..3909072e 100644
--- a/apps/web-antd/src/views/演示使用自行删除/vxe/edit-table.vue
+++ b/apps/web-antd/src/views/演示使用自行删除/vxe/edit-table.vue
@@ -5,7 +5,7 @@ import { nextTick, onMounted } from 'vue';
 
 import { JsonPreview } from '@vben/common-ui';
 
-import { Button, Input, InputNumber, Modal, Select, Space } from 'antdv-next';
+import { Button, Input, InputNumber, Select, Space } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
@@ -248,7 +248,7 @@ function getData() {
   const data = tableApi.grid.getTableData();
   const { fullData } = data;
   console.log(fullData);
-  Modal.info({
+  window.modal.info({
     title: '提示',
     content: (
       <div class="max-h-[350px] overflow-y-auto">
diff --git a/playground/src/views/system/role/list.vue b/playground/src/views/system/role/list.vue
index 05328b8e..499d67e6 100644
--- a/playground/src/views/system/role/list.vue
+++ b/playground/src/views/system/role/list.vue
@@ -10,7 +10,7 @@ import type { SystemRoleApi } from '#/api';
 import { Page, useVbenDrawer } from '@vben/common-ui';
 import { Plus } from '@vben/icons';
 
-import { Button, message, Modal } from 'antdv-next';
+import { Button, message } from 'antdv-next';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteRole, getRoleList, updateRole } from '#/api';
@@ -79,7 +79,7 @@ function onActionClick(e: OnActionClickParams<SystemRoleApi.SystemRole>) {
  */
 function confirm(content: string, title: string) {
   return new Promise((reslove, reject) => {
-    Modal.confirm({
+    window.modal.confirm({
       content,
       onCancel() {
         reject(new Error('已取消'));