vxe-pc-ui 3.15.2 → 3.15.4

package/packages/table-select/src/table-select.ts

@@ -5,17 +5,34 @@ import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, renderEm
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
 import { getOnName } from '../../ui/src/vn'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 
 import type { TableSelectReactData, VxeTableSelectPropTypes, TableSelectInternalData, VxeTableSelectEmits, VxeInputConstructor, VxeFormDefines, ValueOf, VxeComponentStyleType, VxeComponentSizeType, VxeModalConstructor, VxeModalMethods, VxeDrawerConstructor, VxeDrawerMethods, VxeFormConstructor, VxeFormPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods, VxeTablePropTypes } from '../../../types/components/table'
 import type { VxeGridInstance, VxeGridDefines, VxeGridPropTypes } from '../../../types/components/grid'
 
+const { errLog } = createComponentLog('table-select')
+
 export function getRowUniqueId () {
   return XEUtils.uniqueId('row_')
 }
 
+function createReactData (): TableSelectReactData {
+  return {
+    initialized: false,
+    tableColumns: [],
+    fullOptionList: [],
+    panelIndex: 0,
+    panelStyle: {},
+    panelPlacement: null,
+    triggerFocusPanel: false,
+    visiblePanel: false,
+    isAniVisible: false,
+    isActivated: false
+  }
+}
+
 function createInternalData (): TableSelectInternalData {
   return {
     // hpTimeout: undefined,
@@ -98,27 +115,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   data () {
     const xID = XEUtils.uniqueId()
-    const reactData: TableSelectReactData = {
-      initialized: false,
-      tableColumns: [],
-      fullOptionList: [],
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      triggerFocusPanel: false,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    }
-
-    const internalData: TableSelectInternalData = createInternalData()
-
+    const reactData = createReactData()
     const gridEvents: Record<string, any> = {}
 
     return {
+      ...({} as {
+        internalData: TableSelectInternalData
+      }),
       xID,
       reactData,
-      internalData,
       gridEvents
     }
   },
@@ -430,12 +435,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
             rowid = getRowUniqueId()
           }
           if (keyMaps[rowid]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${rowKeyField}`, rowid])
+            errLog('vxe.error.repeatKey', [rowKeyField, rowid])
           }
           keyMaps[rowid] = true
           const value = item[valueField]
           if (rowMaps[value]) {
-            errLog('vxe.error.repeatKey', [`[table-select] ${valueField}`, value])
+            errLog('vxe.error.repeatKey', [valueField, value])
           }
           rowMaps[value] = { item, index, items, parent: null, nodes: [] }
         })
@@ -855,6 +860,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const $xeTableSelect = this
     const props = $xeTableSelect
 
+    $xeTableSelect.internalData = createInternalData()
+
     const gridEventKeys: ValueOf<VxeTableSelectEmits>[] = [
       'form-submit',
       'form-reset',
@@ -879,7 +886,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const VxeTableGridComponent = VxeUI.getComponent('vxe-grid')
     $xeTableSelect.$nextTick(() => {
       if (!VxeTableGridComponent) {
-        errLog('vxe.error.reqComp', ['[table-select] vxe-grid'])
+        errLog('vxe.error.reqComp', ['vxe-grid'])
       }
     })
 
@@ -896,6 +903,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   beforeDestroy () {
     const $xeTableSelect = this
+    const reactData = $xeTableSelect.reactData
+    const internalData = $xeTableSelect.internalData
 
     const panelElem = $xeTableSelect.$refs.refOptionPanel as HTMLElement | undefined
     if (panelElem && panelElem.parentNode) {
@@ -905,6 +914,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     globalEvents.off($xeTableSelect, 'mousedown')
     globalEvents.off($xeTableSelect, 'blur')
     globalEvents.off($xeTableSelect, 'resize')
+    XEUtils.assign(reactData, createReactData())
+    XEUtils.assign(internalData, createInternalData())
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/tabs/src/tabs.ts

@@ -5,11 +5,13 @@ import { createEvent, getConfig, getIcon, globalEvents, globalMixins, permission
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, addClass, removeClass } from '../../ui/src/dom'
 import { isEnableConf } from '../../ui/src/utils'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeLoadingComponent from '../../loading/src/loading'
 
 import type { VxeTabsPropTypes, VxeTabPaneProps, VxeTabsEmits, TabsInternalData, TabsReactData, VxeComponentSizeType, VxeTabsConstructor, VxeTabsPrivateMethods, VxeTabPaneDefines, ValueOf, VxeComponentStyleType } from '../../../types'
 
+const { warnLog, errLog } = createComponentLog('tabs')
+
 const scrollbarOffsetSize = 20
 
 export default /* define-vxe-component start */ defineVxeComponent({
@@ -213,13 +215,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
     prevTab () {
       const $xeTabs = this
 
-      warnLog('vxe.error.delFunc', ['[tabs] prevTab', 'prev'])
+      warnLog('vxe.error.delFunc', ['prevTab', 'prev'])
       return $xeTabs.prev()
     },
     nextTab () {
       const $xeTabs = this
 
-      warnLog('vxe.error.delFunc', ['[tabs] nextTab', 'next'])
+      warnLog('vxe.error.delFunc', ['nextTab', 'next'])
       return $xeTabs.next()
     },
     handleFilterTab (item: VxeTabPaneProps | VxeTabPaneDefines.TabConfig) {

package/packages/textarea/src/textarea.ts

@@ -3,10 +3,12 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, createEvent, globalMixins } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
-import { warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 
 import type { VxeTextareaPropTypes, TextareaReactData, VxeComponentSizeType, VxeTextareaEmits, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
+const { warnLog } = createComponentLog('textarea')
+
 let autoTxtElem: HTMLDivElement
 
 export default /* define-vxe-component start */ defineVxeComponent({

package/packages/tree/src/tree.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, globalEvents, globalResize, renderEmptyElement, globalMixins } from '../../ui'
 import { calcTreeLine, enNodeValue, deNodeValue } from './util'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { getSlotVNs } from '../../ui/src/vn'
 import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store'
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom'
@@ -13,6 +13,8 @@ import VxeLoadingComponent from '../../loading'
 
 import type { TreeReactData, VxeTreeEmits, VxeTreeConstructor, VxeTreePropTypes, TreeInternalData, VxeTreeDefines, VxeTreePrivateMethods, VxeComponentSizeType, ValueOf } from '../../../types'
 
+const { errLog } = createComponentLog('tree')
+
 const { menus, getConfig, getI18n, getIcon } = VxeUI
 
 // let crossTreeDragNodeObj: {
@@ -686,11 +688,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: TreeInternalData
+      }),
       xID,
       reactData,
-      internalData,
       crossTreeDragNodeInfo: crossTreeDragNodeGlobal,
 
       hFlag: 0,
@@ -1348,7 +1351,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeTree.handleData(true)
       if (sYLoad) {
         if (!(props.height || props.maxHeight)) {
-          errLog('vxe.error.reqProp', ['[tree] height | max-height | virtual-y-config.enabled=false'])
+          errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false'])
         }
       }
       return $xeTree.computeScrollLoad().then(() => {
@@ -3090,6 +3093,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const props = $xeTree
     const reactData = $xeTree.reactData
 
+    $xeTree.internalData = createInternalData()
+
     reactData.selectRadioKey = enNodeValue(props.checkNodeKey)
     $xeTree.loadData(props.data || [])
   },

package/packages/tree-select/src/tree-select.ts

@@ -5,7 +5,7 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, globalMixins, r
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { deNodeValue } from '../../tree/src/util'
-import { warnLog, errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input'
 import VxeButtonComponent from '../../button'
 import VxeTreeComponent from '../../tree'
@@ -14,6 +14,8 @@ import { getSlotVNs } from '../../ui/src/vn'
 import type { TreeSelectReactData, VxeTreeSelectEmits, TreeSelectInternalData, VxeComponentSizeType, VxeButtonDefines, VxeInputDefines, VxeTreeDefines, ValueOf, VxeComponentStyleType, VxeTreeSelectPropTypes, VxeFormDefines, VxeDrawerConstructor, VxeDrawerMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputConstructor, VxeTreeConstructor, VxeTreeSelectDefines } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog, errLog } = createComponentLog('tree-select')
+
 function getOptUniqueId () {
   return XEUtils.uniqueId('node_')
 }
@@ -191,11 +193,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: TreeSelectInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -1036,7 +1039,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
                         h('div', {
                           class: 'vxe-tree-select--header-button'
                         }, [
-                          showCheckedButton && showClearButton
+                          (showCheckedButton && multiple) || showClearButton
                             ? h('div', {
                               class: 'vxe-tree-select--selected-btns'
                             }, [
@@ -1064,32 +1067,28 @@ export default /* define-vxe-component start */ defineVxeComponent({
                                 : renderEmptyElement($xeTreeSelect)
                             ])
                             : renderEmptyElement($xeTreeSelect),
-                          showExpandButton && showExpandButton
+                          showExpandButton
                             ? h('div', {
                               class: 'vxe-tree-select--expand-btns'
                             }, [
-                              showExpandButton
-                                ? h(VxeButtonComponent, {
-                                  props: {
-                                    content: getI18n('vxe.treeSelect.allExpand'),
-                                    mode: 'text'
-                                  },
-                                  on: {
-                                    click: $xeTreeSelect.allExpandPanelEvent
-                                  }
-                                })
-                                : renderEmptyElement($xeTreeSelect),
-                              showExpandButton
-                                ? h(VxeButtonComponent, {
-                                  props: {
-                                    content: getI18n('vxe.treeSelect.clearExpand'),
-                                    mode: 'text'
-                                  },
-                                  on: {
-                                    click: $xeTreeSelect.clearExpandPanelEvent
-                                  }
-                                })
-                                : renderEmptyElement($xeTreeSelect)
+                              h(VxeButtonComponent, {
+                                props: {
+                                  content: getI18n('vxe.treeSelect.allExpand'),
+                                  mode: 'text'
+                                },
+                                on: {
+                                  click: $xeTreeSelect.allExpandPanelEvent
+                                }
+                              }),
+                              h(VxeButtonComponent, {
+                                props: {
+                                  content: getI18n('vxe.treeSelect.clearExpand'),
+                                  mode: 'text'
+                                },
+                                on: {
+                                  click: $xeTreeSelect.clearExpandPanelEvent
+                                }
+                              })
                             ])
                             : renderEmptyElement($xeTreeSelect)
                         ])
@@ -1157,7 +1156,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
                     })
                   ])
                 ]),
-                footerSlot || showTotalButton || (showCloseButton && multiple)
+                footerSlot || showTotalButton || showCloseButton
                   ? h('div', {
                     class: 'vxe-tree-select--panel-footer'
                   }, footerSlot
@@ -1171,7 +1170,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
                               class: 'vxe-tree-select--total-btns'
                             }, getI18n('vxe.treeSelect.total', [selectVals.length]))
                             : renderEmptyElement($xeTreeSelect),
-                          showCloseButton && multiple
+                          showCloseButton
                             ? h('div', {
                               class: 'vxe-tree-select--oper-btns'
                             }, [
@@ -1210,6 +1209,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   created () {
     const $xeTreeSelect = this
 
+    $xeTreeSelect.internalData = createInternalData()
+
     $xeTreeSelect.cacheDataMap()
     $xeTreeSelect.cacheLazyDataMap()
   },

package/packages/ui/index.ts

@@ -73,6 +73,9 @@ setConfig({
     showFullLabel: true,
     treeConfig: {
       showIcon: true
+    },
+    filterConfig: {
+      autoExpandMode: 'first'
     }
   },
   checkbox: {},

package/packages/ui/src/log.ts

@@ -1,6 +1,18 @@
-import { log } from '@vxe-ui/core'
+import { VxeUI } from '@vxe-ui/core'
 
-const version = `ui v${process.env.VUE_APP_VXE_VERSION}`
+const { log } = VxeUI
 
-export const warnLog = log.create('warn', version)
-export const errLog = log.create('error', version)
+const uiVersion = `ui v${process.env.VUE_APP_VXE_VERSION}`
+
+export function createComponentLog (name: string) {
+  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : ''
+  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : ''
+  const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : ''
+  return {
+    warnLog: log.create('warn', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name),
+    errLog: log.create('error', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name)
+  }
+}
+
+export const warnLog = log.create('warn', uiVersion)
+export const errLog = log.create('error', uiVersion)

package/packages/upload/src/upload.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getI18n, getIcon, globalMixins, createEvent, globalEvents, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog, warnLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { initTpImg, getTpImg, getEventTargetNode, toCssUnit } from '../../ui/src/dom'
 import { readLocalFile } from './util'
 import VxeButtonComponent from '../../button/src/button'
@@ -11,6 +11,8 @@ import VxeButtonComponent from '../../button/src/button'
 import type { VxeUploadDefines, VxeUploadConstructor, VxeUploadPropTypes, UploadReactData, UploadInternalData, VxeUploadEmits, VxeComponentSizeType, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, ValueOf, VxeComponentEventParams } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
+const { warnLog, errLog } = createComponentLog('upload')
+
 function getUniqueKey () {
   return XEUtils.uniqueId()
 }
@@ -335,11 +337,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
     const reactData = createReactData()
-    const internalData = createInternalData()
     return {
+      ...({} as {
+        internalData: UploadInternalData
+      }),
       xID,
-      reactData,
-      internalData
+      reactData
     }
   },
   computed: {
@@ -864,6 +867,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const fileKey = $xeUpload.getFieldKey(item)
       const uploadFn = props.uploadMethod || getConfig().upload.uploadMethod
       if (uploadFn) {
+        $xeUpload.dispatchEvent('upload-start', { option: item }, null)
         return Promise.resolve(
           uploadFn({
             $upload: $xeUpload,
@@ -913,6 +917,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (cacheItem) {
             cacheItem.loading = false
           }
+          $xeUpload.dispatchEvent('upload-end', { option: item }, null)
         })
       } else {
         const { fileCacheMaps } = reactData
@@ -1031,6 +1036,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
 
+      $xeUpload.dispatchEvent('upload-queue-start', { files: selectFiles }, evnt)
+
       const cacheMaps = Object.assign({}, reactData.fileCacheMaps)
       const newFileList = multiple ? fileList : []
       const uploadPromiseRests: any[] = []
@@ -1069,6 +1076,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       })
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
         const restFileList = reactData.fileList
+        $xeUpload.dispatchEvent('upload-queue-end', { options: restFileList, files: selectFiles }, evnt)
         $xeUpload.handleChange(restFileList)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
@@ -2159,6 +2167,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
   created () {
     const $xeUpload = this
 
+    $xeUpload.internalData = createInternalData()
+
     $xeUpload.updateFileList()
   },
   mounted () {
@@ -2166,10 +2176,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     const props = $xeUpload
 
     if (props.multiple && props.singleMode) {
-      errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode'])
+      errLog('vxe.error.errConflicts', ['multiple', 'single-mode'])
     }
     if (props.imageStyle) {
-      warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config'])
+      warnLog('vxe.error.delProp', ['image-style', 'image-config'])
     }
 
     if (props.dragSort) {

package/types/components/cascader.d.ts

@@ -39,6 +39,10 @@ export namespace VxeCascaderPropTypes {
    */
   type FilterValue = string | number | null | undefined
   export interface FilterConfig<D = any> {
+    /**
+     * 过滤后是否自动展开第一个节点
+     */
+    autoExpandMode?: 'first' | 'last' | ''
     /**
      * 过滤之前的方法
      */

package/types/components/date-picker.d.ts

@@ -49,14 +49,13 @@ export namespace VxeDatePickerPropTypes {
   export type LabelFormat = string
   export type ValueFormat = string
   export type TimeFormat = string
-  export type InputFormat = string
   export type Editable = boolean
   export type FestivalMethod = VxeDatePanelPropTypes.FestivalMethod
   export type DisabledMethod = VxeDatePanelPropTypes.DisabledMethod
   export type AutoClose = boolean
   export type PrefixIcon = string
   export type SuffixIcon = string
-  export interface ControlConfig {
+  export interface MaskedConfig {
     /**
      * 是否启用，支持局部/全局启用
      */
@@ -65,6 +64,14 @@ export namespace VxeDatePickerPropTypes {
      * 只对 enabled 启用后有效，是否启用方向键操作
      */
     isArrow?: boolean
+    /**
+     * 只对 enabled 启用后有效，是否启用输入掩码
+     */
+    isMasked?: boolean
+    /**
+     * 掩码占位符
+     */
+    maskPlaceholder?: string
   }
   /**
    * 已废弃，请使用 PopupConfig.placement
@@ -149,7 +156,6 @@ export interface VxeDatePickerProps {
   labelFormat?: VxeDatePickerPropTypes.LabelFormat
   valueFormat?: VxeDatePickerPropTypes.ValueFormat
   timeFormat?: VxeDatePickerPropTypes.TimeFormat
-  inputFormat?: VxeDatePickerPropTypes.InputFormat
   editable?: VxeDatePickerPropTypes.Editable
   festivalMethod?: VxeDatePickerPropTypes.FestivalMethod
   disabledMethod?: VxeDatePickerPropTypes.DisabledMethod
@@ -162,7 +168,7 @@ export interface VxeDatePickerProps {
    * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
    */
   autoClose?: VxeDatePickerPropTypes.AutoClose
-  controlConfig?: VxeDatePickerPropTypes.ControlConfig
+  maskedConfig?: VxeDatePickerPropTypes.MaskedConfig
 
   /**
    * 只对 type=week 有效，选中日期后指定为一周的哪一天
@@ -199,12 +205,14 @@ export interface DatePickerReactData {
   panelPlacement: VxeDatePickerPropTypes.Placement
   isActivated: boolean
   inputValue: any
-  inputLabel: string
+  labelFlag: number
 }
 
 export interface DatePickerInternalData {
   hpTimeout?: undefined | number
-  parseInputKayMaps: Record<string, (evnt: KeyboardEvent, targetElem: HTMLInputElement, isUpArrow: boolean) => void>
+  inputLabel: string
+  isTriggerMasked?: boolean
+  laseFocusMasked: number
 }
 
 export interface DatePickerMethods {

package/types/components/drawer.d.ts

@@ -50,6 +50,7 @@ export namespace VxeDrawerPropTypes {
   export type ShowHeader = boolean
   export type ShowFooter = boolean
   export type ShowClose = boolean
+  export type Preload = boolean
   export type Width = number | string
   export type Height = number | string
   export type Resize = boolean
@@ -86,6 +87,7 @@ export interface VxeDrawerProps {
   showHeader?: VxeDrawerPropTypes.ShowHeader
   showFooter?: VxeDrawerPropTypes.ShowFooter
   showClose?: VxeDrawerPropTypes.ShowClose
+  preload?: VxeDrawerPropTypes.Preload
   width?: VxeDrawerPropTypes.Width
   height?: VxeDrawerPropTypes.Height
   resize?: VxeDrawerPropTypes.Resize

package/types/components/modal.d.ts

@@ -71,6 +71,7 @@ export namespace VxeModalPropTypes {
   export type ShowHeader = boolean
   export type ShowFooter = boolean
   export type ShowZoom = boolean
+  export type Preload = boolean
   export interface ZoomConfig {
     minimizeLayout?: null | '' | 'vertical' | 'horizontal'
     minimizeMaxSize?: number
@@ -147,6 +148,7 @@ export interface VxeModalProps {
   showHeader?: VxeModalPropTypes.ShowHeader
   showFooter?: VxeModalPropTypes.ShowFooter
   showZoom?: VxeModalPropTypes.ShowZoom
+  preload?: VxeModalPropTypes.Preload
   zoomConfig?: VxeModalPropTypes.ZoomConfig
   showMaximize?: VxeModalPropTypes.ShowMaximize
   showMinimize?: VxeModalPropTypes.ShowMinimize

package/types/components/upload.d.ts

@@ -317,8 +317,12 @@ export type VxeUploadEmits = [
   'remove-fail',
   'download',
   'download-fail',
+  'upload-start',
   'upload-success',
   'upload-error',
+  'upload-end',
+  'upload-queue-start',
+  'upload-queue-end',
   'sort-dragend',
   'more-visible'
 ]
@@ -382,9 +386,20 @@ export namespace VxeUploadDefines {
     option: VxeUploadDefines.FileObjItem
     data: any
   }
-
   export interface UploadErrorEventParams extends UploadSuccessEventParams {}
 
+  export interface UploadStartEventParams extends UploadSuccessEventParams {
+    option: VxeUploadDefines.FileObjItem
+  }
+  export interface UploadEndEventParams extends UploadStartEventParams {}
+
+  export interface UploadQueueStartEventParams extends UploadSuccessEventParams {
+    files: File[]
+  }
+  export interface UploadQueueEndEventParams extends UploadQueueStartEventParams {
+    options: VxeUploadDefines.FileObjItem[]
+  }
+
   export interface MoreVisibleEventParams {
     visible: boolean
   }
@@ -399,6 +414,10 @@ export type VxeUploadEventProps = {
   onDownloadFail?: VxeUploadEvents.DownloadFail
   onUploadSuccess?: VxeUploadEvents.UploadSuccess
   onUploadError?: VxeUploadEvents.UploadError
+  onUploadStart?: VxeUploadEvents.UploadStart
+  onUploadEnd?: VxeUploadEvents.UploadEnd
+  onUploadQueueStart?: VxeUploadEvents.UploadQueueStart
+  onUploadQueueEnd?: VxeUploadEvents.UploadQueueEnd
   onMoreVisible?: VxeUploadEvents.MoreVisible
 }
 
@@ -411,6 +430,10 @@ export interface VxeUploadListeners {
   downloadFail?: VxeUploadEvents.DownloadFail
   uploadSuccess?: VxeUploadEvents.UploadSuccess
   uploadError?: VxeUploadEvents.UploadError
+  uploadStart?: VxeUploadEvents.UploadStart
+  uploadEnd?: VxeUploadEvents.UploadEnd
+  uploadQueueStart?: VxeUploadEvents.UploadQueueStart
+  uploadQueueEnd?: VxeUploadEvents.UploadQueueEnd
   moreVisible?: VxeUploadEvents.MoreVisible
 }
 
@@ -423,6 +446,10 @@ export namespace VxeUploadEvents {
   export type DownloadFail = (params: VxeUploadDefines.DownloadFailEventParams) => void
   export type UploadSuccess = (params: VxeUploadDefines.UploadSuccessEventParams) => void
   export type UploadError = (params: VxeUploadDefines.UploadErrorEventParams) => void
+  export type UploadStart = (params: VxeUploadDefines.UploadStartEventParams) => void
+  export type UploadEnd = (params: VxeUploadDefines.UploadEndEventParams) => void
+  export type UploadQueueStart = (params: VxeUploadDefines.UploadQueueStartEventParams) => void
+  export type UploadQueueEnd = (params: VxeUploadDefines.UploadQueueEndEventParams) => void
   export type MoreVisible = (params: VxeUploadDefines.MoreVisibleEventParams) => void
 }