vxe-table 4.7.77 → 4.7.79

package/packages/table/src/props.ts

@@ -13,39 +13,85 @@ export default {
   // 表格的高度
   height: [Number, String] as PropType<VxeTablePropTypes.Height>,
   // 表格的最小高度
-  minHeight: { type: [Number, String] as PropType<VxeTablePropTypes.MinHeight>, default: () => getConfig().table.minHeight },
+  minHeight: {
+    type: [Number, String] as PropType<VxeTablePropTypes.MinHeight>,
+    default: () => getConfig().table.minHeight
+  },
   // 表格的最大高度
   maxHeight: [Number, String] as PropType<VxeTablePropTypes.MaxHeight>,
   // 已废弃，被 column-config.resizable 替换
-  resizable: { type: Boolean as PropType<VxeTablePropTypes.Resizable>, default: () => getConfig().table.resizable },
+  resizable: {
+    type: Boolean as PropType<VxeTablePropTypes.Resizable>,
+    default: () => getConfig().table.resizable
+  },
   // 是否带有斑马纹
-  stripe: { type: Boolean as PropType<VxeTablePropTypes.Stripe>, default: () => getConfig().table.stripe },
+  stripe: {
+    type: Boolean as PropType<VxeTablePropTypes.Stripe>,
+    default: () => getConfig().table.stripe
+  },
   // 是否带有边框
-  border: { type: [Boolean, String] as PropType<VxeTablePropTypes.Border>, default: () => getConfig().table.border },
+  border: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.Border>,
+    default: () => getConfig().table.border
+  },
   // 是否圆角边框
-  round: { type: Boolean as PropType<VxeTablePropTypes.Round>, default: () => getConfig().table.round },
+  round: {
+    type: Boolean as PropType<VxeTablePropTypes.Round>,
+    default: () => getConfig().table.round
+  },
   // 表格的尺寸
-  size: { type: String as PropType<VxeTablePropTypes.Size>, default: () => getConfig().table.size || getConfig().size },
+  size: {
+    type: String as PropType<VxeTablePropTypes.Size>,
+    default: () => getConfig().table.size || getConfig().size
+  },
   // 列的宽度是否自撑开（可能会被废弃的参数，不要使用）
-  fit: { type: Boolean as PropType<VxeTablePropTypes.Fit>, default: () => getConfig().table.fit },
+  fit: {
+    type: Boolean as PropType<VxeTablePropTypes.Fit>,
+    default: () => getConfig().table.fit
+  },
   // 表格是否加载中
   loading: Boolean as PropType<VxeTablePropTypes.Loading>,
   // 所有的列对其方式
-  align: { type: String as PropType<VxeTablePropTypes.Align>, default: () => getConfig().table.align },
+  align: {
+    type: String as PropType<VxeTablePropTypes.Align>,
+    default: () => getConfig().table.align
+  },
   // 所有的表头列的对齐方式
-  headerAlign: { type: String as PropType<VxeTablePropTypes.HeaderAlign>, default: () => getConfig().table.headerAlign },
+  headerAlign: {
+    type: String as PropType<VxeTablePropTypes.HeaderAlign>,
+    default: () => getConfig().table.headerAlign
+  },
   // 所有的表尾列的对齐方式
-  footerAlign: { type: String as PropType<VxeTablePropTypes.FooterAlign>, default: () => getConfig().table.footerAlign },
+  footerAlign: {
+    type: String as PropType<VxeTablePropTypes.FooterAlign>,
+    default: () => getConfig().table.footerAlign
+  },
   // 是否显示表头
-  showHeader: { type: Boolean as PropType<VxeTablePropTypes.ShowHeader>, default: () => getConfig().table.showHeader },
+  showHeader: {
+    type: Boolean as PropType<VxeTablePropTypes.ShowHeader>,
+    default: () => getConfig().table.showHeader
+  },
   // （即将废弃）是否要高亮当前选中行
