vxe-pc-ui 3.17.25 → 3.17.27

package/lib/index.umd.js

@@ -13284,7 +13284,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.17.25");
+var uiVersion = "ui v".concat("3.17.27");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13304,7 +13304,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.17.25";
+var ui_version = "3.17.27";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -15296,8 +15296,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
   var stys = {};
   if (panelElem && targetElem) {
     var bodyEl = document.body;
-    var parentEl = panelElem.parentElement;
-    var parentWrapperEl = parentEl === bodyEl ? document.documentElement : parentEl;
+    var parentWrapperEl = getPopupWrapperElement(panelElem);
     if (parentWrapperEl) {
       var targetWidth = targetElem.offsetWidth;
       var targetHeight = targetElem.offsetHeight;
@@ -15415,6 +15414,14 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     placement: panelPlacement
   };
 }
+function getPopupWrapperElement(panelElem) {
+  if (!panelElem) {
+    return null;
+  }
+  var bodyEl = document.body;
+  var parentEl = panelElem.parentElement;
+  return (parentEl === bodyEl ? document.documentElement : parentEl) || null;
+}
 function getPopupContainer(appendTo) {
   var selectElem = appendTo && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(appendTo) ? appendTo({}) : appendTo;
   return selectElem || 'body';
@@ -16690,6 +16697,17 @@ function createInternalData() {
     wheelEvent: function wheelEvent(evnt) {
       evnt.stopPropagation();
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeTooltip = this;
+      var reactData = $xeTooltip.reactData;
+      if (reactData.visible) {
+        $xeTooltip.updatePlacement();
+      }
+    },
+    handleGlobalBlurEvent: function handleGlobalBlurEvent() {
+      var $xeTooltip = this;
+      $xeTooltip.close();
+    },
     // pooltipPrivateMethods
     handleCloseEvent: function handleCloseEvent() {
       var $xeTooltip = this;
@@ -16797,6 +16815,8 @@ function createInternalData() {
     var $xeTooltip = this;
     $xeTooltip.internalData = createInternalData();
     $xeTooltip.handleDelayFn();
+    globalEvents.on($xeTooltip, 'blur', $xeTooltip.handleGlobalBlurEvent);
+    globalEvents.on($xeTooltip, 'scroll', $xeTooltip.handleGlobalScrollEvent);
   },
   mounted: function mounted() {
     var $xeTooltip = this;
@@ -16845,6 +16865,7 @@ function createInternalData() {
   beforeDestroy: function beforeDestroy() {
     var $xeTooltip = this;
     var reactData = $xeTooltip.reactData;
+    var internalData = $xeTooltip.internalData;
     var target = reactData.target;
     var panelElem = $xeTooltip.$refs.refElem;
     if (target) {
@@ -16862,11 +16883,8 @@ function createInternalData() {
         parentNode.removeChild(panelElem);
       }
     }
-  },
-  destroyed: function destroyed() {
-    var $xeTooltip = this;
-    var reactData = $xeTooltip.reactData;
-    var internalData = $xeTooltip.internalData;
+    globalEvents.off($xeTooltip, 'blur');
+    globalEvents.off($xeTooltip, 'scroll');
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, createReactData());
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, createInternalData());
   },
@@ -24157,6 +24175,12 @@ var input_createComponentLog = createComponentLog('input'),
         return getConfig().input.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().input.floatAlign;
+      }
+    },
     maxLength: {
       type: [String, Number],
       default: function _default() {
@@ -27057,7 +27081,8 @@ var input_createComponentLog = createComponentLog('input'),
         countMethod = props.countMethod,
         name = props.name,
         autoComplete = props.autoComplete,
-        autocomplete = props.autocomplete;
+        autocomplete = props.autocomplete,
+        floatAlign = props.floatAlign;
       var inputValue = reactData.inputValue,
         visiblePanel = reactData.visiblePanel,
         isActivated = reactData.isActivated;
@@ -27083,7 +27108,7 @@ var input_createComponentLog = createComponentLog('input'),
       var floatSlot = slots.float;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-input', "type--".concat(type), className, (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "size--".concat(vSize), vSize), "is--".concat(align), align), 'is--controls', controls), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--visible', visiblePanel), 'is--clear', isClearable), 'is--count', isWordCount), 'is--disabled', isDisabled), 'is--active', isActivated), _defineProperty(_ref2, 'show--clear', isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))))],
+        class: ['vxe-input', "type--".concat(type), floatContent ? "fla--".concat(floatAlign || 'center') : '', className, (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "size--".concat(vSize), vSize), "is--".concat(align), align), 'is--controls', controls), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--visible', visiblePanel), 'is--clear', isClearable), 'is--count', isWordCount), 'is--disabled', isDisabled), 'is--active', isActivated), _defineProperty(_ref2, 'show--clear', isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue))))],
         attrs: {
           spellcheck: false
         }
