dromara/dax-pay-ui
1
0
Fork 0
mirror of https://gitee.com/bootx/dax-pay-ui.git synced 2025-10-15 14:40:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(VxeTable): update vxeTable ,fix imports and support theme change

Browse Source
This commit is contained in:
jinmao88
2024-06-24 16:33:55 +08:00
parent e7868e7193
commit cae5538aba
4 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@@ -107,8 +107,8 @@
"vue-router": "^4.3.2", "vue-router": "^4.3.2",
"vue-types": "^5.1.1", "vue-types": "^5.1.1",
"vuedraggable": "^4.1.0", "vuedraggable": "^4.1.0",
"vxe-table": "^4.6.3", "vxe-table": "^4.7.31",
"vxe-table-plugin-export-xlsx": "^4.0.1", "vxe-table-plugin-export-xlsx": "^4.0.2",
"xe-utils": "^3.5.25", "xe-utils": "^3.5.25",
"xlsx": "^0.18.5" "xlsx": "^0.18.5"
}, },

4
src/components/VxeTable/index.ts
View File

@@ -1,6 +1,6 @@
import { withInstall } from '@/utils'; import { withInstall } from '@/utils';
import vxeBasicTable from './src/VxeBasicTable'; import vxeBasicTable from './src/VxeBasicTable';
import { VXETable } from 'vxe-table'; import { VxeUI } from 'vxe-table';
import VXETablePluginAntd from './src/components'; import VXETablePluginAntd from './src/components';
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'; import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx';
import ExcelJS from 'exceljs'; import ExcelJS from 'exceljs';
@@ -10,4 +10,4 @@ export const VxeBasicTable = withInstall(vxeBasicTable);
export * from 'vxe-table'; export * from 'vxe-table';
export * from './src/types'; export * from './src/types';
VXETable.use(VXETablePluginAntd).use(VXETablePluginExportXLSX, { ExcelJS }); VxeUI.use(VXETablePluginAntd).use(VXETablePluginExportXLSX, { ExcelJS });

18
src/components/VxeTable/src/VxeBasicTable.tsx
View File

@@ -1,22 +1,25 @@
import { defineComponent, computed, ref } from 'vue'; import { defineComponent, computed, ref, watch } from 'vue';
import { BasicTableProps } from './types'; import { BasicTableProps } from './types';
import { basicProps } from './props'; import { basicProps } from './props';
import { ignorePropKeys } from './const'; import { ignorePropKeys } from './const';
import { basicEmits } from './emits'; import { basicEmits } from './emits';
import XEUtils from 'xe-utils'; import XEUtils from 'xe-utils';
import type { import {
VxeGridInstance, VxeGridInstance,
VxeGridEventProps, VxeGridEventProps,
GridMethods, GridMethods,
TableMethods, TableMethods,
TableEditMethods, TableEditMethods,
TableValidatorMethods, TableValidatorMethods,
VxeUI,
VxeGlobalThemeName,
VxeGrid,
} from 'vxe-table'; } from 'vxe-table';
import { Grid as VxeGrid } from 'vxe-table';
import { extendSlots } from '@/utils/helper/tsxHelper'; import { extendSlots } from '@/utils/helper/tsxHelper';
import { gridComponentMethodKeys } from './methods'; import { gridComponentMethodKeys } from './methods';
import { omit } from 'lodash-es'; import { omit } from 'lodash-es';
import { useRootSetting } from '@/hooks/setting/useRootSetting';
export default defineComponent({ export default defineComponent({
name: 'VxeBasicTable', name: 'VxeBasicTable',
@@ -25,7 +28,14 @@ export default defineComponent({
setup(props, { emit, attrs }) { setup(props, { emit, attrs }) {
const tableElRef = ref<VxeGridInstance>(); const tableElRef = ref<VxeGridInstance>();
const emitEvents: VxeGridEventProps = {}; const emitEvents: VxeGridEventProps = {};
const { getDarkMode } = useRootSetting();
watch(
() => getDarkMode.value,
() => {
VxeUI.setTheme(getDarkMode.value as VxeGlobalThemeName);
},
{ immediate: true },
);
const extendTableMethods = (methodKeys) => { const extendTableMethods = (methodKeys) => {
const funcs: any = {}; const funcs: any = {};
methodKeys.forEach((name) => { methodKeys.forEach((name) => {

4
src/components/VxeTable/src/setting.ts
View File

@@ -1,4 +1,4 @@
import { VXETable } from '..'; import { VxeUI } from '..';
import componentSetting from '@/settings/componentSetting'; import componentSetting from '@/settings/componentSetting';
VXETable.setup(componentSetting.vxeTable); VxeUI.setConfig(componentSetting.vxeTable);