-  highlightCurrentRow: { type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentRow>, default: () => getConfig().table.highlightCurrentRow },
+  highlightCurrentRow: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentRow>,
+    default: () => getConfig().table.highlightCurrentRow
+  },
   // （即将废弃）鼠标移到行是否要高亮显示
-  highlightHoverRow: { type: Boolean as PropType<VxeTablePropTypes.HighlightHoverRow>, default: () => getConfig().table.highlightHoverRow },
+  highlightHoverRow: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightHoverRow>,
+    default: () => getConfig().table.highlightHoverRow
+  },
   // （即将废弃）是否要高亮当前选中列
-  highlightCurrentColumn: { type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentColumn>, default: () => getConfig().table.highlightCurrentColumn },
+
+  highlightCurrentColumn: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentColumn>,
+    default: () => getConfig().table.highlightCurrentColumn
+  },
   // （即将废弃）鼠标移到列是否要高亮显示
-  highlightHoverColumn: { type: Boolean as PropType<VxeTablePropTypes.HighlightHoverColumn>, default: () => getConfig().table.highlightHoverColumn },
+  highlightHoverColumn: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightHoverColumn>,
+    default: () => getConfig().table.highlightHoverColumn
+  },
   // （即将废弃）激活单元格编辑时是否高亮显示
   highlightCell: Boolean as PropType<VxeTablePropTypes.HighlightCell>,
   // 是否显示表尾合计
@@ -87,11 +133,20 @@ export default {
   // 表尾合并行或列
   footerSpanMethod: Function as PropType<VxeTablePropTypes.FooterSpanMethod>,
   // 设置所有内容过长时显示为省略号
-  showOverflow: { type: [Boolean, String] as PropType<VxeTablePropTypes.ShowOverflow>, default: () => getConfig().table.showOverflow },
+  showOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowOverflow>,
+    default: () => getConfig().table.showOverflow
+  },
   // 设置表头所有内容过长时显示为省略号
-  showHeaderOverflow: { type: [Boolean, String] as PropType<VxeTablePropTypes.ShowHeaderOverflow>, default: () => getConfig().table.showHeaderOverflow },
+  showHeaderOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowHeaderOverflow>,
+    default: () => getConfig().table.showHeaderOverflow
+  },
   // 设置表尾所有内容过长时显示为省略号
-  showFooterOverflow: { type: [Boolean, String] as PropType<VxeTablePropTypes.ShowFooterOverflow>, default: () => getConfig().table.showFooterOverflow },
+  showFooterOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowFooterOverflow>,
+    default: () => getConfig().table.showFooterOverflow
+  },
 
   /** 高级属性 */
   // （即将废弃）columnKey 已废弃，被 column-config.useKey 替换
