vxe-table 4.2.8 → 4.3.0-beta.10

package/lib/vxe-tooltip/style/style.css

@@ -0,0 +1,111 @@
+/*font*/
+/*size*/
+/*icon*/
+/*color*/
+/*input/radio/checkbox*/
+/*popup*/
+/*table*/
+/*filter*/
+/*menu*/
+/*loading*/
+/*validate*/
+/*grid*/
+/*toolbar*/
+/*tooltip*/
+/*pager*/
+/*modal*/
+/*checkbox*/
+/*radio*/
+/*button*/
+/*input*/
+/*textarea*/
+/*form*/
+/*select*/
+/*switch*/
+/*pulldown*/
+/*tppltip*/
+.vxe-table--tooltip-wrapper {
+  display: none;
+  position: absolute;
+  top: -100%;
+  left: -100%;
+  font-size: 12px;
+  max-width: 600px;
+  border-radius: 4px;
+  padding: 8px 12px;
+  white-space: normal;
+  word-break: break-word;
+  box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
+  color: #606266;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
+  .vxe-table--tooltip-wrapper:not(.is--enterable) {
+    pointer-events: none; }
+  .vxe-table--tooltip-wrapper.is--visible {
+    display: block; }
+  .vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow {
+    display: block; }
+  .vxe-table--tooltip-wrapper.is--enterable:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    width: 100%;
+    height: 6px;
+    background-color: transparent; }
+  .vxe-table--tooltip-wrapper .vxe-table--tooltip-content {
+    white-space: pre-line; }
+  .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow {
+    display: none;
+    position: absolute;
+    border-color: transparent;
+    border-width: 6px;
+    border-style: solid;
+    left: 50%;
+    transform: translateX(-6px); }
+    .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before {
+      content: "";
+      position: absolute;
+      border-color: transparent;
+      border-width: 5px;
+      border-style: solid;
+      left: -5px; }
+  .vxe-table--tooltip-wrapper.placement--top.is--enterable:after {
+    bottom: -6px; }
+  .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow {
+    bottom: -12px; }
+    .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before {
+      top: -7px; }
+  .vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after {
+    top: -6px; }
+  .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow {
+    top: -12px; }
+    .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before {
+      top: -4px; }
+
+.vxe-table--tooltip-wrapper.theme--light {
+  background-color: #fff;
+  border: 1px solid #dcdfe6; }
+  .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
+    border-top-color: #dcdfe6; }
+    .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
+      border-top-color: #fff; }
+  .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
+    border-bottom-color: #dcdfe6; }
+    .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
+      border-bottom-color: #fff; }
+
+.vxe-table--tooltip-wrapper.theme--dark {
+  background: #303133;
+  color: #fff; }
+  .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
+    border-top-color: #303133; }
+    .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
+      border-top-color: #303133; }
+  .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
+    border-bottom-color: #303133; }
+    .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
+      border-bottom-color: #303133; }
+
+/*valid error*/
+.vxe-table--tooltip-wrapper.vxe-table--valid-error {
+  background-color: #f56c6c;
+  color: #fff; }

package/lib/vxe-tooltip/style/style.min.css

@@ -0,0 +1 @@
+.vxe-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:4px;padding:8px 12px;white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.vxe-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.vxe-table--tooltip-wrapper.is--visible{display:block}.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow{display:block}.vxe-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{white-space:pre-line}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow{bottom:-12px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before{top:-7px}.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow{top:-12px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before{top:-4px}.vxe-table--tooltip-wrapper.theme--light{background-color:#fff;border:1px solid #dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow{border-top-color:#dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before{border-top-color:#fff}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:#dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:#fff}.vxe-table--tooltip-wrapper.theme--dark{background:#303133;color:#fff}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow{border-top-color:#303133}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before{border-top-color:#303133}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:#303133}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:#303133}.vxe-table--tooltip-wrapper.vxe-table--valid-error{background-color:#f56c6c;color:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.2.8",
+  "version": "4.3.0-beta.10",
   "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -27,7 +27,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "devDependencies": {
-    "@types/resize-observer-browser": "^0.1.6",
+    "@types/resize-observer-browser": "^0.1.7",
     "@typescript-eslint/eslint-plugin": "^4.18.0",
     "@typescript-eslint/parser": "^4.18.0",
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -36,7 +36,7 @@
     "@vue/cli-plugin-typescript": "~4.5.0",
     "@vue/cli-plugin-vuex": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.2.31",
+    "@vue/compiler-sfc": "^3.2.37",
     "@vue/eslint-config-standard": "^5.1.2",
     "@vue/eslint-config-typescript": "^7.0.0",
     "core-js": "^3.6.5",
@@ -60,13 +60,13 @@
     "gulp-uglify": "^3.0.2",
     "sass": "^1.52.1",
     "sass-loader": "^10.0.5",
-    "typescript": "~4.3.5",
-    "vue": "^3.2.31",
+    "typescript": "^4.6.4",
+    "vue": "^3.2.37",
     "vue-i18n": "^9.1.7",
     "vue-router": "^4.0.11",
     "vuex": "^4.0.2",
     "xe-ajax": "^4.0.5",
-    "xe-utils": "^3.5.4"
+    "xe-utils": "^3.5.6"
   },
   "peerDependencies": {
     "vue": "^3.2.2",

package/packages/all.ts

@@ -2,84 +2,81 @@ import { App } from 'vue'
 import XEUtils from 'xe-utils'
 import { setup } from './v-x-e-table'
 
-import { Icon } from './icon'
-import { Filter } from './filter'
-import { Menu } from './menu'
-import { Edit } from './edit'
-import { Export } from './export'
-import { Keyboard } from './keyboard'
-import { Validator } from './validator'
-import { Footer } from './footer'
+import { VxeModuleFilter } from './filter'
+import { VxeModuleMenu } from './menu'
+import { VxeModuleEdit } from './edit'
+import { VxeModuleExport } from './export'
+import { VxeModuleKeyboard } from './keyboard'
+import { VxeModuleValidator } from './validator'
 
-import { Column } from './column'
-import { Colgroup } from './colgroup'
-import { Grid } from './grid'
-import { Toolbar } from './toolbar'
-import { Pager } from './pager'
-import { Checkbox } from './checkbox'
-import { CheckboxGroup } from './checkbox-group'
-import { Radio } from './radio'
-import { RadioGroup } from './radio-group'
-import { RadioButton } from './radio-button'
-import { Input } from './input'
-import { Textarea } from './textarea'
-import { Button } from './button'
-import { Modal } from './modal'
-import { Tooltip } from './tooltip'
-import { Form } from './form'
-import { FormItem } from './form-item'
-import { FormGather } from './form-gather'
-import { Select } from './select'
-import { Optgroup } from './optgroup'
-import { Option } from './option'
-import { Switch } from './switch'
-import { List } from './list'
-import { Pulldown } from './pulldown'
-
-import { Table } from './table'
+import { VxeIcon } from './icon'
+import { VxeColumn } from './column'
+import { VxeColgroup } from './colgroup'
+import { VxeGrid } from './grid'
+import { VxeToolbar } from './toolbar'
+import { VxePager } from './pager'
+import { VxeCheckbox } from './checkbox'
+import { VxeCheckboxGroup } from './checkbox-group'
+import { VxeRadio } from './radio'
+import { VxeRadioGroup } from './radio-group'
+import { VxeRadioButton } from './radio-button'
+import { VxeInput } from './input'
+import { VxeTextarea } from './textarea'
+import { VxeButton } from './button'
+import { VxeModal } from './modal'
+import { VxeTooltip } from './tooltip'
+import { VxeForm } from './form'
+import { VxeFormItem } from './form-item'
+import { VxeFormGather } from './form-gather'
+import { VxeSelect } from './select'
+import { VxeOptgroup } from './optgroup'
+import { VxeOption } from './option'
+import { VxeSwitch } from './switch'
+import { VxeList } from './list'
+import { VxePulldown } from './pulldown'
+import { VxeTable } from './table'
 
 import zhCN from './locale/lang/zh-CN'
 
 // 按需加载的组件
 const components = [
   // 功能模块
-  Footer,
-  Icon,
-  Filter,
-  Menu,
-  Edit,
-  Export,
-  Keyboard,
-  Validator,
+  VxeModuleFilter,
+  VxeModuleMenu,
+  VxeModuleEdit,
+  VxeModuleExport,
+  VxeModuleKeyboard,
+  VxeModuleValidator,
 
   // 可选组件
-  Column,
-  Colgroup,
-  Grid,
-  Toolbar,
-  Pager,
-  Checkbox,
-  CheckboxGroup,
-  Radio,
-  RadioGroup,
-  RadioButton,
-  Input,
-  Textarea,
-  Button,
-  Modal,
-  Tooltip,
-  Form,
-  FormItem,
-  FormGather,
-  Select,
-  Optgroup,
-  Option,
-  Switch,
-  List,
-  Pulldown,
+  VxeIcon,
+  VxeColumn,
+  VxeColgroup,
+  VxeGrid,
+  VxeToolbar,
+  VxePager,
+  VxeCheckbox,
+  VxeCheckboxGroup,
+  VxeRadio,
+  VxeRadioGroup,
+  VxeRadioButton,
+  VxeInput,
+  VxeTextarea,
+  VxeButton,
+  VxeModal,
+  VxeTooltip,
+  VxeForm,
+  VxeFormItem,
+  VxeFormGather,
+  VxeSelect,
+  VxeOptgroup,
+  VxeOption,
+  VxeSwitch,
+  VxeList,
+  VxePulldown,
 
   // 核心
-  Table
+  VxeTable
 ]
 
 // 默认中文
@@ -104,7 +101,6 @@ export * from './export'
 export * from './keyboard'
 export * from './validator'
 export * from './header'
-export * from './footer'
 
 export * from './column'
 export * from './colgroup'

package/packages/button/index.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../../types/button'
+import { VxeButton } from '../../types/button'
 
 export * from '../../types/button'
-export default Button
+export default VxeButton

package/packages/button/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeButtonComponent from './src/button'
 import { dynamicApp } from '../dynamics'
 
-export const Button = Object.assign(VxeButtonComponent, {
+export const VxeButton = Object.assign(VxeButtonComponent, {
   install (app: App) {
     app.component(VxeButtonComponent.name, VxeButtonComponent)
   }
 })
 
+export const Button = VxeButton
+
 dynamicApp.component(VxeButtonComponent.name, VxeButtonComponent)
 
-export default Button
+export default VxeButton

package/packages/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { Checkbox } from '../../types/checkbox'
+import { VxeCheckbox } from '../../types/checkbox'
 
 export * from '../../types/checkbox'
-export default Checkbox
+export default VxeCheckbox

package/packages/checkbox/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeCheckboxComponent from './src/checkbox'
 import { dynamicApp } from '../dynamics'
 
-export const Checkbox = Object.assign(VxeCheckboxComponent, {
+export const VxeCheckbox = Object.assign(VxeCheckboxComponent, {
   install (app: App) {
     app.component(VxeCheckboxComponent.name, VxeCheckboxComponent)
   }
 })
 
+export const Checkbox = VxeCheckbox
+
 dynamicApp.component(VxeCheckboxComponent.name, VxeCheckboxComponent)
 
-export default Checkbox
+export default VxeCheckbox

package/packages/checkbox/src/checkbox.ts

@@ -81,11 +81,14 @@ export default defineComponent({
     const renderVN = () => {
       const vSize = computeSize.value
       const isDisabled = computeDisabled.value
+      const isChecked = computeChecked.value
+      const indeterminate = props.indeterminate
       return h('label', {
         class: ['vxe-checkbox', {
           [`size--${vSize}`]: vSize,
-          'is--indeterminate': props.indeterminate,
-          'is--disabled': isDisabled
+          'is--indeterminate': indeterminate,
+          'is--disabled': isDisabled,
+          'is--checked': isChecked
         }],
         title: props.title
       }, [
@@ -93,11 +96,11 @@ export default defineComponent({
           class: 'vxe-checkbox--input',
           type: 'checkbox',
           disabled: isDisabled,
-          checked: computeChecked.value,
+          checked: isChecked,
           onChange: changeEvent
         }),
         h('span', {
-          class: 'vxe-checkbox--icon'
+          class: ['vxe-checkbox--icon', indeterminate ? 'vxe-icon-checkbox-indeterminate' : (isChecked ? 'vxe-icon-checkbox-checked' : 'vxe-icon-checkbox-unchecked')]
         }),
         h('span', {
           class: 'vxe-checkbox--label'

package/packages/checkbox-group/index.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxGroup } from '../../types/checkbox-group'
+import { VxeCheckboxGroup } from '../../types/checkbox-group'
 
 export * from '../../types/checkbox-group'
-export default CheckboxGroup
+export default VxeCheckboxGroup

package/packages/checkbox-group/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeCheckboxGroupComponent from '../checkbox/src/group'
 import { dynamicApp } from '../dynamics'
 
-export const CheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
+export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
   install (app: App) {
     app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent)
   }
 })
 
+export const CheckboxGroup = VxeCheckboxGroup
+
 dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent)
 
-export default CheckboxGroup
+export default VxeCheckboxGroup

package/packages/colgroup/index.d.ts

@@ -1,4 +1,4 @@
-import { Colgroup } from '../../types/colgroup'
+import { VxeColgroup } from '../../types/colgroup'
 
 export * from '../../types/colgroup'
-export default Colgroup
+export default VxeColgroup

package/packages/colgroup/index.ts

@@ -2,7 +2,7 @@ import { App } from 'vue'
 import VxeTableColgroupComponent from '../table/src/group'
 import { dynamicApp } from '../dynamics'
 
-export const Colgroup = Object.assign(VxeTableColgroupComponent, {
+export const VxeColgroup = Object.assign(VxeTableColgroupComponent, {
   install (app: App) {
     app.component(VxeTableColgroupComponent.name, VxeTableColgroupComponent)
     // 兼容旧用法
@@ -10,8 +10,10 @@ export const Colgroup = Object.assign(VxeTableColgroupComponent, {
   }
 })
 
+export const Colgroup = VxeColgroup
+
 dynamicApp.component(VxeTableColgroupComponent.name, VxeTableColgroupComponent)
 // 兼容旧用法
 dynamicApp.component('VxeTableColgroup', VxeTableColgroupComponent)
 
-export default Colgroup
+export default VxeColgroup

package/packages/column/index.d.ts

@@ -1,4 +1,4 @@
-import { Column } from '../../types/column'
+import { VxeColumn } from '../../types/column'
 
 export * from '../../types/column'
-export default Column
+export default VxeColumn

package/packages/column/index.ts

@@ -2,7 +2,7 @@ import { App } from 'vue'
 import VxeTableColumnComponent from '../table/src/column'
 import { dynamicApp } from '../dynamics'
 
-export const Column = Object.assign(VxeTableColumnComponent, {
+export const VxeColumn = Object.assign(VxeTableColumnComponent, {
   install (app: App) {
     app.component(VxeTableColumnComponent.name, VxeTableColumnComponent)
     // 兼容旧用法
@@ -10,8 +10,10 @@ export const Column = Object.assign(VxeTableColumnComponent, {
   }
 })
 
+export const Column = VxeColumn
+
 dynamicApp.component(VxeTableColumnComponent.name, VxeTableColumnComponent)
 // 兼容旧用法
 dynamicApp.component('VxeTableColumn', VxeTableColumnComponent)
 
-export default Column
+export default VxeColumn

package/packages/edit/index.d.ts

@@ -1,4 +1,4 @@
-import { Edit } from '../../types/edit'
+import { VxeModuleEdit } from '../../types/edit'
 
 export * from '../../types/edit'
-export default Edit
+export default VxeModuleEdit

package/packages/edit/index.ts

@@ -1,10 +1,12 @@
 import editHook from './src/hook'
 import { VXETable } from '../v-x-e-table'
 
-export const Edit = {
+export const VxeModuleEdit = {
   install (): void {
     VXETable.hooks.add('$tableEdit', editHook)
   }
 }
 
-export default Edit
+export const Edit = VxeModuleEdit
+
+export default VxeModuleEdit

package/packages/edit/src/hook.ts

@@ -319,7 +319,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
         }
         // 如果当前行被激活编辑，则清除激活状态
         if (actived.row && $xetable.findRowIndexOf(rows, actived.row) > -1) {
-          editMethods.clearActived()
+          editMethods.clearEdit()
         }
         // 从新增中移除已删除的数据
         rows.forEach((row: any) => {
@@ -551,7 +551,14 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
           return $xetable.scrollToRow(row, column).then(() => {
             const cell = $xetable.getCell(row, column)
             if (cell) {
-              editPrivateMethods.handleActived({ row, rowIndex: $xetable.getRowIndex(row), column, columnIndex: $xetable.getColumnIndex(column), cell, $table: $xetable })
+              editPrivateMethods.handleActived({
+                row,
+                rowIndex: $xetable.getRowIndex(row),
+                column,
+                columnIndex: $xetable.getColumnIndex(column),
+                cell,
+                $table: $xetable
+              })
               internalData._lastCallTime = Date.now()
             }
             return nextTick()
@@ -564,14 +571,19 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
        */
       setSelectCell (row, fieldOrColumn) {
         const { tableData } = reactData
-        const { visibleColumn } = internalData
         const editOpts = computeEditOpts.value
         const column = XEUtils.isString(fieldOrColumn) ? $xetable.getColumnByField(fieldOrColumn) : fieldOrColumn
         if (row && column && editOpts.trigger !== 'manual') {
           const rowIndex = $xetable.findRowIndexOf(tableData, row)
           if (rowIndex > -1 && column) {
             const cell = $xetable.getCell(row, column)
-            const params = { row, rowIndex, column, columnIndex: visibleColumn.indexOf(column), cell }
+            const params = {
+              row,
+              rowIndex,
+              column,
+              columnIndex: $xetable.getColumnIndex(column),
+              cell
+            }
             $xetable.handleSelected(params, {})
           }
         }
@@ -608,7 +620,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
               }
               $xetable.closeTooltip()
               if (actived.column) {
-                editMethods.clearActived(evnt)
+                editMethods.clearEdit(evnt)
               }
               type = 'edit-actived'
               column.renderHeight = cell.offsetHeight
@@ -714,7 +726,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
         const selectMethod = () => {
           if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
             if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
-              editMethods.clearActived(evnt)
+              editMethods.clearEdit(evnt)
               editMethods.clearSelected()
               if ($xetable.clearCellAreas) {
                 $xetable.clearCellAreas()

package/packages/export/index.d.ts

@@ -1,4 +1,4 @@
-import { Export } from '../../types/export'
+import { VxeModuleExport } from '../../types/export'
 
 export * from '../../types/export'
-export default Export
+export default VxeModuleExport

package/packages/export/index.ts

@@ -17,7 +17,7 @@ export const print: PrintFunction = (options) => {
   handlePrint(null, opts, opts.content)
 }
 
-export const Export = {
+export const VxeModuleExport = {
   ExportPanel: ExportPanelComponent,
   ImportPanel: ImportPanelComponent,
   install (app: App) {
@@ -40,7 +40,9 @@ export const Export = {
   }
 }
 
+export const Export = VxeModuleExport
+
 dynamicApp.component(ExportPanelComponent.name, ExportPanelComponent)
 dynamicApp.component(ImportPanelComponent.name, ImportPanelComponent)
 
-export default Export
+export default VxeModuleExport