@@ -27116,9 +27141,9 @@ var input_createComponentLog = createComponentLog('input'),
           focus: $xeInput.focusEvent,
           blur: $xeInput.blurEvent
         }
-      })]), suffix || renderEmptyElement($xeInput), floatContent || floatSlot ? h('span', {
+      }), floatContent || floatSlot ? h('span', {
         class: 'vxe-input--float-wrapper'
-      }, floatSlot ? floatSlot({}) : getText(floatContent)) : renderEmptyElement($xeInput),
+      }, floatSlot ? floatSlot({}) : getText(floatContent)) : renderEmptyElement($xeInput)]), suffix || renderEmptyElement($xeInput),
       // 下拉面板
       $xeInput.renderPanel(h),
       // 字数统计
@@ -31468,6 +31493,12 @@ var handleNumberString = function handleNumberString(val) {
         return getConfig().numberInput.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().numberInput.floatAlign;
+      }
+    },
     maxLength: {
       type: [String, Number],
       default: function _default() {
@@ -31970,7 +32001,6 @@ var handleNumberString = function handleNumberString(val) {
         reactData.inputValue = eqEmptyValue(inputValue) ? '' : "".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inputValue));
         reactData.isFocus = true;
         reactData.isActivated = true;
-        $xeNumberInput.handleShowTip();
         $xeNumberInput.triggerEvent(evnt);
       }
     },
@@ -32155,15 +32185,13 @@ var handleNumberString = function handleNumberString(val) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
       }
     },
+    mouseenterEvent: function mouseenterEvent() {
+      var $xeNumberInput = this;
+      $xeNumberInput.handleShowTip();
+    },
     mouseleaveEvent: function mouseleaveEvent() {
       var $xeNumberInput = this;
-      var props = $xeNumberInput;
-      var showTooltip = props.showTooltip;
-      if (showTooltip) {
-        if (VxeUI.tooltip) {
-          VxeUI.tooltip.close();
-        }
-      }
+      $xeNumberInput.handleHideTip();
     },
     // 数值
     numberChange: function numberChange(isPlus, evnt) {
@@ -32248,7 +32276,8 @@ var handleNumberString = function handleNumberString(val) {
       var $xeNumberInput = this;
       var props = $xeNumberInput;
       var reactData = $xeNumberInput.reactData;
-      var showTooltip = props.showTooltip;
+      var type = props.type,
+        showTooltip = props.showTooltip;
       var inputValue = reactData.inputValue;
       if (showTooltip) {
         if (VxeUI.tooltip) {
@@ -32257,6 +32286,8 @@ var handleNumberString = function handleNumberString(val) {
           var contentMethod = tooltipOpts.contentMethod;
           var inputElem = $xeNumberInput.$refs.refInputTarget;
           var content = getText(contentMethod ? contentMethod({
+            $mumberInput: $xeNumberInput,
+            type: type,
             inputValue: inputElem.value,
             value: inputValue || '',
             label: numLabel
@@ -32273,6 +32304,16 @@ var handleNumberString = function handleNumberString(val) {
         }
       }
     },
+    handleHideTip: function handleHideTip() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (VxeUI.tooltip) {
+          VxeUI.tooltip.close();
+        }
+      }
+    },
     keydownEvent: function keydownEvent(evnt) {
       var $xeNumberInput = this;
       var props = $xeNumberInput;
@@ -32436,6 +32477,7 @@ var handleNumberString = function handleNumberString(val) {
             $xeNumberInput.handleChange(value, handleNumberString(inputValue), evnt);
           }
           $xeNumberInput.afterCheckValue();
+          $xeNumberInput.handleHideTip();
         }
       }
     },
@@ -32655,7 +32697,9 @@ var handleNumberString = function handleNumberString(val) {
         type = props.type,
         align = props.align,
         prefixIcon = props.prefixIcon,
-        suffixIcon = props.suffixIcon;
+        suffixIcon = props.suffixIcon,
+        floatContent = props.floatContent,
+        floatAlign = props.floatAlign;
       var inputValue = reactData.inputValue,
         isActivated = reactData.isActivated;
       var vSize = $xeNumberInput.computeSize;
@@ -32678,11 +32722,12 @@ var handleNumberString = function handleNumberString(val) {
       var isControls = isEnableConf(controlOpts) && (controls === false ? controls : showButton);
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-number-input', "type--".concat(type), isControls ? "ctl--".concat(layout === 'right' || layout === 'left' ? layout : 'default') : '', className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "is--".concat(align), align), 'is--controls', isControls && !inputReadonly), 'is--prefix', !!prefixSlot || prefixIcon), 'is--suffix', !!suffixSlot || suffixIcon), 'is--disabled', isDisabled), 'is--active', isActivated), 'show--clear', isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue)))],
+        class: ['vxe-number-input', "type--".concat(type), isControls ? "ctl--".concat(layout === 'right' || layout === 'left' ? layout : 'default') : '', floatContent ? "fla--".concat(floatAlign || 'center') : '', className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "is--".concat(align), align), 'is--controls', isControls && !inputReadonly), 'is--prefix', !!prefixSlot || prefixIcon), 'is--suffix', !!suffixSlot || suffixIcon), 'is--disabled', isDisabled), 'is--active', isActivated), 'show--clear', isClearable && !isDisabled && !(inputValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(inputValue)))],
         attrs: {
           spellcheck: false
         },
         on: {
+          mouseenter: $xeNumberInput.mouseenterEvent,
           mouseleave: $xeNumberInput.mouseleaveEvent
         }
       }, isControls ? layout === 'right' ? [$xeNumberInput.renderInput(h), $xeNumberInput.renderSideControl(h), $xeNumberInput.renderFloat(h)] : layout === 'left' ? [$xeNumberInput.renderSideControl(h), $xeNumberInput.renderInput(h), $xeNumberInput.renderFloat(h)] : [$xeNumberInput.renderMinusBtn(h), $xeNumberInput.renderInput(h), $xeNumberInput.renderPlusBtn(h), $xeNumberInput.renderFloat(h)] : [$xeNumberInput.renderInput(h), $xeNumberInput.renderFloat(h)]);
