vxe-pc-ui 3.17.24 → 3.17.26

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.24");
+var uiVersion = "ui v".concat("3.17.26");
 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.24";
+var ui_version = "3.17.26";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13598,6 +13598,10 @@ setConfig({
       showButton: true,
       isWheel: true,
       isArrow: true
+    },
+    tooltipConfig: {
+      enterable: true,
+      enterDelay: 0
     }
   },
   optgroup: {},
@@ -16451,6 +16455,7 @@ function createInternalData() {
         arrowStyle: null
       });
       $xeTooltip.updateValue(false);
+      $xeTooltip.dispatchEvent('hide', {}, null);
       return $xeTooltip.$nextTick();
     },
     toVisible: function toVisible(target, content) {
@@ -16496,6 +16501,7 @@ function createInternalData() {
         defaultLeft: left,
         placement: placement,
         defaultPlacement: defaultPlacement,
+        isMinWidth: false,
         teleportTo: true
       });
       var panelStyle = Object.assign(ppObj.style, {
@@ -16503,7 +16509,7 @@ function createInternalData() {
       });
       tipStore.placement = ppObj.placement;
       tipStore.style = panelStyle;
-      tipStore.arrowStyle.left = "".concat(ppObj.arrowLeft, "px");
+      tipStore.arrowStyle.left = ppObj.arrowLeft ? "".concat(ppObj.arrowLeft, "px") : '';
     },
     updatePlacement: function updatePlacement() {
       var $xeTooltip = this;
@@ -16672,8 +16678,11 @@ function createInternalData() {
           if (showDelayTip) {
             showDelayTip();
           }
+          $xeTooltip.dispatchEvent('show', {}, evnt || null);
         } else {
-          return $xeTooltip.showTip();
+          var rest = $xeTooltip.showTip();
+          $xeTooltip.dispatchEvent('show', {}, evnt || null);
+          return rest;
         }
       }
       return $xeTooltip.$nextTick();
@@ -16681,6 +16690,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;
@@ -16788,6 +16808,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;
@@ -16836,6 +16858,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) {
@@ -16853,11 +16876,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());
   },
