vxe-pc-ui 3.16.17 → 3.16.19

package/lib/index.umd.js

@@ -13260,7 +13260,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.16.17");
+var uiVersion = "ui v".concat("3.16.19");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13280,7 +13280,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.16.17";
+var ui_version = "3.16.19";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -15323,6 +15323,13 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     placement: panelPlacement
   };
 }
+function getPopupContainer(appendTo) {
+  var selectElem = appendTo && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(appendTo) ? appendTo({}) : appendTo;
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(selectElem)) {
+    return document.querySelector(selectElem) || document.body;
+  }
+  return selectElem || document.body;
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
 var es_iterator_filter = __webpack_require__(2489);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
@@ -17146,13 +17153,15 @@ var _createComponentLog = createComponentLog('button'),
       var internalData = $xeButton.internalData;
       var trigger = props.trigger;
       var btnTransfer = $xeButton.computeBtnTransfer;
+      var popupOpts = $xeButton.computePopupOpts;
       var panelElem = $xeButton.$refs.refBtnPanel;
       if (panelElem) {
         panelElem.dataset.active = 'Y';
         if (!reactData.initialized) {
           reactData.initialized = true;
           if (btnTransfer) {
-            document.body.appendChild(panelElem);
+            var appendTo = popupOpts.appendTo;
+            getPopupContainer(appendTo).appendChild(panelElem);
           }
         }
         internalData.showTime = setTimeout(function () {
@@ -32639,12 +32648,14 @@ var typeList = [{
           internalData.hpTimeout = undefined;
         }
         var btnTransfer = $xeColorPicker.computeBtnTransfer;
+        var popupOpts = $xeColorPicker.computePopupOpts;
         var panelElem = $xeColorPicker.$refs.refOptionPanel;
         if (!reactData.initialized) {
           reactData.initialized = true;
           if (btnTransfer) {
             if (panelElem) {
-              document.body.appendChild(panelElem);
+              var appendTo = popupOpts.appendTo;
+              getPopupContainer(appendTo).appendChild(panelElem);
             }
           }
         }
@@ -38287,12 +38298,14 @@ function date_picker_createInternalData() {
       var visiblePanel = reactData.visiblePanel;
       var isDisabled = $xeDatePicker.computeIsDisabled;
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
+      var popupOpts = $xeDatePicker.computePopupOpts;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
         if (!reactData.initialized) {
           reactData.initialized = true;
           if (btnTransfer && panelElem) {
-            document.body.appendChild(panelElem);
+            var appendTo = popupOpts.appendTo;
+            getPopupContainer(appendTo).appendChild(panelElem);
           }
         }
         if (internalData.hpTimeout) {
@@ -39983,12 +39996,14 @@ function date_range_picker_createInternalData() {
       var visiblePanel = reactData.visiblePanel;
       var isDisabled = $xeDateRangePicker.computeIsDisabled;
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
+      var popupOpts = $xeDateRangePicker.computePopupOpts;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
         if (!reactData.initialized) {
           reactData.initialized = true;
           if (btnTransfer && panelElem) {
-            document.body.appendChild(panelElem);
+            var appendTo = popupOpts.appendTo;
+            getPopupContainer(appendTo).appendChild(panelElem);
           }
         }
         if (internalData.hpTimeout) {
@@ -40692,6 +40707,12 @@ var allActiveDrawers = [];
         return getConfig().drawer.transfer;
       }
     },
+    appendTo: {
+      type: [String, Function],
+      default: function _default() {
+        return getConfig().drawer.appendTo;
+      }
+    },
     padding: {
       type: Boolean,
       default: function _default() {
@@ -40921,7 +40942,8 @@ var allActiveDrawers = [];
       var $xeDrawer = this;
       var props = $xeDrawer;
       var reactData = $xeDrawer.reactData;
-      var showFooter = props.showFooter;
+      var showFooter = props.showFooter,
+        appendTo = props.appendTo;
       var initialized = reactData.initialized,
         visible = reactData.visible;
       var btnTransfer = $xeDrawer.computeBtnTransfer;
@@ -40929,7 +40951,7 @@ var allActiveDrawers = [];
         reactData.initialized = true;
         if (btnTransfer) {
           var panelElem = $xeDrawer.$refs.refElem;
-          document.body.appendChild(panelElem);
+          getPopupContainer(appendTo).appendChild(panelElem);
         }
       }
       if (!visible) {
@@ -44829,6 +44851,7 @@ function icon_picker_createInternalData() {
       var internalData = $xeIconPicker.internalData;
       var hpTimeout = internalData.hpTimeout;
       var isDisabled = $xeIconPicker.computeIsDisabled;
+      var popupOpts = $xeIconPicker.computePopupOpts;
       if (!isDisabled) {
         if (hpTimeout) {
           clearTimeout(hpTimeout);
@@ -44840,7 +44863,8 @@ function icon_picker_createInternalData() {
           reactData.initialized = true;
           if (btnTransfer) {
             if (panelElem) {
-              document.body.appendChild(panelElem);
+              var appendTo = popupOpts.appendTo;
+              getPopupContainer(appendTo).appendChild(panelElem);
             }
           }
         }
@@ -47302,7 +47326,13 @@ var nemuUniqueKey = 100000000;
         return menu_getConfig().menu.size || menu_getConfig().size;
       }
     },
-    menuConfig: Object
+    menuConfig: Object,
+    appendTo: {
+      type: [String, Function],
+      default: function _default() {
+        return menu_getConfig().menu.appendTo;
+      }
+    }
   },
   inject: {
     $xeLayoutAside: {
@@ -47627,7 +47657,8 @@ var nemuUniqueKey = 100000000;
       var $xeMenu = this;
       var props = $xeMenu;
       var reactData = $xeMenu.reactData;
-      var collapseFixed = props.collapseFixed;
+      var collapseFixed = props.collapseFixed,
+        appendTo = props.appendTo;
       if (collapseFixed) {
         var initialized = reactData.initialized;
         var isCollapsed = $xeMenu.computeIsCollapsed;
@@ -47637,7 +47668,7 @@ var nemuUniqueKey = 100000000;
             $xeMenu.$nextTick(function () {
               var collapseEl = $xeMenu.$refs.refCollapseElem;
               if (collapseEl) {
-                document.body.appendChild(collapseEl);
+                getPopupContainer(appendTo).appendChild(collapseEl);
               }
             });
           }
@@ -48338,6 +48369,12 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         return getConfig().modal.transfer;
       }
     },
+    appendTo: {
+      type: [String, Function],
+      default: function _default() {
+        return getConfig().modal.appendTo;
+      }
+    },
     storage: {
       type: Boolean,
       default: function _default() {
@@ -49071,7 +49108,8 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var props = $xeModal;
       var reactData = $xeModal.reactData;
       var remember = props.remember,
-        showFooter = props.showFooter;
+        showFooter = props.showFooter,
+        appendTo = props.appendTo;
       var initialized = reactData.initialized,
         visible = reactData.visible;
       var isMsg = $xeModal.computeIsMsg;
@@ -49080,7 +49118,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         reactData.initialized = true;
         if (btnTransfer) {
           var panelElem = $xeModal.$refs.refElem;
-          document.body.appendChild(panelElem);
+          getPopupContainer(appendTo).appendChild(panelElem);
         }
       }
       if (!visible) {
@@ -49361,7 +49399,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         visibleWidth = _getDomNode3.visibleWidth;
       var marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
       var targetElem = evnt.target;
-      var type = targetElem.getAttribute('type');
+      var type = targetElem.getAttribute('data-type');
       var minWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minWidth);
       var minHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.minHeight);
       var maxWidth = visibleWidth;
@@ -49788,7 +49826,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         return h('span', {
           class: "".concat(type, "-resize"),
           attrs: {
-            type: type
+            'data-type': type
           },
           on: {
             mousedown: $xeModal.dragEvent
@@ -51314,6 +51352,7 @@ function select_createInternalData() {
       var isDisabled = $xeSelect.computeIsDisabled;
       var remoteOpts = $xeSelect.computeRemoteOpts;
       var selectVals = $xeSelect.computeSelectVals;
+      var popupOpts = $xeSelect.computePopupOpts;
       if (!loading && !isDisabled) {
         if (hpTimeout) {
           clearTimeout(hpTimeout);
@@ -51324,7 +51363,8 @@ function select_createInternalData() {
           var btnTransfer = $xeSelect.computeBtnTransfer;
           var panelElem = $xeSelect.$refs.refOptionPanel;
           if (btnTransfer && panelElem) {
-            document.body.appendChild(panelElem);
+            var appendTo = popupOpts.appendTo;
+            getPopupContainer(appendTo).appendChild(panelElem);
           }
         }
         reactData.isActivated = true;
@@ -59298,6 +59338,7 @@ function table_select_createInternalData() {
       var internalData = $xeTableSelect.internalData;
       var loading = props.loading;
       var isDisabled = $xeTableSelect.computeIsDisabled;
+      var popupOpts = $xeTableSelect.computePopupOpts;
       if (!loading && !isDisabled) {
         if (internalData.vpTimeout) {
           clearTimeout(internalData.vpTimeout);
@@ -59311,7 +59352,8 @@ function table_select_createInternalData() {
           var panelElem = $xeTableSelect.$refs.refOptionPanel;
           if (btnTransfer) {
             if (panelElem) {
-              document.body.appendChild(panelElem);
+              var appendTo = popupOpts.appendTo;
+              getPopupContainer(appendTo).appendChild(panelElem);
             }
           }
         }
@@ -66894,6 +66936,7 @@ function tree_select_createInternalData() {
       var fullOptionList = internalData.fullOptionList;
       var isDisabled = $xeTreeSelect.computeIsDisabled;
       var remoteOpts = $xeTreeSelect.computeRemoteOpts;
+      var popupOpts = $xeTreeSelect.computePopupOpts;
       if (!loading && !isDisabled) {
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -66904,7 +66947,8 @@ function tree_select_createInternalData() {
           var panelElem = $xeTreeSelect.$refs.refOptionPanel;
           if (btnTransfer) {
             if (panelElem) {
-              document.body.appendChild(panelElem);
+              var appendTo = popupOpts.appendTo;
+              getPopupContainer(appendTo).appendChild(panelElem);
             }
           }
         }