@@ -99,12 +154,24 @@ export default {
   // （即将废弃）rowKey 已废弃，被 row-config.useKey 替换
   rowKey: Boolean as PropType<VxeTablePropTypes.RowKey>,
   // （即将废弃）rowId 已废弃，被 row-config.keyField 替换
-  rowId: { type: String as PropType<VxeTablePropTypes.RowId>, default: () => getConfig().table.rowId },
+  rowId: {
+    type: String as PropType<VxeTablePropTypes.RowId>,
+    default: () => getConfig().table.rowId
+  },
   zIndex: Number as PropType<VxeTablePropTypes.ZIndex>,
-  emptyText: { type: String as PropType<VxeTablePropTypes.EmptyText>, default: () => getConfig().table.emptyText },
-  keepSource: { type: Boolean as PropType<VxeTablePropTypes.KeepSource>, default: () => getConfig().table.keepSource },
+  emptyText: {
+    type: String as PropType<VxeTablePropTypes.EmptyText>,
+    default: () => getConfig().table.emptyText
+  },
+  keepSource: {
+    type: Boolean as PropType<VxeTablePropTypes.KeepSource>,
+    default: () => getConfig().table.keepSource
+  },
   // 是否自动监听父容器变化去更新响应式表格宽高
-  autoResize: { type: Boolean as PropType<VxeTablePropTypes.AutoResize>, default: () => getConfig().table.autoResize },
+  autoResize: {
+    type: Boolean as PropType<VxeTablePropTypes.AutoResize>,
+    default: () => getConfig().table.autoResize
+  },
   // 是否自动根据状态属性去更新响应式表格宽高
   syncResize: [Boolean, String, Number],
   // 响应式布局配置项
@@ -166,9 +233,15 @@ export default {
   // 纵向虚拟滚动配置项
   scrollY: Object as PropType<VxeTablePropTypes.ScrollY>,
   // （即将废弃）优化相关
-  animat: { type: Boolean as PropType<VxeTablePropTypes.Animat>, default: () => getConfig().table.animat },
+  animat: {
+    type: Boolean as PropType<VxeTablePropTypes.Animat>,
+    default: () => getConfig().table.animat
+  },
   // （可能会被废弃的参数，不要使用）
-  delayHover: { type: Number as PropType<VxeTablePropTypes.DelayHover>, default: () => getConfig().table.delayHover as number },
+  delayHover: {
+    type: Number as PropType<VxeTablePropTypes.DelayHover>,
+    default: () => getConfig().table.delayHover as number
+  },
   // 额外的参数
   params: Object as PropType<VxeTablePropTypes.Params>
 }

package/packages/table/src/table.ts

@@ -6968,9 +6968,7 @@ export default defineComponent({
       globalEvents.on($xeTable, 'mousewheel', handleGlobalMousewheelEvent)
       globalEvents.on($xeTable, 'keydown', handleGlobalKeydownEvent)
       globalEvents.on($xeTable, 'resize', handleGlobalResizeEvent)
-      if ($xeTable.handleGlobalContextmenuEvent) {
-        globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent)
-      }
+      globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent)
       tablePrivateMethods.preventEvent(null, 'mounted', { $table: $xeTable })
     })
 