@@ -16898,11 +16918,14 @@ var TooltipController = {
     return Promise.resolve();
   },
   close: function close() {
+    var globalTooltip = dynamicStore.globalTooltip;
+    if (!globalTooltip || !globalTooltip.value) {
+      return Promise.resolve();
+    }
     var $tooltip = dynamicStore.$refs.refTooltip;
     if ($tooltip) {
       $tooltip.handleCloseEvent();
     } else {
-      var globalTooltip = dynamicStore.globalTooltip;
       if (globalTooltip) {
         globalTooltip.value = false;
       }
@@ -16910,6 +16933,10 @@ var TooltipController = {
     return Promise.resolve();
   },
   destroy: function destroy() {
+    var globalTooltip = dynamicStore.globalTooltip;
+    if (!globalTooltip || !globalTooltip.value) {
+      return Promise.resolve();
+    }
     var $tooltip = dynamicStore.$refs.refTooltip;
     if ($tooltip) {
       return $tooltip.close().then(function () {
@@ -24141,6 +24168,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() {
@@ -27041,7 +27074,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;
@@ -27067,7 +27101,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
         }
@@ -27100,9 +27134,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),
       // 字数统计
@@ -31404,6 +31438,9 @@ function hexToRgb(str) {
 
 
 
+
+var number_input_createComponentLog = createComponentLog('number-input'),
+  number_input_errLog = number_input_createComponentLog.errLog;
 var handleNumberString = function handleNumberString(val) {
   if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(val)) {
     return '';
@@ -31449,6 +31486,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() {
@@ -31536,6 +31579,13 @@ var handleNumberString = function handleNumberString(val) {
     prefixConfig: Object,
     suffixIcon: String,
     suffixConfig: Object,
+    showTooltip: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().numberInput.showTooltip;
+      }
+    },
+    tooltipConfig: Object,
     // 已废弃
     controls: {
       type: Boolean,
@@ -31632,6 +31682,11 @@ var handleNumberString = function handleNumberString(val) {
       var props = $xeNumberInput;
       return Object.assign({}, getConfig().numberInput.suffixConfig, props.suffixConfig);
     },
+    computeTooltipOpts: function computeTooltipOpts() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      return Object.assign({}, getConfig().numberInput.tooltipConfig, props.tooltipConfig);
+    },
     computeDecimalsType: function computeDecimalsType() {
       var $xeNumberInput = this;
       var props = $xeNumberInput;
@@ -31963,6 +32018,9 @@ var handleNumberString = function handleNumberString(val) {
       $xeNumberInput.dispatchEvent('lazy-change', {
         value: value
       }, evnt);
+      $xeNumberInput.$nextTick(function () {
+        $xeNumberInput.handleShowTip();
+      });
     },
     clickSuffixEvent: function clickSuffixEvent(evnt) {
       var $xeNumberInput = this;
@@ -32120,6 +32178,14 @@ 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;
+      $xeNumberInput.handleHideTip();
+    },
     // 数值
     numberChange: function numberChange(isPlus, evnt) {
       var $xeNumberInput = this;
@@ -32152,6 +32218,7 @@ var handleNumberString = function handleNumberString(val) {
         $xeNumberInput.numberChange(true, evnt);
       }
       reactData.isActivated = true;
+      $xeNumberInput.handleShowTip();
       $xeNumberInput.dispatchEvent('plus-number', {
         value: reactData.inputValue
       }, evnt);
@@ -32173,6 +32240,7 @@ var handleNumberString = function handleNumberString(val) {
         $xeNumberInput.numberChange(false, evnt);
       }
       reactData.isActivated = true;
+      $xeNumberInput.handleShowTip();
       $xeNumberInput.dispatchEvent('minus-number', {
         value: reactData.inputValue
       }, evnt);
@@ -32197,6 +32265,48 @@ var handleNumberString = function handleNumberString(val) {
         }
       }
     },
+    handleShowTip: function handleShowTip() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      var reactData = $xeNumberInput.reactData;
+      var type = props.type,
+        showTooltip = props.showTooltip;
+      var inputValue = reactData.inputValue;
+      if (showTooltip) {
+        if (VxeUI.tooltip) {
+          var numLabel = $xeNumberInput.computeNumLabel;
+          var tooltipOpts = $xeNumberInput.computeTooltipOpts;
+          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
+          }) : numLabel);
+          if (content) {
+            VxeUI.tooltip.open(inputElem, Object.assign({}, _objectSpread2(_objectSpread2({}, tooltipOpts), {}, {
+              content: content
+            }), {
+              contentMethod: undefined
+            }));
+          } else {
+            VxeUI.tooltip.close();
+          }
+        }
+      }
+    },
+    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;
@@ -32231,6 +32341,7 @@ var handleNumberString = function handleNumberString(val) {
     },
     keyupEvent: function keyupEvent(evnt) {
       var $xeNumberInput = this;
+      $xeNumberInput.handleShowTip();
       $xeNumberInput.triggerEvent(evnt);
     },
     // 数值
@@ -32337,6 +32448,7 @@ var handleNumberString = function handleNumberString(val) {
     },
     clickEvent: function clickEvent(evnt) {
       var $xeNumberInput = this;
+      $xeNumberInput.handleShowTip();
       $xeNumberInput.triggerEvent(evnt);
     },
     // 全局事件
@@ -32358,6 +32470,7 @@ var handleNumberString = function handleNumberString(val) {
             $xeNumberInput.handleChange(value, handleNumberString(inputValue), evnt);
           }
           $xeNumberInput.afterCheckValue();
+          $xeNumberInput.handleHideTip();
         }
       }
     },
@@ -32577,7 +32690,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;
@@ -32600,9 +32715,13 @@ 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)]);
     }
@@ -32635,6 +32754,12 @@ var handleNumberString = function handleNumberString(val) {
   },
   mounted: function mounted() {
     var $xeNumberInput = this;
+    var props = $xeNumberInput;
+    if (props.showTooltip) {
+      if (!VxeUI.tooltip) {
+        number_input_errLog('vxe.error.reqComp', ['vxe-tooltip']);
+      }
+    }
     var targetElem = $xeNumberInput.$refs.refInputTarget;
     if (targetElem) {
       targetElem.addEventListener('wheel', $xeNumberInput.wheelEvent, {
@@ -54110,6 +54235,12 @@ var Pager = VxePager;
         return getConfig().passwordInput.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().passwordInput.floatAlign;
+      }
+    },
     autoComplete: {
       type: String,
       default: 'off'
@@ -54538,9 +54669,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: {