vxe-pc-ui 3.16.17 → 3.16.19

package/es/modal/src/modal.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI, getConfig, getI18n, getIcon, createEvent, globalEvents, globalMixins, renderEmptyElement, GLOBAL_EVENT_KEYS } from '../../ui';
-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 VxeButtonComponent from '../../button';
 import VxeLoadingComponent from '../../loading';
@@ -159,6 +159,10 @@ export default {
             type: Boolean,
             default: () => getConfig().modal.transfer
         },
+        appendTo: {
+            type: [String, Function],
+            default: () => getConfig().modal.appendTo
+        },
         storage: {
             type: Boolean,
             default: () => getConfig().modal.storage
@@ -847,7 +851,7 @@ export default {
             const $xeModal = this;
             const props = $xeModal;
             const reactData = $xeModal.reactData;
-            const { remember, showFooter } = props;
+            const { remember, showFooter, appendTo } = props;
             const { initialized, visible } = reactData;
             const isMsg = $xeModal.computeIsMsg;
             const btnTransfer = $xeModal.computeBtnTransfer;
@@ -855,7 +859,7 @@ export default {
                 reactData.initialized = true;
                 if (btnTransfer) {
                     const panelElem = $xeModal.$refs.refElem;
-                    document.body.appendChild(panelElem);
+                    getPopupContainer(appendTo).appendChild(panelElem);
                 }
             }
             if (!visible) {
@@ -1115,7 +1119,7 @@ export default {
             const { visibleHeight, visibleWidth } = getDomNode();
             const marginSize = XEUtils.toNumber(props.marginSize);
             const targetElem = evnt.target;
-            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;
@@ -1555,7 +1559,7 @@ export default {
                                         return h('span', {
                                             class: `${type}-resize`,
                                             attrs: {
-                                                type: type
+                                                'data-type': type
                                             },
                                             on: {
                                                 mousedown: $xeModal.dragEvent

package/es/select/src/select.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, globalMixins, 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';
@@ -776,6 +776,7 @@ export default {
             const isDisabled = $xeSelect.computeIsDisabled;
             const remoteOpts = $xeSelect.computeRemoteOpts;
             const selectVals = $xeSelect.computeSelectVals;
+            const popupOpts = $xeSelect.computePopupOpts;
             if (!loading && !isDisabled) {
                 if (hpTimeout) {
                     clearTimeout(hpTimeout);
@@ -786,7 +787,8 @@ export default {
                     const btnTransfer = $xeSelect.computeBtnTransfer;
                     const panelElem = $xeSelect.$refs.refOptionPanel;
                     if (btnTransfer && panelElem) {
-                        document.body.appendChild(panelElem);
+                        const { appendTo } = popupOpts;
+                        getPopupContainer(appendTo).appendChild(panelElem);
                     }
                 }
                 reactData.isActivated = true;