@@ -7176,7 +7174,7 @@ export default defineComponent({
           })
           : createCommentVNode(),
         /**
-         * 导出/导出
+         * 导出
          */
         initStore.export && (props.exportConfig || props.printConfig)
           ? h(TableExportPanelComponent, {

package/packages/table/src/util.ts

@@ -120,7 +120,7 @@ export function getRowid ($xeTable: VxeTableConstructor, row: any) {
 }
 
 export interface XEColumnInstance {
-  column: ColumnInfo;
+  columnConfig: ColumnInfo;
 }
 
 export const handleFieldOrColumn = ($xeTable: VxeTableConstructor, fieldOrColumn: string | VxeTableDefines.ColumnInfo | null) => {
@@ -294,7 +294,7 @@ export function assembleColumn ($xeTable: VxeTableConstructor & VxeTablePrivateM
   const { reactData } = $xeTable
   const { staticColumns } = reactData
   const parentElem = elem.parentNode
-  const parentColumn = colgroup ? colgroup.column : null
+  const parentColumn = colgroup ? colgroup.columnConfig : null
   const parentCols = parentColumn ? parentColumn.children : staticColumns
   if (parentElem && parentCols) {
     parentCols.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, column)

package/packages/toolbar/src/toolbar.ts

@@ -4,8 +4,8 @@ import { VxeUI } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
 import { warnLog, errLog } from '../../ui/src/log'
 
-import type { VxeButtonComponent, VxeButtonEvents } from 'vxe-pc-ui'
-import type { VxeGridConstructor, GridPrivateMethods, ToolbarMethods, VxeToolbarConstructor, VxeToolbarEmits, VxeToolbarPropTypes, VxeTableConstructor, ToolbarPrivateRef, VxeTableMethods, VxeTablePrivateMethods, ToolbarReactData } from '../../../types'
+import type { ValueOf, VxeButtonComponent, VxeButtonEvents } from 'vxe-pc-ui'
+import type { VxeGridConstructor, GridPrivateMethods, ToolbarMethods, ToolbarInternalData, VxeToolbarConstructor, VxeToolbarEmits, VxeToolbarPropTypes, ToolbarPrivateRef, ToolbarReactData } from '../../../types'
 
 const { getConfig, getIcon, getI18n, renderer, commands, createEvent, useFns } = VxeUI
 
@@ -19,10 +19,22 @@ export default defineComponent({
     print: [Boolean, Object] as PropType<VxeToolbarPropTypes.Print>,
     zoom: [Boolean, Object] as PropType< VxeToolbarPropTypes.Zoom>,
     custom: [Boolean, Object] as PropType<VxeToolbarPropTypes.Custom>,
-    buttons: { type: Array as PropType<VxeToolbarPropTypes.Buttons>, default: () => getConfig().toolbar.buttons },
-    tools: { type: Array as PropType<VxeToolbarPropTypes.Tools>, default: () => getConfig().toolbar.tools },
-    perfect: { type: Boolean as PropType<VxeToolbarPropTypes.Perfect>, default: () => getConfig().toolbar.perfect },
-    size: { type: String as PropType<VxeToolbarPropTypes.Size>, default: () => getConfig().toolbar.size || getConfig().size },
+    buttons: {
+      type: Array as PropType<VxeToolbarPropTypes.Buttons>,
+      default: () => getConfig().toolbar.buttons
+    },
+    tools: {
+      type: Array as PropType<VxeToolbarPropTypes.Tools>,
+      default: () => getConfig().toolbar.tools
+    },
+    perfect: {
+      type: Boolean as PropType<VxeToolbarPropTypes.Perfect>,
+      default: () => getConfig().toolbar.perfect
+    },
+    size: {
+      type: String as PropType<VxeToolbarPropTypes.Size>,
+      default: () => getConfig().toolbar.size || getConfig().size
+    },
     className: [String, Function] as PropType<VxeToolbarPropTypes.ClassName>
   },
   emits: [
@@ -41,9 +53,14 @@ export default defineComponent({
 
     const reactData = reactive<ToolbarReactData>({
       isRefresh: false,
+      connectFlag: 0,
       columns: []
     })
 
+    const internalData: ToolbarInternalData = {
+      connectTable: null
+    }
+
     const refElem = ref() as Ref<HTMLDivElement>
 
     const refMaps: ToolbarPrivateRef = {
@@ -55,15 +72,13 @@ export default defineComponent({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     } as unknown as VxeToolbarConstructor
 
     let toolbarMethods = {} as ToolbarMethods
 
-    const $xeGrid = inject('$xeGrid', null as (VxeGridConstructor & GridPrivateMethods) | null)
-    const refTable = ref<VxeTableConstructor & VxeTableMethods & VxeTablePrivateMethods>()
-
-    const connectFlag = ref(0)
+    const $xeGrid = inject<(VxeGridConstructor & GridPrivateMethods) | null>('$xeGrid', null)
 
     const computeRefreshOpts = computed(() => {
       return Object.assign({}, getConfig().toolbar.refresh, props.refresh) as VxeToolbarPropTypes.RefreshOpts
@@ -90,8 +105,9 @@ export default defineComponent({
     })
 
     const computeTableCustomOpts = computed(() => {
-      const $table = refTable.value
-      if (connectFlag.value || $table) {
+      const { connectTable } = internalData
+      const $table = connectTable
+      if (reactData.connectFlag || $table) {
         if ($table) {
           const { computeCustomOpts } = $table.getComputeMaps()
           return computeCustomOpts.value
@@ -106,7 +122,8 @@ export default defineComponent({
     })
 
     const checkTable = () => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       if ($table) {
         return true
       }
@@ -114,7 +131,8 @@ export default defineComponent({
     }
 
     const handleClickSettingEvent = ({ $event }: any) => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       if ($table) {
         if ($table.triggerCustomEvent) {
           $table.triggerCustomEvent($event)
@@ -125,7 +143,8 @@ export default defineComponent({
     }
 
     const handleMouseenterSettingEvent = ({ $event }: any) => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       if ($table) {
         $table.customOpenEvent($event)
       } else {
@@ -134,7 +153,8 @@ export default defineComponent({
     }
 
     const handleMouseleaveSettingEvent = ({ $event }: any) => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       if ($table) {
         const { customStore } = $table.reactData
         customStore.activeBtn = false
@@ -176,7 +196,8 @@ export default defineComponent({
     }
 
     const btnEvent = (evnt: Event, item: VxeToolbarPropTypes.ButtonConfig) => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       const { code } = item
       if (code) {
         if ($xeGrid) {
@@ -200,7 +221,8 @@ export default defineComponent({
     }
 
     const tolEvent = (evnt: Event, item: VxeToolbarPropTypes.ButtonConfig) => {
-      const $table = refTable.value
+      const { connectTable } = internalData
+      const $table = connectTable
       const { code } = item
       if (code) {
         if ($xeGrid) {
@@ -225,7 +247,8 @@ export default defineComponent({
 
     const importEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value
+        const { connectTable } = internalData
+        const $table = connectTable
         if ($table) {
           $table.openImport()
         }
@@ -234,7 +257,8 @@ export default defineComponent({
 
     const exportEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value
+        const { connectTable } = internalData
+        const $table = connectTable
         if ($table) {
           $table.openExport()
         }
@@ -243,13 +267,29 @@ export default defineComponent({
 
     const printEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value
+        const { connectTable } = internalData
+        const $table = connectTable
         if ($table) {
           $table.openPrint()
         }
       }
     }
 
+    const dispatchEvent = (type: ValueOf<VxeToolbarEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $toolbar: $xeToolbar }, params))
+    }
+
+    toolbarMethods = {
+      dispatchEvent,
+      syncUpdate (params) {
+        internalData.connectTable = params.$table
+        reactData.columns = params.collectColumn
+        reactData.connectFlag++
+      }
+    }
+
+    Object.assign($xeToolbar, toolbarMethods)
+
     const renderDropdowns = (item: VxeToolbarPropTypes.ButtonConfig, isBtn: boolean) => {
       const { dropdowns } = item
       const downVNs: VNode[] = []
@@ -283,11 +323,8 @@ export default defineComponent({
      */
     const renderBtns = () => {
       const { buttons } = props
-      const $table = refTable.value
-      const buttonsSlot = slots.buttons
-      if (buttonsSlot) {
-        return getSlotVNs(buttonsSlot({ $grid: $xeGrid, $table: $table }))
-      }
+      const { connectTable } = internalData
+      const $table = connectTable
       const btnVNs: VNode[] = []
       if (buttons) {
         buttons.forEach((item) => {
@@ -339,11 +376,8 @@ export default defineComponent({
      */
     const renderRightTools = () => {
       const { tools } = props
-      const $table = refTable.value
-      const toolsSlot = slots.tools
-      if (toolsSlot) {
-        return getSlotVNs(toolsSlot({ $grid: $xeGrid, $table: $table }))
-      }
+      const { connectTable } = internalData
+      const $table = connectTable
       const btnVNs: VNode[] = []
       if (tools) {
         tools.forEach((item, tIndex) => {
@@ -487,47 +521,14 @@ export default defineComponent({
         : createCommentVNode()
     }
 
-    toolbarMethods = {
-      dispatchEvent (type, params, evnt) {
-        emit(type, createEvent(evnt, { $toolbar: $xeToolbar }, params))
-      },
-      syncUpdate (params) {
-        const { collectColumn } = params
-        refTable.value = params.$table
-        reactData.columns = collectColumn
-        connectFlag.value++
-      }
-    }
-
-    Object.assign($xeToolbar, toolbarMethods)
-
-    nextTick(() => {
-      const { refresh } = props
-      const refreshOpts = computeRefreshOpts.value
-      const queryMethod = refreshOpts.queryMethod || refreshOpts.query
-      if (refresh && !$xeGrid && !queryMethod) {
-        warnLog('vxe.error.notFunc', ['queryMethod'])
-      }
-      const customOpts = computeCustomOpts.value
-      if (process.env.VUE_APP_VXE_ENV === 'development') {
-        if (customOpts.isFooter) {
-          warnLog('vxe.error.delProp', ['toolbar.custom.isFooter', 'table.custom-config.showFooter'])
-        }
-        if (customOpts.showFooter) {
-          warnLog('vxe.error.delProp', ['toolbar.custom.showFooter', 'table.custom-config.showFooter'])
-        }
-        if (customOpts.immediate) {
-          warnLog('vxe.error.delProp', ['toolbar.custom.immediate', 'table.custom-config.immediate'])
-        }
-        if (customOpts.trigger) {
-          warnLog('vxe.error.delProp', ['toolbar.custom.trigger', 'table.custom-config.trigger'])
-        }
-      }
-    })
-
     const renderVN = () => {
       const { perfect, loading, refresh, zoom, custom, className } = props
+      const { connectTable } = internalData
       const vSize = computeSize.value
+      const toolsSlot = slots.tools
+      const buttonsSlot = slots.buttons
+      const $table = connectTable
+
       return h('div', {
         ref: refElem,
         class: ['vxe-toolbar', className ? (XEUtils.isFunction(className) ? className({ $toolbar: $xeToolbar }) : className) : '', {
@@ -538,10 +539,10 @@ export default defineComponent({
       }, [
         h('div', {
           class: 'vxe-buttons--wrapper'
-        }, renderBtns()),
+        }, buttonsSlot ? buttonsSlot({ $grid: $xeGrid, $table: $table }) : renderBtns()),
         h('div', {
           class: 'vxe-tools--wrapper'
-        }, renderRightTools()),
+        }, toolsSlot ? toolsSlot({ $grid: $xeGrid, $table: $table }) : renderRightTools()),
         h('div', {
           class: 'vxe-tools--operate'
         }, [
@@ -557,15 +558,36 @@ export default defineComponent({
 
     $xeToolbar.renderVN = renderVN
 
-    if (process.env.VUE_APP_VXE_ENV === 'development') {
-      nextTick(() => {
+    nextTick(() => {
+      const { refresh } = props
+      const refreshOpts = computeRefreshOpts.value
+      const queryMethod = refreshOpts.queryMethod || refreshOpts.query
+      if (refresh && !$xeGrid && !queryMethod) {
+        warnLog('vxe.error.notFunc', ['queryMethod'])
+      }
+      const customOpts = computeCustomOpts.value
+      if (process.env.VUE_APP_VXE_ENV === 'development') {
+        if (customOpts.isFooter) {
+          warnLog('vxe.error.delProp', ['toolbar.custom.isFooter', 'table.custom-config.showFooter'])
+        }
+        if (customOpts.showFooter) {
+          warnLog('vxe.error.delProp', ['toolbar.custom.showFooter', 'table.custom-config.showFooter'])
+        }
+        if (customOpts.immediate) {
+          warnLog('vxe.error.delProp', ['toolbar.custom.immediate', 'table.custom-config.immediate'])
+        }
+        if (customOpts.trigger) {
+          warnLog('vxe.error.delProp', ['toolbar.custom.trigger', 'table.custom-config.trigger'])
+        }
+      }
+      if (process.env.VUE_APP_VXE_ENV === 'development') {
         if (props.refresh || props.import || props.export || props.print || props.zoom) {
           if (!VxeUIButtonComponent) {
             errLog('vxe.error.reqComp', ['vxe-button'])
           }
         }
-      })
-    }
+      }
+    })
 
     return $xeToolbar
   },

package/packages/ui/src/vn.ts

@@ -6,6 +6,31 @@ export function getOnName (type: string) {
   return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1)
 }
 
+export function getModelEvent (renderOpts: any) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+      return 'input'
+    case 'select':
+      return 'change'
+  }
+  return 'update:modelValue'
+}
+
+export function getChangeEvent (renderOpts: any) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+    case 'VxeInput':
+    case 'VxeNumberInput':
+    case 'VxeTextarea':
+    case '$input':
+    case '$textarea':
+      return 'input'
+  }
+  return 'change'
+}
+
 export function getSlotVNs (vns: VxeComponentSlotType | VxeComponentSlotType[]) {
   if (XEUtils.isArray(vns)) {
     return vns