adtec-core-package 2.2.7 → 2.2.8

package/src/config/VxeTableConfig.ts

@@ -1,247 +1,251 @@
-import { VxeGrid } from 'vxe-table'
-import { VxeUI } from 'vxe-pc-ui'
-
-import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element'
-import '@vxe-ui/plugin-render-element/dist/style.css'
-import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx'
-import ExcelJS from 'exceljs'
-import 'vxe-pc-ui/lib/style.css'
-import '../css/vxeTableUI/all.scss'
-import VxeUIPluginExportPDF from '@vxe-ui/plugin-export-pdf'
-import { jsPDF } from 'jspdf'
-// 导入默认的语言
-import zhCN from 'vxe-table/lib/locale/lang/zh-CN'
-
-/**
- * 局部初始化 vxe-table 插件与配置
- */
-export function initVxeTableInPage(enableExcel: boolean = false, enablePdf: boolean = false) {
-  // 设置语言
-  VxeUI.setI18n('zh-CN', zhCN)
-  VxeUI.setLanguage('zh-CN')
-
-  // 局部注册插件
-  VxeUI.use(VxeUIPluginRenderElement)
-  if (enableExcel) VxeUI.use(VxeUIPluginExportXLSX, { ExcelJS })
-  if (enablePdf) VxeUI.use(VxeUIPluginExportPDF, { jsPDF })
-
-  // 设置表格配置（可复制你在 VxeTableConfig.ts 中的配置）
-  VxeUI.setConfig({
-    table: {
-      showHeader: true,
-      keepSource: true,
-      autoResize: true,
-      height: '100%',
-      showOverflow: true,
-      showHeaderOverflow: true,
-      showFooterOverflow: true,
-      cellConfig: {},
-      headerCellConfig: {
-        height: 41,
-      },
-      resizeConfig: {
-        refreshDelay: 20,
-      },
-      resizableConfig: {
-        dragMode: 'auto',
-        showDragTip: false,
-        isSyncAutoHeight: true,
-        isSyncAutoWidth: true,
-        minHeight: 18,
-      },
-      columnDragConfig: {
-        showIcon: true,
-        showGuidesStatus: false,
-        showDragTip: false,
-      },
-      checkboxConfig: {
-        showHeader: true,
-        // trigger: 'default',
-        strict: true,
-        highlight: false,
-        range: false,
-      },
-      validConfig: {
-        showMessage: true,
-        autoClear: true,
-        autoPos: true,
-        message: 'inline',
-        msgMode: 'single',
-        theme: 'beautify',
-      },
-      columnConfig: {
-        maxFixedSize: 4,
-        resizable: true,
-      },
-      tooltipConfig: {
-        enterable: true,
-        theme: 'light',
-      },
-      rowConfig: {
-        isCurrent: true,
-      },
-      footerCellConfig: {
-        height: 'unset',
-      },
-      // menuConfig: {
-      //   visibleMethod () {}
-      // },
-      customConfig: {
-        // enabled: false,
-        allowVisible: true,
-        allowResizable: true,
-        allowFixed: true,
-        allowSort: true,
-        showFooter: true,
-        placement: 'top-right',
-        //  storage: false,
-        //  checkMethod () {},
-        modalOptions: {
-          showMaximize: true,
-          mask: true,
-          lockView: true,
-          resize: true,
-          escClosable: true,
-        },
-        drawerOptions: {
-          mask: true,
-          lockView: true,
-          escClosable: true,
-          resize: true,
-        },
-      },
-      sortConfig: {
-        // remote: false,
-        // trigger: 'default',
-        // orders: ['asc', 'desc', null],
-        // sortMethod: null,
-        showIcon: true,
-        allowClear: true,
-        allowBtn: true,
-        iconLayout: 'vertical',
-      },
-      filterConfig: {
-        // remote: false,
-        // filterMethod: null,
-        // destroyOnClose: false,
-        // isEvery: false,
-        showIcon: true,
-      },
-      treeConfig: {
-        rowField: 'id',
-        parentField: 'parentId',
-        childrenField: 'children',
-        hasChildField: 'hasChild',
-        mapChildrenField: '_X_ROW_CHILD',
-        indent: 10,
-        transform: true,
-        iconOpen: 'vxe-icon-square-minus',
-        iconClose: 'vxe-icon-square-plus',
-        showIcon: true,
-      },
-      expandConfig: {
-        // trigger: 'default',
-        showIcon: true,
-        mode: 'fixed',
-      },
-      editConfig: {
-        // mode: 'cell',
-        showIcon: true,
-        showAsterisk: true,
-        autoFocus: true,
-      },
-      importConfig: {
-        _typeMaps: {
-          csv: 1,
-          html: 1,
-          xml: 1,
-          txt: 1,
-        },
-      },
-      exportConfig: {
-        _typeMaps: {
-          csv: 1,
-          html: 1,
-          xml: 1,
-          txt: 1,
-        },
-      },
-      printConfig: {},
-      mouseConfig: {
-        extension: true,
-      },
-      keyboardConfig: {
-        isEsc: true,
-      },
-      areaConfig: {
-        autoClear: true,
-        selectCellByHeader: true,
-        selectCellByBody: true,
-        extendDirection: {
-          top: true,
-          left: true,
-          bottom: true,
-          right: true,
-        },
-      },
-      clipConfig: {
-        isCopy: true,
-        isCut: true,
-        isPaste: true,
-      },
-      fnrConfig: {
-        isFind: true,
-        isReplace: true,
-      },
-      virtualXConfig: {
-        enabled: true,
-        gt: 60,
-        preSize: 0,
-        oSize: 1,
-      },
-      virtualYConfig: {
-        enabled: true,
-        gt: 100,
-        preSize: 1,
-        oSize: 2,
-      },
-      scrollbarConfig: {
-        // width: 0,
-        // height: 0
-      },
-    },
-    grid: {
-      formConfig: {
-        enabled: true,
-      },
-      pagerConfig: {
-        enabled: true,
-      },
-      toolbarConfig: {
-        enabled: true,
-      },
-      columnConfig: {
-        maxFixedSize: 4,
-        resizable: true,
-      },
-      proxyConfig: {
-        enabled: true,
-        autoLoad: true,
-        showResponseMsg: true,
-        showActiveMsg: true,
-        props: {
-          list: null,
-          result: 'result',
-          total: 'page.total',
-          message: 'message',
-        },
-      },
-    },
-    toolbar: {},
-  })
-}
-
-// 导出组件供子应用局部注册
-export const components = {
-  VxeGrid,
-}
+import { VxeGrid } from 'vxe-table'
+import { VxeUI } from 'vxe-pc-ui'
+
+import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element'
+import '@vxe-ui/plugin-render-element/dist/style.css'
+import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx'
+import ExcelJS from 'exceljs'
+import 'vxe-pc-ui/lib/style.css'
+import '../css/vxeTableUI/all.scss'
+import VxeUIPluginExportPDF from '@vxe-ui/plugin-export-pdf'
+import { jsPDF } from 'jspdf'
+// 导入默认的语言
+import zhCN from 'vxe-table/lib/locale/lang/zh-CN'
+
+/**
+ * 局部初始化 vxe-table 插件与配置
+ */
+export function initVxeTableInPage(
+  enableExcel: boolean = false,
+  enablePdf: boolean = false,
+  enableElementPlus: boolean = true,
+) {
+  // 设置语言
+  VxeUI.setI18n('zh-CN', zhCN)
+  VxeUI.setLanguage('zh-CN')
+
+  // 局部注册插件
+  enableElementPlus && VxeUI.use(VxeUIPluginRenderElement)
+  enableExcel && VxeUI.use(VxeUIPluginExportXLSX, { ExcelJS })
+  enablePdf && VxeUI.use(VxeUIPluginExportPDF, { jsPDF })
+
+  // 设置表格配置（可复制你在 VxeTableConfig.ts 中的配置）
+  VxeUI.setConfig({
+    table: {
+      showHeader: true,
+      keepSource: true,
+      autoResize: true,
+      height: '100%',
+      showOverflow: true,
+      showHeaderOverflow: true,
+      showFooterOverflow: true,
+      cellConfig: {},
+      headerCellConfig: {
+        height: 41,
+      },
+      resizeConfig: {
+        refreshDelay: 20,
+      },
+      resizableConfig: {
+        dragMode: 'auto',
+        showDragTip: false,
+        isSyncAutoHeight: true,
+        isSyncAutoWidth: true,
+        minHeight: 18,
+      },
+      columnDragConfig: {
+        showIcon: true,
+        showGuidesStatus: false,
+        showDragTip: false,
+      },
+      checkboxConfig: {
+        showHeader: true,
+        // trigger: 'default',
+        strict: true,
+        highlight: false,
+        range: false,
+      },
+      validConfig: {
+        showMessage: true,
+        autoClear: true,
+        autoPos: true,
+        message: 'inline',
+        msgMode: 'single',
+        theme: 'beautify',
+      },
+      columnConfig: {
+        maxFixedSize: 4,
+        resizable: true,
+      },
+      tooltipConfig: {
+        enterable: true,
+        theme: 'light',
+      },
+      rowConfig: {
+        isCurrent: true,
+      },
+      footerCellConfig: {
+        height: 'unset',
+      },
+      // menuConfig: {
+      //   visibleMethod () {}
+      // },
+      customConfig: {
+        // enabled: false,
+        allowVisible: true,
+        allowResizable: true,
+        allowFixed: true,
+        allowSort: true,
+        showFooter: true,
+        placement: 'top-right',
+        //  storage: false,
+        //  checkMethod () {},
+        modalOptions: {
+          showMaximize: true,
+          mask: true,
+          lockView: true,
+          resize: true,
+          escClosable: true,
+        },
+        drawerOptions: {
+          mask: true,
+          lockView: true,
+          escClosable: true,
+          resize: true,
+        },
+      },
+      sortConfig: {
+        // remote: false,
+        // trigger: 'default',
+        // orders: ['asc', 'desc', null],
+        // sortMethod: null,
+        showIcon: true,
+        allowClear: true,
+        allowBtn: true,
+        iconLayout: 'vertical',
+      },
+      filterConfig: {
+        // remote: false,
+        // filterMethod: null,
+        // destroyOnClose: false,
+        // isEvery: false,
+        showIcon: true,
+      },
+      treeConfig: {
+        rowField: 'id',
+        parentField: 'parentId',
+        childrenField: 'children',
+        hasChildField: 'hasChild',
+        mapChildrenField: '_X_ROW_CHILD',
+        indent: 10,
+        transform: true,
+        iconOpen: 'vxe-icon-square-minus',
+        iconClose: 'vxe-icon-square-plus',
+        showIcon: true,
+      },
+      expandConfig: {
+        // trigger: 'default',
+        showIcon: true,
+        mode: 'fixed',
+      },
+      editConfig: {
+        // mode: 'cell',
+        showIcon: true,
+        showAsterisk: true,
+        autoFocus: true,
+      },
+      importConfig: {
+        _typeMaps: {
+          csv: 1,
+          html: 1,
+          xml: 1,
+          txt: 1,
+        },
+      },
+      exportConfig: {
+        _typeMaps: {
+          csv: 1,
+          html: 1,
+          xml: 1,
+          txt: 1,
+        },
+      },
+      printConfig: {},
+      mouseConfig: {
+        extension: true,
+      },
+      keyboardConfig: {
+        isEsc: true,
+      },
+      areaConfig: {
+        autoClear: true,
+        selectCellByHeader: true,
+        selectCellByBody: true,
+        extendDirection: {
+          top: true,
+          left: true,
+          bottom: true,
+          right: true,
+        },
+      },
+      clipConfig: {
+        isCopy: true,
+        isCut: true,
+        isPaste: true,
+      },
+      fnrConfig: {
+        isFind: true,
+        isReplace: true,
+      },
+      virtualXConfig: {
+        enabled: true,
+        gt: 60,
+        preSize: 0,
+        oSize: 1,
+      },
+      virtualYConfig: {
+        enabled: true,
+        gt: 100,
+        preSize: 1,
+        oSize: 2,
+      },
+      scrollbarConfig: {
+        // width: 0,
+        // height: 0
+      },
+    },
+    grid: {
+      formConfig: {
+        enabled: true,
+      },
+      pagerConfig: {
+        enabled: true,
+      },
+      toolbarConfig: {
+        enabled: true,
+      },
+      columnConfig: {
+        maxFixedSize: 4,
+        resizable: true,
+      },
+      proxyConfig: {
+        enabled: true,
+        autoLoad: true,
+        showResponseMsg: true,
+        showActiveMsg: true,
+        props: {
+          list: null,
+          result: 'result',
+          total: 'page.total',
+          message: 'message',
+        },
+      },
+    },
+    toolbar: {},
+  })
+}
+
+// 导出组件供子应用局部注册
+export const components = {
+  VxeGrid,
+}