@@ -48925,6 +48970,12 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         return getConfig().modal.appendTo;
       }
     },
+    isWithinAppendTo: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().modal.isWithinAppendTo;
+      }
+    },
     storage: {
       type: Boolean,
       default: function _default() {
@@ -49234,14 +49285,21 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var $xeModal = this;
       var props = $xeModal;
       return $xeModal.$nextTick().then(function () {
-        var position = props.position;
-        var marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
+        var position = props.position,
+          isWithinAppendTo = props.isWithinAppendTo;
+        var btnTransfer = $xeModal.computeBtnTransfer;
+        var el = $xeModal.$refs.refElem;
         var boxElem = $xeModal.getBox();
         if (!boxElem) {
           return;
         }
-        var clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
-        var clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
+        var parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+        if (!parentWrapperEl) {
+          return;
+        }
+        var clientVisibleWidth = parentWrapperEl.clientWidth;
+        var clientVisibleHeight = parentWrapperEl.clientHeight;
+        var marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
         var isPosCenter = position === 'center';
         var _ref = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(position) ? {
             top: position,
@@ -49469,7 +49527,10 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
     },
     handleMinimize: function handleMinimize() {
       var $xeModal = this;
+      var props = $xeModal;
       var reactData = $xeModal.reactData;
+      var isWithinAppendTo = props.isWithinAppendTo;
+      var btnTransfer = $xeModal.computeBtnTransfer;
       var zoomOpts = $xeModal.computeZoomOpts;
       var minimizeLayout = zoomOpts.minimizeLayout,
         minimizeMaxSize = zoomOpts.minimizeMaxSize,
@@ -49506,6 +49567,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       reactData.prevZoomStatus = prevZoomStatus;
       reactData.zoomStatus = 'minimize';
       return $xeModal.$nextTick().then(function () {
+        var el = $xeModal.$refs.refElem;
         var boxElem = $xeModal.getBox();
         if (!boxElem) {
           return {
@@ -49518,8 +49580,13 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
             status: false
           };
         }
-        var _getDomNode = getDomNode(),
-          visibleHeight = _getDomNode.visibleHeight;
+        var parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+        if (!parentWrapperEl) {
+          return {
+            status: false
+          };
+        }
+        var visibleHeight = parentWrapperEl.clientHeight;
         // 如果当前处于复原状态
         if (!prevZoomStatus) {
           reactData.revertLocat = {
@@ -49577,6 +49644,8 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var $xeModal = this;
       var props = $xeModal;
       var reactData = $xeModal.reactData;
+      var isWithinAppendTo = props.isWithinAppendTo;
+      var btnTransfer = $xeModal.computeBtnTransfer;
       var prevZoomStatus = reactData.zoomStatus;
       reactData.prevZoomStatus = prevZoomStatus;
       reactData.zoomStatus = 'maximize';
@@ -49585,9 +49654,16 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         if (boxElem) {
           // 如果当前处于复原状态
           if (!prevZoomStatus) {
+            var el = $xeModal.$refs.refElem;
+            var parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+            if (!parentWrapperEl) {
+              return {
+                status: false
+              };
+            }
+            var clientVisibleWidth = parentWrapperEl.clientWidth;
+            var clientVisibleHeight = parentWrapperEl.clientHeight;
             var marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
-            var clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
-            var clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
             reactData.revertLocat = {
               top: Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2),
               left: Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2),
@@ -49879,8 +49955,11 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var $xeModal = this;
       var props = $xeModal;
       var reactData = $xeModal.reactData;
-      var storage = props.storage;
+      var resize = props.resize,
+        storage = props.storage,
+        isWithinAppendTo = props.isWithinAppendTo;
       var zoomStatus = reactData.zoomStatus;
+      var btnTransfer = $xeModal.computeBtnTransfer;
       var marginSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.marginSize);
       var boxElem = $xeModal.getBox();
       if (!boxElem) {
@@ -49888,11 +49967,15 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       }
       if (zoomStatus !== 'maximize' && evnt.button === 0 && !getEventTargetNode(evnt, boxElem, 'trigger--btn').flag) {
         evnt.preventDefault();
+        var el = $xeModal.$refs.refElem;
+        var parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+        if (!parentWrapperEl) {
+          return;
+        }
+        var visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
+        var visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
         var disX = evnt.clientX - boxElem.offsetLeft;
         var disY = evnt.clientY - boxElem.offsetTop;
-        var _getDomNode2 = getDomNode(),
-          visibleHeight = _getDomNode2.visibleHeight,
-          visibleWidth = _getDomNode2.visibleWidth;
         document.onmousemove = function (evnt) {
           evnt.preventDefault();
           var offsetWidth = boxElem.offsetWidth;
@@ -49943,10 +50026,17 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       var props = $xeModal;
       var reactData = $xeModal.reactData;
       evnt.preventDefault();
-      var storage = props.storage;
-      var _getDomNode3 = getDomNode(),
-        visibleHeight = _getDomNode3.visibleHeight,
-        visibleWidth = _getDomNode3.visibleWidth;
+      var resize = props.resize,
+        storage = props.storage,
+        isWithinAppendTo = props.isWithinAppendTo;
+      var btnTransfer = $xeModal.computeBtnTransfer;
+      var el = $xeModal.$refs.refElem;
+      var parentWrapperEl = getPopupWrapperElement(isWithinAppendTo && btnTransfer ? el : document.body);
+      if (!parentWrapperEl) {
+        return;
+      }
+      var visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
+      var visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
       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('data-type');
@@ -50329,7 +50419,8 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         padding = props.padding,
         lockView = props.lockView,
         mask = props.mask,
-        resize = props.resize;
+        resize = props.resize,
+        isWithinAppendTo = props.isWithinAppendTo;
       var initialized = reactData.initialized,
         modalTop = reactData.modalTop,
         contentVisible = reactData.contentVisible,
@@ -50346,7 +50437,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       }
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-modal--wrapper', "type--".concat(type), "zoom--".concat(zoomStatus || 'revert'), className || '', position ? "pos--".concat(position) : '', (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "size--".concat(vSize), vSize), "status--".concat(status), status), 'is--padding', padding), 'is--animat', animat), 'lock--scroll', lockScroll), 'lock--view', lockView), 'is--draggable', draggable), 'is--resize', resize), 'is--mask', mask), 'is--visible', contentVisible), _defineProperty(_defineProperty(_ref2, 'is--active', visible), 'is--loading', loading))],
+        class: ['vxe-modal--wrapper', "type--".concat(type), "zoom--".concat(zoomStatus || 'revert'), className || '', position ? "pos--".concat(position) : '', isWithinAppendTo ? 'ctx--within' : 'ctx--free', (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "size--".concat(vSize), vSize), "status--".concat(status), status), 'is--padding', padding), 'is--animat', animat), 'lock--scroll', lockScroll), 'lock--view', lockView), 'is--draggable', draggable), 'is--resize', resize), 'is--mask', mask), 'is--visible', contentVisible), _defineProperty(_defineProperty(_ref2, 'is--active', visible), 'is--loading', loading))],
         style: {
           zIndex: reactData.modalZindex,
           top: modalTop ? "".concat(modalTop, "px") : null
@@ -54197,6 +54288,12 @@ var Pager = VxePager;
         return getConfig().passwordInput.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().passwordInput.floatAlign;
+      }
+    },
     autoComplete: {
       type: String,
       default: 'off'
@@ -54625,9 +54722,9 @@ var Pager = VxePager;
           focus: $xePasswordInput.focusEvent,
           blur: $xePasswordInput.blurEvent
         }
-      })]), suffix || renderEmptyElement($xePasswordInput), floatContent || floatSlot ? h('span', {
+      }), floatContent || floatSlot ? h('span', {
         class: 'vxe-password-input--float-wrapper'
-      }, floatSlot ? floatSlot({}) : getText(floatContent)) : renderEmptyElement($xePasswordInput)]);
+      }, floatSlot ? floatSlot({}) : getText(floatContent)) : renderEmptyElement($xePasswordInput)]), suffix || renderEmptyElement($xePasswordInput)]);
     }
   },
   watch: {