diff --git a/Web/package.json b/Web/package.json index 6da90c38..60da12e6 100644 --- a/Web/package.json +++ b/Web/package.json @@ -26,6 +26,8 @@ "@vue-office/excel": "^1.7.14", "@vue-office/pdf": "^2.0.9", "@vueuse/core": "^13.1.0", + "@vxe-ui/plugin-export-xlsx": "^4.2.0", + "@vxe-ui/plugin-render-element": "^4.0.10", "@wangeditor/editor": "^5.1.23", "@wangeditor/editor-for-vue": "^5.1.12", "animate.css": "^4.1.1", @@ -79,8 +81,6 @@ "vue3-tree-org": "^4.2.2", "vxe-pc-ui": "^4.5.30", "vxe-table": "^4.13.11", - "vxe-table-plugin-element": "^4.0.4", - "vxe-table-plugin-export-xlsx": "^4.0.7", "xe-utils": "^3.7.4", "xlsx-js-style": "^1.2.0" }, diff --git a/Web/src/hooks/setupVXETableHook.ts b/Web/src/hooks/setupVXETableHook.ts index b34bfd05..d0ec2aad 100644 --- a/Web/src/hooks/setupVXETableHook.ts +++ b/Web/src/hooks/setupVXETableHook.ts @@ -1,10 +1,10 @@ import { App } from 'vue'; // VXETable import VxeUITable from 'vxe-table'; -import VXETablePluginElement from 'vxe-table-plugin-element'; -import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'; +import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element'; +import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx'; // import 'vxe-table/lib/style.css'; // 已在theme/vxe.scss引入 -import 'vxe-table-plugin-element/dist/style.css'; +import '@vxe-ui/plugin-render-element/dist/style.css'; // Vxe UI 组件库 import VxeUI, { VxeComponentSizeType } from 'vxe-pc-ui'; import { i18n } from '/@/i18n'; @@ -14,8 +14,8 @@ const vxeSize: VxeComponentSizeType = useThemeConfig().themeConfig.globalCompone export const setupVXETable = (app: App) => { // 加载插件 - VxeUITable.use(VXETablePluginElement); - VxeUITable.use(VXETablePluginExportXLSX, { ExcelJS: ExcelJS }); + VxeUITable.use(VxeUIPluginRenderElement); + VxeUITable.use(VxeUIPluginExportXLSX, { ExcelJS: ExcelJS }); VxeUITable.setTheme('light'); // 主题颜色 // VXETable全局配置https://vxetable.cn/v4.7/#/table/start/global VxeUITable.setConfig({