vxe-pc-ui 4.16.16 → 4.16.18

package/packages/color-picker/src/color-picker.ts

@@ -2,7 +2,7 @@ import { watch, computed, provide, ref, inject, Teleport, h, nextTick, PropType,
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getIcon, getConfig, getI18n, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { parseColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHex, hexToRgb, hsvToRgb, toRgb } from './util'
 import VxeButtonComponent from '../../button'
@@ -986,6 +986,8 @@ export default defineVxeComponent({
       const isDisabled = computeIsDisabled.value
       const btnTransfer = computeBtnTransfer.value
       const formReadonly = computeFormReadonly.value
+      const popupOpts = computePopupOpts.value
+      const { appendTo } = popupOpts
 
       if (formReadonly) {
         return h('div', {
@@ -1028,7 +1030,7 @@ export default defineVxeComponent({
           })
         ]),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
         }, [
           h('div', {

package/packages/date-picker/src/date-picker.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBAL_EVENT_KEYS, useSize, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
-import { updatePanelPlacement, getEventTargetNode, hasControlKey } from '../../ui/src/dom'
+import { updatePanelPlacement, getEventTargetNode, hasControlKey, getPopupContainer } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType, isAllSameChar, getChunkDefaultNum, checkDateInputFormat } from '../../date-panel/src/util'
 import { createComponentLog } from '../../ui/src/log'
@@ -1402,6 +1402,7 @@ export default defineVxeComponent({
       const timeOpts = computeTimeOpts.value
       const dateStartDate = computeDateStartDate.value
       const dateEndDate = computeDateEndDate.value
+      const { appendTo } = popupOpts
       const { position } = shortcutOpts
       const headerSlot = slots.header
       const footerSlot = slots.footer
@@ -1414,7 +1415,7 @@ export default defineVxeComponent({
       const showConfirmBtn = (showConfirmButton === null ? (isTimeOrDateTimeType || multiple) : showConfirmButton)
       const showClearBtn = (showClearButton === null ? (isClearable && showConfirmBtn && type !== 'time') : showClearButton)
       return h(Teleport, {
-        to: 'body',
+        to: getPopupContainer(appendTo),
         disabled: btnTransfer ? !initialized : true
       }, [
         h('div', {

package/packages/date-range-picker/src/date-range-picker.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, commands, globalEvents, createEvent, GLOBAL_EVENT_KEYS, useSize, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
-import { updatePanelPlacement, getEventTargetNode } from '../../ui/src/dom'
+import { updatePanelPlacement, getEventTargetNode, getPopupContainer } from '../../ui/src/dom'
 import { parseDateString, parseDateObj, getRangeDateByCode, handleValueFormat, hasTimestampValueType, hasDateValueType, parseDateValue, getNextMonth, getPrevMonth, getNextYear, getPrevYear } from '../../date-panel/src/util'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -1240,6 +1240,7 @@ export default defineVxeComponent({
       const defaultDates = computeDefaultDates.value
       const defaultTimes = computeDefaultTimes.value
       const timeOpts = computeTimeOpts.value
+      const { appendTo } = popupOpts
       const { startLabel, endLabel } = panelLabelObj
       const { position } = shortcutOpts
       const headerSlot = slots.header
@@ -1255,7 +1256,7 @@ export default defineVxeComponent({
       const showConfirmBtn = (showConfirmButton === null ? (isTimeOrDateTimeType || !autoClose) : showConfirmButton)
       const showClearBtn = (showClearButton === null ? isClearable : showClearButton)
       return h(Teleport, {
-        to: 'body',
+        to: getPopupContainer(appendTo),
         disabled: btnTransfer ? !initialized : true
       }, [
         h('div', {

package/packages/drawer/src/drawer.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { useSize, getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, renderEmptyElement } from '../../ui'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
-import { getDomNode, toCssUnit } from '../../ui/src/dom'
+import { getDomNode, getPopupContainer, toCssUnit } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import VxeButtonComponent from '../../button'
 import VxeLoadingComponent from '../../loading'
@@ -106,6 +106,10 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeDrawerPropTypes.Transfer>,
       default: () => getConfig().drawer.transfer
     },
+    appendTo: {
+      type: [String, Function] as PropType<VxeDrawerPropTypes.AppendTo>,
+      default: () => getConfig().drawer.appendTo
+    },
     padding: {
       type: Boolean as PropType<VxeDrawerPropTypes.Padding>,
       default: () => getConfig().drawer.padding
@@ -566,14 +570,14 @@ export default defineVxeComponent({
     }
 
     const renderVN = () => {
-      const { slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, destroyOnClose } = props
+      const { slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose } = props
       const { initialized, contentVisible, visible } = reactData
       const asideSlot = slots.aside || propSlots.aside
       const vSize = computeSize.value
       const dragType = computeDragType.value
       const btnTransfer = computeBtnTransfer.value
       return h(Teleport, {
-        to: 'body',
+        to: getPopupContainer(appendTo),
         disabled: btnTransfer ? !initialized : true
       }, [
         h('div', {

package/packages/icon-picker/src/icon-picker.ts

@@ -2,7 +2,7 @@ import { h, Teleport, PropType, ref, inject, watch, computed, provide, onBeforeU
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, globalEvents, createEvent, renderer, useSize, GLOBAL_EVENT_KEYS, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import VxeInputComponent from '../../input/src/input'
@@ -606,6 +606,7 @@ export default defineVxeComponent({
       const inpPlaceholder = computeInpPlaceholder.value
       const wrapperStyle = computeWrapperStyle.value
       const popupOpts = computePopupOpts.value
+      const { appendTo } = popupOpts
       const ppClassName = popupOpts.className || props.popupClassName
 
       if (formReadonly) {
@@ -664,7 +665,7 @@ export default defineVxeComponent({
           ])
         ]),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
         }, [
           h('div', {

package/packages/menu/src/menu.ts

@@ -2,7 +2,7 @@ import { ref, h, reactive, Teleport, PropType, inject, resolveComponent, watch,
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, permission, useSize, globalEvents, renderEmptyElement } from '../../ui'
-import { scrollToView, toCssUnit } from '../../ui/src/dom'
+import { getPopupContainer, scrollToView, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -70,7 +70,11 @@ export default defineVxeComponent({
       type: String as PropType<VxeMenuPropTypes.Size>,
       default: () => getConfig().menu.size || getConfig().size
     },
-    menuConfig: Object as PropType<VxeMenuPropTypes.MenuConfig>
+    menuConfig: Object as PropType<VxeMenuPropTypes.MenuConfig>,
+    appendTo: {
+      type: [String, Function] as PropType<VxeMenuPropTypes.AppendTo>,
+      default: () => getConfig().menu.appendTo
+    }
   },
   emits: [
     'update:modelValue',
@@ -672,7 +676,7 @@ export default defineVxeComponent({
     }
 
     const renderVN = () => {
-      const { loading, collapseFixed } = props
+      const { loading, collapseFixed, appendTo } = props
       const { initialized, menuList, collapseStyle, isEnterCollapse } = reactData
       const vSize = computeSize.value
       const isCollapsed = computeIsCollapsed.value
@@ -711,7 +715,7 @@ export default defineVxeComponent({
           }, footerSlot(stParams))
           : renderEmptyElement($xeMenu),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: !initialized
         }, [
           h('div', {

package/packages/modal/src/modal.ts

@@ -1,7 +1,7 @@
 import { h, Teleport, ref, Ref, inject, computed, reactive, provide, nextTick, watch, PropType, VNode, onMounted, onUnmounted } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
-import { getDomNode, getEventTargetNode, toCssUnit } from '../../ui/src/dom'
+import { getDomNode, getEventTargetNode, getPopupContainer, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getSubLastZIndex, nextSubZIndex, getFuncText, handleBooleanDefaultValue } from '../../ui/src/utils'
 import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, renderEmptyElement } from '../../ui'
 import VxeButtonComponent from '../../button'
@@ -163,6 +163,10 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeModalPropTypes.Transfer>,
       default: () => getConfig().modal.transfer
     },
+    appendTo: {
+      type: [String, Function] as PropType<VxeModalPropTypes.AppendTo>,
+      default: () => getConfig().modal.appendTo
+    },
     storage: {
       type: Boolean as PropType<VxeModalPropTypes.Storage>,
       default: () => getConfig().modal.storage
@@ -993,7 +997,7 @@ export default defineVxeComponent({
       const { visibleHeight, visibleWidth } = getDomNode()
       const marginSize = XEUtils.toNumber(props.marginSize)
       const targetElem = evnt.target as HTMLSpanElement
-      const type = targetElem.getAttribute('type')
+      const type = targetElem.getAttribute('data-type')
       const minWidth = XEUtils.toNumber(props.minWidth)
       const minHeight = XEUtils.toNumber(props.minHeight)
       const maxWidth = visibleWidth
@@ -1377,7 +1381,7 @@ export default defineVxeComponent({
     }
 
     const renderVN = () => {
-      const { slots: propSlots = {}, className, type, animat, draggable, iconStatus, position, loading, destroyOnClose, status, lockScroll, padding, lockView, mask, resize } = props
+      const { slots: propSlots = {}, className, type, animat, draggable, iconStatus, position, loading, destroyOnClose, status, lockScroll, padding, lockView, mask, resize, appendTo } = props
       const { initialized, modalTop, contentVisible, visible, zoomStatus } = reactData
       const asideSlot = slots.aside || propSlots.aside
       const vSize = computeSize.value
@@ -1390,7 +1394,7 @@ export default defineVxeComponent({
         ons.onMouseout = selfMouseoutEvent
       }
       return h(Teleport, {
-        to: 'body',
+        to: getPopupContainer(appendTo),
         disabled: btnTransfer ? !initialized : true
       }, [
         h('div', {
@@ -1454,7 +1458,7 @@ export default defineVxeComponent({
                     }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(type => {
                       return h('span', {
                         class: `${type}-resize`,
-                        type: type,
+                        'data-type': type,
                         onMousedown: dragEvent
                       })
                     }))

package/packages/select/src/select.ts

@@ -2,7 +2,7 @@ import { h, Teleport, PropType, ref, inject, computed, provide, onUnmounted, rea
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText, eqEmptyValue } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -1621,6 +1621,7 @@ export default defineVxeComponent({
       const inpPlaceholder = computeInpPlaceholder.value
       const popupWrapperStyle = computePopupWrapperStyle.value
       const popupOpts = computePopupOpts.value
+      const { appendTo } = popupOpts
       const defaultSlot = slots.default
       const headerSlot = slots.header
       const footerSlot = slots.footer
@@ -1680,7 +1681,7 @@ export default defineVxeComponent({
             }
           : {}),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
         }, [
           h('div', {

package/packages/splitter/src/splitter.ts

@@ -821,6 +821,7 @@ export default defineVxeComponent({
       const { immediate } = resizeOpts
       const visibleItems = computeVisibleItems.value
       const { autoItems } = computeAutoItems.value
+      const isOnlyView = visibleItems.length <= 1
       const itemVNs: VNode[] = []
       itemList.forEach((prevItem, index) => {
         const { id, name, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isExpand } = prevItem
@@ -887,7 +888,8 @@ export default defineVxeComponent({
       })
       return h('div', {
         class: ['vxe-splitter-wrapper', {
-          'is--ah-btn': autoHideButton
+          'is--ah-btn': autoHideButton,
+          'is--only-view': isOnlyView
         }]
       }, itemVNs)
     }

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

@@ -2,7 +2,7 @@ import { ref, h, PropType, computed, inject, watch, provide, nextTick, Teleport,
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
+import { getEventTargetNode, updatePanelPlacement, toCssUnit, getPopupContainer } from '../../ui/src/dom'
 import { getOnName } from '../../ui/src/vn'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { createComponentLog } from '../../ui/src/log'
@@ -649,6 +649,7 @@ export default defineVxeComponent({
       const selectGridOpts = computeSelectGridOpts.value
       const rowOpts = computeRowOpts.value
       const popupWrapperStyle = computePopupWrapperStyle.value
+      const { appendTo } = popupOpts
       const headerSlot = slots.header
       const footerSlot = slots.footer
       const prefixSlot = slots.prefix
@@ -695,7 +696,7 @@ export default defineVxeComponent({
             }
           : {}),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
         }, [
           h('div', {

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

@@ -1,7 +1,7 @@
 import { ref, computed, h, PropType, nextTick, inject, provide, reactive, Teleport, onMounted, onBeforeUnmount, watch, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom'
+import { getEventTargetNode, updatePanelPlacement, toCssUnit, getPopupContainer } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, deModelValue } from '../../ui/src/utils'
 import { createComponentLog } from '../../ui/src/log'
 import { getSlotVNs } from '../../ui/src/vn'
@@ -784,6 +784,7 @@ export default defineVxeComponent({
       const footerSlot = slots.footer
       const prefixSlot = slots.prefix
       const popupOpts = computePopupOpts.value
+      const { appendTo } = popupOpts
       const ppClassName = popupOpts.className || props.popupClassName
 
       if (formReadonly) {
@@ -861,7 +862,7 @@ export default defineVxeComponent({
             }
           : {}),
         h(Teleport, {
-          to: 'body',
+          to: getPopupContainer(appendTo),
           disabled: btnTransfer ? !initialized : true
         }, [
           h('div', {

package/packages/ui/src/dom.ts

@@ -278,3 +278,7 @@ export function updatePanelPlacement (targetElem: HTMLElement | null | undefined
     placement: panelPlacement
   }
 }
+
+export function getPopupContainer (appendTo: string | HTMLElement | ((params: any) => string | HTMLElement) | undefined) {
+  return appendTo ? ((XEUtils.isFunction(appendTo) ? appendTo({}) : appendTo) || 'body') : 'body'
+}

package/styles/components/button.scss

@@ -335,6 +335,7 @@
 }
 
 .vxe-button.type--button,
+.vxe-button.vxe-button--link,
 .vxe-button--dropdown {
   margin-right: var(--vxe-ui-button-current-margin-left);
   &:last-of-type {

package/styles/components/splitter.scss

@@ -304,6 +304,15 @@
     }
   }
 }
+.vxe-splitter-wrapper {
+  &.is--only-view {
+    & > .vxe-splitter-panel-handle {
+      .vxe-splitter-panel-handle-bar {
+        width: 0;
+      }
+    }
+  }
+} 
 
 .vxe-splitter--render-vars {
   width: 0;

package/types/components/button.d.ts

@@ -102,7 +102,7 @@ export namespace VxeButtonPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     zIndex?: number | string
     className?: string | ((params: { $button: VxeButtonConstructor }) => string)
   }

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

@@ -72,7 +72,7 @@ export namespace VxeColorPickerPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

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

@@ -124,7 +124,7 @@ export namespace VxeDatePickerPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

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

@@ -107,7 +107,7 @@ export namespace VxeDateRangePickerPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

package/types/components/drawer.d.ts

@@ -64,6 +64,7 @@ export namespace VxeDrawerPropTypes {
   export type DestroyOnClose = boolean
   export type ShowTitleOverflow = boolean
   export type Transfer = boolean
+  export type AppendTo = string | HTMLElement | ((params: {}) => string | HTMLElement)
   export type Padding = boolean
   export type BeforeHideMethod = (params: VxeDrawerDefines.DrawerVisibleParams) => Promise<any>
   export type Slots = VxeDrawerSlots
@@ -100,7 +101,14 @@ export interface VxeDrawerProps {
   zIndex?: VxeDrawerPropTypes.ZIndex
   destroyOnClose?: VxeDrawerPropTypes.DestroyOnClose
   showTitleOverflow?: VxeDrawerPropTypes.ShowTitleOverflow
+  /**
+   * 是否启用元素挂载
+   */
   transfer?: VxeDrawerPropTypes.Transfer
+  /**
+   * 挂载到指定元素下
+   */
+  appendTo?: VxeDrawerPropTypes.AppendTo
   padding?: VxeDrawerPropTypes.Padding
   beforeHideMethod?: VxeDrawerPropTypes.BeforeHideMethod
   slots?: VxeDrawerPropTypes.Slots

package/types/components/gantt.d.ts

@@ -622,6 +622,14 @@ export interface GanttReactData<D = any> extends GridReactData<D> {
   showRightView: boolean
   taskScaleList: VxeGanttDefines.ColumnScaleObj[]
   tableLinks: VxeGanttDefines.LinkConfObj[]
+  // 是否存在纵向滚动条
+  overflowY: boolean
+  // 是否存在横向滚动条
+  overflowX: boolean
+  // 纵向滚动条的宽度
+  scrollbarWidth: number
+  // 横向滚动条的高度
+  scrollbarHeight: number
 
   // 存放 bar tooltip 相关信息
   barTipStore: {

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

@@ -66,7 +66,14 @@ export namespace VxeIconPickerPropTypes {
      * 触发方式
      */
     trigger?: 'default' | 'icon' | 'manual' | '' | null
+    /**
+     * 是否启用元素挂载
+     */
     transfer?: boolean
+    /**
+     * 挂载到指定元素下
+     */
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     /**
      * 每行显示出多少个图标，如果设置了 chunkWidth 则该参数无效
      */

package/types/components/menu.d.ts

@@ -39,7 +39,6 @@ export namespace VxeMenuPropTypes {
    linkUrl?: string
    linkTarget?: string
    routerLink?: string
-   routerTarget?: string
   }
 
   export interface MenuOption {
@@ -85,6 +84,7 @@ export namespace VxeMenuPropTypes {
       currentOption: VxeMenuPropTypes.MenuOption
     }): boolean
   }
+  export type AppendTo = string | HTMLElement | ((params: {}) => string | HTMLElement)
 }
 
 export interface VxeMenuProps {
@@ -106,6 +106,10 @@ export interface VxeMenuProps {
   expandKeys?: VxeMenuPropTypes.ExpandKeys
   options?: VxeMenuPropTypes.Options
   menuConfig?: VxeMenuPropTypes.MenuConfig
+  /**
+   * 挂载到指定元素下
+   */
+  appendTo?: VxeMenuPropTypes.AppendTo
 }
 
 export interface MenuPrivateComputed {

package/types/components/modal.d.ts

@@ -114,6 +114,7 @@ export namespace VxeModalPropTypes {
   export type DestroyOnClose = boolean
   export type ShowTitleOverflow = boolean
   export type Transfer = boolean
+  export type AppendTo = string | HTMLElement | ((params: {}) => string | HTMLElement)
   export type Storage = boolean
   export type StorageKey = string
   export type Animat = boolean
@@ -171,7 +172,14 @@ export interface VxeModalProps {
   remember?: VxeModalPropTypes.Remember
   destroyOnClose?: VxeModalPropTypes.DestroyOnClose
   showTitleOverflow?: VxeModalPropTypes.ShowTitleOverflow
+  /**
+   * 是否启用元素挂载
+   */
   transfer?: VxeModalPropTypes.Transfer
+  /**
+   * 挂载到指定元素下
+   */
+  appendTo?: VxeModalPropTypes.AppendTo
   storage?: VxeModalPropTypes.Storage
   storageKey?: VxeModalPropTypes.StorageKey
   animat?: VxeModalPropTypes.Animat

package/types/components/pulldown.d.ts

@@ -70,7 +70,7 @@ export namespace VxePulldownPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

package/types/components/select.d.ts

@@ -166,7 +166,7 @@ export namespace VxeSelectPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

package/types/components/table-select.d.ts

@@ -66,7 +66,7 @@ export namespace VxeTableSelectPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string

package/types/components/table.d.ts

@@ -1016,7 +1016,10 @@ export namespace VxeTablePropTypes {
       resize?: VxeModalPropTypes.Resize
       escClosable?: VxeModalPropTypes.EscClosable
       maskClosable?: VxeModalPropTypes.MaskClosable
-      transfer?: VxeModalPropTypes.Transfer
+      /**
+       * 是否启用元素挂载
+       */
+      transfer?: boolean
     }
     /**
      * 抽屉模式配置项，用于 mode='drawer'
@@ -1031,7 +1034,10 @@ export namespace VxeTablePropTypes {
       resize?: VxeDrawerPropTypes.Resize
       escClosable?: VxeDrawerPropTypes.EscClosable
       maskClosable?: VxeDrawerPropTypes.MaskClosable
-      transfer?: VxeDrawerPropTypes.Transfer
+      /**
+       * 是否启用元素挂载
+       */
+      transfer?: boolean
     }
     /**
      * 默认模式配置项
@@ -1042,6 +1048,9 @@ export namespace VxeTablePropTypes {
       minWidth?: number | string
       maxWidth?: number | string
       maxHeight?: number | string
+      /**
+       * 是否启用元素挂载
+       */
       transfer?: boolean
     }
     trigger?: 'manual' | 'hover' | 'click' | '' | null
@@ -1370,6 +1379,9 @@ export namespace VxeTablePropTypes {
     }): boolean
     className?: string
     zIndex?: number
+    /**
+     * 是否启用元素挂载
+     */
     transfer?: boolean
     iconNone?: string
     iconMatch?: string
@@ -1846,6 +1858,9 @@ export namespace VxeTablePropTypes {
      */
     className?: string
     zIndex?: number
+    /**
+     * 是否启用元素挂载
+     */
     transfer?: boolean
     destroyOnClose?: boolean
     /**

package/types/components/tree-select.d.ts

@@ -136,7 +136,7 @@ export namespace VxeTreeSelectPropTypes {
     /**
      * 挂载到指定元素下
      */
-    appendTo?: string | HTMLElement | (() => string | HTMLElement)
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
     width?: number | string
     height?: number | string
     zIndex?: number | string