vxe-pc-ui 3.17.25 → 3.17.26

package/lib/number-input/src/number-input.js

@@ -70,6 +70,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().numberInput.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().numberInput.floatAlign;
+      }
+    },
     maxLength: {
       type: [String, Number],
       default: function _default() {
@@ -572,7 +578,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         reactData.inputValue = (0, _utils.eqEmptyValue)(inputValue) ? '' : "".concat(_xeUtils.default.toNumber(inputValue));
         reactData.isFocus = true;
         reactData.isActivated = true;
-        $xeNumberInput.handleShowTip();
         $xeNumberInput.triggerEvent(evnt);
       }
     },
@@ -757,15 +762,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $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 (_ui.VxeUI.tooltip) {
-          _ui.VxeUI.tooltip.close();
-        }
-      }
+      $xeNumberInput.handleHideTip();
     },
     // 数值
     numberChange: function numberChange(isPlus, evnt) {
@@ -850,7 +853,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       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 (_ui.VxeUI.tooltip) {
@@ -859,6 +863,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           var contentMethod = tooltipOpts.contentMethod;
           var inputElem = $xeNumberInput.$refs.refInputTarget;
           var content = (0, _utils.getText)(contentMethod ? contentMethod({
+            $mumberInput: $xeNumberInput,
+            type: type,
             inputValue: inputElem.value,
             value: inputValue || '',
             label: numLabel
@@ -875,6 +881,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
       }
     },
+    handleHideTip: function handleHideTip() {
+      var $xeNumberInput = this;
+      var props = $xeNumberInput;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (_ui.VxeUI.tooltip) {
+          _ui.VxeUI.tooltip.close();
+        }
+      }
+    },
     keydownEvent: function keydownEvent(evnt) {
       var $xeNumberInput = this;
       var props = $xeNumberInput;
@@ -1038,6 +1054,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             $xeNumberInput.handleChange(value, handleNumberString(inputValue), evnt);
           }
           $xeNumberInput.afterCheckValue();
+          $xeNumberInput.handleHideTip();
         }
       }
     },
@@ -1257,7 +1274,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         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;
@@ -1280,11 +1299,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var isControls = (0, _utils.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 === '' || _xeUtils.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 === '' || _xeUtils.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)]);

package/lib/number-input/src/number-input.min.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,u=Array(t);n<t;n++)u[n]=e[n];return u}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var u,i,r,a,o=[],l=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(u=r.call(n)).done)&&(o.push(u.value),o.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _createComponentLog=(0,_log.createComponentLog)("number-input"),errLog=_createComponentLog.errLog,handleNumberString=function(e){return _xeUtils.default.eqNull(e)?"":"".concat(e)},_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNumberInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,floatContent:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.floatContent}},maxLength:{type:[String,Number],default:function(){return(0,_ui.getConfig)().numberInput.maxLength}},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,inputClassName:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.inputClassName}},size:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size}},min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.exponential}},negative:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.negative}},showCurrency:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.showCurrency}},currencySymbol:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.currencySymbol}},controlConfig:Object,roundingMode:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.roundingMode}},digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.autoFill}},editable:{type:Boolean,default:!0},plusIcon:String,minusIcon:String,prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,showTooltip:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.showTooltip}},tooltipConfig:Object,controls:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isFocus:!1,isActivated:!1,inputValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDigitsValue:function(){var e=this.type,t=this.digits;return null===t&&null===(t=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(t=2),_xeUtils.default.toInteger(t)||1},computeControlOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.controlConfig,this.controlConfig)},computePrefixOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.prefixConfig,this.prefixConfig)},computeSuffixOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.suffixConfig,this.suffixConfig)},computeTooltipOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.tooltipConfig,this.tooltipConfig)},computeDecimalsType:function(){var e=this.type;return"float"===e||"amount"===e},computeStepValue:function(){var e=this.type,t=this.computeDigitsValue,n=this.computeDecimalsType,u=this.step;return"integer"===e?_xeUtils.default.toInteger(u)||1:n?_xeUtils.default.toNumber(u)||1/Math.pow(10,t):_xeUtils.default.toNumber(u)||1},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.editable;return this.computeFormReadonly||!e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeInpMaxLength:function(){var e=this,t=e.type,n=e.maxLength,u=e.maxlength,i=e.min,e=e.max,r=this.computeDigitsValue;return(0,_utils.eqEmptyValue)(i)||(0,_utils.eqEmptyValue)(e)?n||u?_xeUtils.default.toNumber(n||u):16:"".concat(e).length+("integer"===t?0:r+1)+(0<=_xeUtils.default.toNumber(i)?0:1)},computeInpImmediate:function(){return this.immediate},computeNumValue:function(){var e=this.reactData,t=this.type,e=e.inputValue;return"integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(e)):_xeUtils.default.toNumber((0,_util.handleNumber)(e))},computeNumLabel:function(){var e=this,t=this.reactData,n=e.type,u=e.roundingMode,i=e.showCurrency,r=e.currencySymbol,e=e.autoFill,t=t.inputValue,a=this.computeDigitsValue;return"amount"===n?(n=_xeUtils.default.toNumber(t),a={digits:a},"floor"===u?a.floor=!0:"ceil"===u?a.ceil=!0:a.round=!0,u=_xeUtils.default.commafy(n,a),!e&&(a=(n=_slicedToArray(u.split("."),2))[0],e=n[1])&&(u=(n=e.replace(/0+$/,""))?[a,".",n].join(""):a),i?"".concat(r||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"").concat(u):u):_xeUtils.default.toString(t)},computeIsDisabledSubtractNumber:function(){var e=this.reactData,t=this.min,e=e.inputValue,n=this.computeNumValue;return!(!e&&0!==e||null===t)&&n<=_xeUtils.default.toNumber(t)},computeIsDisabledAddNumber:function(){var e=this.reactData,t=this.max,e=e.inputValue,n=this.computeNumValue;return!(!e&&0!==e||null===t)&&n>=_xeUtils.default.toNumber(t)},computeInpClassNamevalue:function(){var e=this.inputClassName;return"vxe-number-input--input"+(e?" "+e:"")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$numberInput:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},focus:function(){var e,t=this.reactData;return this.computeInputReadonly||(e=this.$refs.refInputTarget,t.isActivated=!0,e.focus()),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},getNumberValue:function(e){var t=this.type,n=this.exponential,u=this.roundingMode,i=this.autoFill,r=this.computeInpMaxLength,a=this.computeDigitsValue,o="";return this.computeDecimalsType?(o=(0,_util.toFloatValueFixed)(e,t,a,u),i||(o=handleNumberString(_xeUtils.default.toNumber(o)))):o=handleNumberString(e),!n||e!==o&&handleNumberString(e).toLowerCase()!==_xeUtils.default.toNumber(o).toExponential()?o.slice(0,r):e},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t,n){var u=this,i=u,r=u.reactData,a=u.internalData,o=u.$xeForm,l=u.formItemInfo,e=(0,_utils.eqEmptyValue)(e)?null:Number(e),i=e!==i.value;i&&(a.isUM=!0,u.emitModel(e)),r.inputValue!==t&&u.$nextTick(function(){r.inputValue=t||""}),u.dispatchEvent("input",{value:e},n),i&&(u.dispatchEvent("change",{value:e},n),o)&&l&&o.triggerItemEvent(n,l.itemConfig.field,e)},emitInputEvent:function(e,t){var n=this,u=n.reactData,i=n.$xeForm,r=n.formItemInfo,a=n.computeInpImmediate,o=e===(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);u.inputValue=e,a?n.handleChange(o,e,t):(n.dispatchEvent("input",{value:o},t),i&&r&&i.triggerItemEvent(t,r.itemConfig.field,o))},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},changeEvent:function(e){var t=this.reactData;this.computeInpImmediate||this.triggerEvent(e),this.dispatchEvent("lazy-change",{value:t.inputValue},e)},focusEvent:function(e){var t,n=this.reactData;this.computeInputReadonly||(t=n.inputValue,n.inputValue=(0,_utils.eqEmptyValue)(t)?"":"".concat(_xeUtils.default.toNumber(t)),n.isFocus=!0,n.isActivated=!0,this.handleShowTip(),this.triggerEvent(e))},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},clearValueEvent:function(e,t){var n=this;n.focus(),n.handleChange(null,"",e),n.dispatchEvent("clear",{value:t},e),n.dispatchEvent("lazy-change",{value:t},e),n.$nextTick(function(){n.handleShowTip()})},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},updateModel:function(e){var t,n=this.reactData,u=this.type,i=this.roundingMode,r=this.autoFill,a=n.inputValue,o=this.computeDigitsValue,l=this.computeDecimalsType;(0,_utils.eqEmptyValue)(e)?n.inputValue="":(t=""+e,l&&(t=(0,_util.toFloatValueFixed)(e,u,o,i),r||(t=""+_xeUtils.default.toNumber(t))),t!==a&&(n.inputValue=t))},initValue:function(){var e,t,n=this,u=n.reactData,i=n.type,r=n.autoFill,a=u.inputValue;n.computeDecimalsType&&a&&(e="",t=null,a&&(e=(0,_util.toFloatValueFixed)(a,i,n.computeDigitsValue,n.roundingMode),t=_xeUtils.default.toNumber(e),r||(e="".concat(t))),a!==t?n.handleChange(t,e,{type:"init"}):u.inputValue=e)},validMaxNum:function(e){return null===this.max||""===this.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(this.max)},validMinNum:function(e){return null===this.min||""===this.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(this.min)},afterCheckValue:function(){var e,t=this,n=t.reactData,u=t.type,i=t.min,r=t.max,a=t.negative,o=t.exponential,l=t.clearable,n=n.inputValue;if(!t.computeInputReadonly){if((0,_utils.eqEmptyValue)(n))return l?void t.handleChange(null,"",{type:"check"}):(l=null,e=n,!i&&0!==i||(l=_xeUtils.default.toNumber(i),e="".concat(l)),void t.handleChange(l,"".concat(e||""),{type:"check"}));(n||i||r)&&(l="integer"===u?_xeUtils.default.toInteger((0,_util.handleNumber)(n)):_xeUtils.default.toNumber((0,_util.handleNumber)(n)),t.validMinNum(l)?t.validMaxNum(l)||(l=r):l=i,a||(l=Math.abs(l)),o&&(e=handleNumberString(n).toLowerCase())===_xeUtils.default.toNumber(l).toExponential()&&(l=e),u=t.getNumberValue(l),t.handleChange((0,_utils.eqEmptyValue)(u)?null:Number(u),u,{type:"check"}))}},blurEvent:function(e){var t=this,n=t.reactData,u=t.$xeForm,i=t.formItemInfo,r=n.inputValue,a=t.computeInpImmediate,o=r?Number(r):null;a||t.handleChange(o,handleNumberString(r),e),t.afterCheckValue(),n.isFocus=!1,n.isActivated=!1,t.dispatchEvent("blur",{value:o},e),u&&i&&u.triggerItemEvent(e,i.itemConfig.field,o)},mouseleaveEvent:function(){this.showTooltip&&_ui.VxeUI.tooltip&&_ui.VxeUI.tooltip.close()},numberChange:function(e,t){var n=this,u=n.reactData,i=n.min,r=n.max,u=u.inputValue,a=n.computeStepValue,u="integer"===n.type?_xeUtils.default.toInteger((0,_util.handleNumber)(u)):_xeUtils.default.toNumber((0,_util.handleNumber)(u)),e=e?_xeUtils.default.add(u,a):_xeUtils.default.subtract(u,a),u=n.validMinNum(e)?n.validMaxNum(e)?e:r:i;n.emitInputEvent(n.getNumberValue(u),t)},numberPlusEvent:function(e){var t=this,n=t.reactData;t.computeIsDisabled||t.computeFormReadonly||t.computeIsDisabledAddNumber||t.numberChange(!0,e),n.isActivated=!0,t.handleShowTip(),t.dispatchEvent("plus-number",{value:n.inputValue},e),t.dispatchEvent("lazy-change",{value:n.inputValue},e),t.dispatchEvent("next-number",{value:n.inputValue},e)},numberMinusEvent:function(e){var t=this,n=t.reactData;t.computeIsDisabled||t.computeFormReadonly||t.computeIsDisabledSubtractNumber||t.numberChange(!1,e),n.isActivated=!0,t.handleShowTip(),t.dispatchEvent("minus-number",{value:n.inputValue},e),t.dispatchEvent("lazy-change",{value:n.inputValue},e),t.dispatchEvent("prev-number",{value:n.inputValue},e)},numberKeydownEvent:function(e){var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||n)&&(e.preventDefault(),t?this.numberPlusEvent(e):this.numberMinusEvent(e))},handleShowTip:function(){var e,t,n=this,u=n.reactData,i=n.showTooltip,u=u.inputValue;i&&_ui.VxeUI.tooltip&&(i=n.computeNumLabel,t=(e=n.computeTooltipOpts).contentMethod,n=n.$refs.refInputTarget,(t=(0,_utils.getText)(t?t({inputValue:n.value,value:u||"",label:i}):i))?_ui.VxeUI.tooltip.open(n,Object.assign({},Object.assign(Object.assign({},e),{content:t}),{contentMethod:void 0})):_ui.VxeUI.tooltip.close())},keydownEvent:function(e){var t=this,n=t.type,u=t.negative,i=t.exponential,r=t.controls,a=t.computeControlOpts,o=a.isArrow,l=t.computeInputReadonly,s=(0,_dom.hasControlKey)(e),c=e.shiftKey,p=e.altKey,m=e.key,f=e.keyCode,d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),h=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);s||c||p||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!u&&"-"===m||"integer"===n&&"."===m||(!i||69!==f)&&65<=f&&f<=90||186<=f&&f<=188||191<=f)&&e.preventDefault(),d?t.afterCheckValue():(h||v)&&(0,_utils.isEnableConf)(a)&&(!1===r?r:o)&&!l&&t.numberKeydownEvent(e),t.triggerEvent(e)},keyupEvent:function(e){this.handleShowTip(),this.triggerEvent(e)},stopDown:function(){var e=this.internalData,t=e.dnTimeout;t&&(clearTimeout(t),e.dnTimeout=void 0)},stopAutoIncrement:function(){var e=this.internalData,t=e.ainTimeout;t&&(clearTimeout(t),e.ainTimeout=void 0)},numberDownMinusEvent:function(e){var t=this,n=t.internalData;t.numberStopAll(),n.ainTimeout=setTimeout(function(){t.numberMinusEvent(e),t.numberDownMinusEvent(e)},60)},numberDownPlusEvent:function(e){var t=this,n=t.internalData;t.numberStopAll(),n.ainTimeout=setTimeout(function(){t.numberPlusEvent(e),t.numberDownPlusEvent(e)},60)},numberStopAll:function(){this.stopDown(),this.stopAutoIncrement()},numberClickEvent:function(e){var t=this.internalData;t.isMouseDown?t.isMouseDown=!1:(this.numberStopAll(),(0,_dom.hasClass)(e.currentTarget,"is--plus")?this.numberPlusEvent(e):this.numberMinusEvent(e))},numberMousedownEvent:function(e){var t,n=this,u=n.internalData;n.numberStopAll(),u.isMouseDown=!0,0===e.button&&((t=(0,_dom.hasClass)(e.currentTarget,"is--plus"))?n.numberPlusEvent(e):n.numberMinusEvent(e),u.dnTimeout=setTimeout(function(){t?n.numberDownPlusEvent(e):n.numberDownMinusEvent(e)},500))},wheelEvent:function(e){var t=this,n=t.reactData,u=t.controls,i=t.computeControlOpts,r=i.isWheel,a=t.computeInputReadonly;(0,_utils.isEnableConf)(i)&&(!1===u?u:r)&&!a&&n.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(i=e.deltaY)?t.numberMinusEvent(e):i<0&&t.numberPlusEvent(e)),t.triggerEvent(e)},clickEvent:function(e){this.handleShowTip(),this.triggerEvent(e)},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,u=n.isActivated,i=t.$refs.refElem,r=t.$refs.refInputPanel,a=t.computeInpImmediate;t.computeIsDisabled||t.computeInputReadonly||!u||(n.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,r).flag,n.isActivated)||(a||(i=(u=n.inputValue)?Number(u):null,t.handleChange(i,handleNumberString(u),e)),t.afterCheckValue())},handleGlobalKeydownEvent:function(e){var t,n,u,i=this,r=i.reactData,a=i.clearable;i.computeIsDisabled||i.computeInputReadonly||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),u=r.isActivated,t&&(u&&i.afterCheckValue(),r.isActivated=u=!1),n&&a&&u&&i.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.reactData.isActivated&&this.afterCheckValue()},renderPrefixIcon:function(e){var t=this,n=t.$scopedSlots,u=t.prefixIcon,i=t.computePrefixOpts,n=n.prefix,u=u||i.icon,i=i.content;return n||u||i?e("div",{class:"vxe-number-input--prefix",on:{click:t.clickPrefixEvent}},[e("div",{class:"vxe-number-input--prefix-icon"},n?(0,_vn.getSlotVNs)(n({})):[u?e("i",{class:u}):(0,_ui.renderEmptyElement)(t),i?e("span",{class:"vxe-prefix-input--suffix-text"},"".concat(i)):(0,_ui.renderEmptyElement)(t)])]):(0,_ui.renderEmptyElement)(t)},renderSuffixIcon:function(e){var t=this,n=t.reactData,u=t.suffixIcon,n=n.inputValue,i=t.$scopedSlots.suffix,r=t.computeSuffixOpts,a=t.computeIsClearable,u=u||r.icon,r=r.content;return e("div",{class:["vxe-number-input--suffix",{"is--clear":a&&!t.computeIsDisabled&&!(""===n||_xeUtils.default.eqNull(n))}]},[a?e("div",{class:"vxe-number-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),i||u||r?e("div",{class:"vxe-number-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[u?e("i",{class:u}):(0,_ui.renderEmptyElement)(t),r?e("span",{class:"vxe-number-input--suffix-text"},"".concat(r)):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderInput:function(e){var t=this,n=t.reactData,u=t.type,i=t.name,r=t.autocomplete,a=t.autoComplete,o=n.inputValue,n=n.isFocus,l=t.computeIsDisabled,s=t.computeNumLabel,c=t.computeInputReadonly,p=t.computeInpMaxLength,m=t.computeInpPlaceholder,f=t.computeInpClassNamevalue;return e("div",{key:"ni",class:"vxe-number-input--input-wrapper"},[t.renderPrefixIcon(e),e("div",{class:"vxe-number-input--input-inner"},[e("input",{ref:"refInputTarget",class:f,domProps:{value:n||"amount"!==u?o:s},attrs:{name:i,type:"text",placeholder:m,maxlength:p,readonly:c,disabled:l,autocomplete:a||r},on:{keydown:t.keydownEvent,keyup:t.keyupEvent,click:t.clickEvent,input:t.inputEvent,change:t.changeEvent,focus:t.focusEvent,blur:t.blurEvent}})]),t.renderSuffixIcon(e)])},renderMinusBtn:function(e){var t=this,n=t.minusIcon;return e("button",{key:"prev",class:["vxe-number-input--minus-btn is--minus",{"is--disabled":t.computeIsDisabledSubtractNumber}],attrs:{type:"button"},on:{click:t.numberClickEvent,mousedown:t.numberMousedownEvent,mouseup:t.numberStopAll,mouseleave:t.numberStopAll}},[e("i",{class:n||(0,_ui.getIcon)().NUMBER_INPUT_MINUS_NUM})])},renderPlusBtn:function(e){var t=this,n=t.plusIcon;return e("button",{key:"next",class:["vxe-number-input--plus-btn is--plus",{"is--disabled":t.computeIsDisabledAddNumber}],attrs:{type:"button"},on:{click:t.numberClickEvent,mousedown:t.numberMousedownEvent,mouseup:t.numberStopAll,mouseleave:t.numberStopAll}},[e("i",{class:n||(0,_ui.getIcon)().NUMBER_INPUT_PLUS_NUM})])},renderSideControl:function(e){return e("div",{key:"cplr",class:"vxe-number-input--side-control"},[this.renderPlusBtn(e),this.renderMinusBtn(e)])},renderFloat:function(e){var t=this.$scopedSlots,n=this.floatContent,t=t.float;return n||t?e("span",{class:"vxe-number-input--float-wrapper"},t?t({}):(0,_utils.getText)(n)):(0,_ui.renderEmptyElement)(this)},renderVN:function(e){var t,n=this,u=n.reactData,i=n.$scopedSlots,r=n.className,a=n.controls,o=n.type,l=n.align,s=n.prefixIcon,c=n.suffixIcon,p=u.inputValue,u=u.isActivated,m=n.computeSize,f=n.computeControlOpts,d=f.layout,h=f.showButton,v=n.computeIsDisabled,b=n.computeNumLabel,g=i.prefix,i=i.suffix;return n.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-number-input--readonly","type--".concat(o),r]},b):(b=n.computeInputReadonly,t=n.computeIsClearable,f=(0,_utils.isEnableConf)(f)&&(!1===a?a:h),e("div",{ref:"refElem",class:["vxe-number-input","type--".concat(o),f?"ctl--".concat("right"===d||"left"===d?d:"default"):"",r,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--".concat(l),l),"is--controls",f&&!b),"is--prefix",!!g||s),"is--suffix",!!i||c),"is--disabled",v),"is--active",u),"show--clear",t&&!v&&!(""===p||_xeUtils.default.eqNull(p)))],attrs:{spellcheck:!1},on:{mouseleave:n.mouseleaveEvent}},f?"right"===d?[n.renderInput(e),n.renderSideControl(e),n.renderFloat(e)]:"left"===d?[n.renderSideControl(e),n.renderInput(e),n.renderFloat(e)]:[n.renderMinusBtn(e),n.renderInput(e),n.renderPlusBtn(e),n.renderFloat(e)]:[n.renderInput(e),n.renderFloat(e)]))}},watch:{value:function(e){var t=this.internalData;t.isUM||this.updateModel(e),t.isUM=!1},type:function(){var e=this.reactData;Object.assign(e,{inputValue:this.value}),this.initValue()}},created:function(){this.updateModel(this.value),this.initValue()},mounted:function(){var e=this,t=(!e.showTooltip||_ui.VxeUI.tooltip||errLog("vxe.error.reqComp",["vxe-tooltip"]),e.$refs.refInputTarget);t&&t.addEventListener("wheel",e.wheelEvent,{passive:!1}),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=(e.reactData.isFocus=!1,e.numberStopAll(),e.afterCheckValue(),e.$refs.refInputTarget);t&&t.removeEventListener("wheel",e.wheelEvent),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,u,r,a,o=[],l=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(o.push(i.value),o.length!==t);l=!0);}catch(e){s=!0,u=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw u}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _createComponentLog=(0,_log.createComponentLog)("number-input"),errLog=_createComponentLog.errLog,handleNumberString=function(e){return _xeUtils.default.eqNull(e)?"":"".concat(e)},_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNumberInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,floatContent:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.floatContent}},floatAlign:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.floatAlign}},maxLength:{type:[String,Number],default:function(){return(0,_ui.getConfig)().numberInput.maxLength}},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,inputClassName:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.inputClassName}},size:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size}},min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.exponential}},negative:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.negative}},showCurrency:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.showCurrency}},currencySymbol:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.currencySymbol}},controlConfig:Object,roundingMode:{type:String,default:function(){return(0,_ui.getConfig)().numberInput.roundingMode}},digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.autoFill}},editable:{type:Boolean,default:!0},plusIcon:String,minusIcon:String,prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,showTooltip:{type:Boolean,default:function(){return(0,_ui.getConfig)().numberInput.showTooltip}},tooltipConfig:Object,controls:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isFocus:!1,isActivated:!1,inputValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDigitsValue:function(){var e=this.type,t=this.digits;return null===t&&null===(t=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(t=2),_xeUtils.default.toInteger(t)||1},computeControlOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.controlConfig,this.controlConfig)},computePrefixOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.prefixConfig,this.prefixConfig)},computeSuffixOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.suffixConfig,this.suffixConfig)},computeTooltipOpts:function(){return Object.assign({},(0,_ui.getConfig)().numberInput.tooltipConfig,this.tooltipConfig)},computeDecimalsType:function(){var e=this.type;return"float"===e||"amount"===e},computeStepValue:function(){var e=this.type,t=this.computeDigitsValue,n=this.computeDecimalsType,i=this.step;return"integer"===e?_xeUtils.default.toInteger(i)||1:n?_xeUtils.default.toNumber(i)||1/Math.pow(10,t):_xeUtils.default.toNumber(i)||1},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.editable;return this.computeFormReadonly||!e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeInpMaxLength:function(){var e=this,t=e.type,n=e.maxLength,i=e.maxlength,u=e.min,e=e.max,r=this.computeDigitsValue;return(0,_utils.eqEmptyValue)(u)||(0,_utils.eqEmptyValue)(e)?n||i?_xeUtils.default.toNumber(n||i):16:"".concat(e).length+("integer"===t?0:r+1)+(0<=_xeUtils.default.toNumber(u)?0:1)},computeInpImmediate:function(){return this.immediate},computeNumValue:function(){var e=this.reactData,t=this.type,e=e.inputValue;return"integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(e)):_xeUtils.default.toNumber((0,_util.handleNumber)(e))},computeNumLabel:function(){var e=this,t=this.reactData,n=e.type,i=e.roundingMode,u=e.showCurrency,r=e.currencySymbol,e=e.autoFill,t=t.inputValue,a=this.computeDigitsValue;return"amount"===n?(n=_xeUtils.default.toNumber(t),a={digits:a},"floor"===i?a.floor=!0:"ceil"===i?a.ceil=!0:a.round=!0,i=_xeUtils.default.commafy(n,a),!e&&(a=(n=_slicedToArray(i.split("."),2))[0],e=n[1])&&(i=(n=e.replace(/0+$/,""))?[a,".",n].join(""):a),u?"".concat(r||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"").concat(i):i):_xeUtils.default.toString(t)},computeIsDisabledSubtractNumber:function(){var e=this.reactData,t=this.min,e=e.inputValue,n=this.computeNumValue;return!(!e&&0!==e||null===t)&&n<=_xeUtils.default.toNumber(t)},computeIsDisabledAddNumber:function(){var e=this.reactData,t=this.max,e=e.inputValue,n=this.computeNumValue;return!(!e&&0!==e||null===t)&&n>=_xeUtils.default.toNumber(t)},computeInpClassNamevalue:function(){var e=this.inputClassName;return"vxe-number-input--input"+(e?" "+e:"")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$numberInput:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},focus:function(){var e,t=this.reactData;return this.computeInputReadonly||(e=this.$refs.refInputTarget,t.isActivated=!0,e.focus()),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},getNumberValue:function(e){var t=this.type,n=this.exponential,i=this.roundingMode,u=this.autoFill,r=this.computeInpMaxLength,a=this.computeDigitsValue,o="";return this.computeDecimalsType?(o=(0,_util.toFloatValueFixed)(e,t,a,i),u||(o=handleNumberString(_xeUtils.default.toNumber(o)))):o=handleNumberString(e),!n||e!==o&&handleNumberString(e).toLowerCase()!==_xeUtils.default.toNumber(o).toExponential()?o.slice(0,r):e},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t,n){var i=this,u=i,r=i.reactData,a=i.internalData,o=i.$xeForm,l=i.formItemInfo,e=(0,_utils.eqEmptyValue)(e)?null:Number(e),u=e!==u.value;u&&(a.isUM=!0,i.emitModel(e)),r.inputValue!==t&&i.$nextTick(function(){r.inputValue=t||""}),i.dispatchEvent("input",{value:e},n),u&&(i.dispatchEvent("change",{value:e},n),o)&&l&&o.triggerItemEvent(n,l.itemConfig.field,e)},emitInputEvent:function(e,t){var n=this,i=n.reactData,u=n.$xeForm,r=n.formItemInfo,a=n.computeInpImmediate,o=e===(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);i.inputValue=e,a?n.handleChange(o,e,t):(n.dispatchEvent("input",{value:o},t),u&&r&&u.triggerItemEvent(t,r.itemConfig.field,o))},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},changeEvent:function(e){var t=this.reactData;this.computeInpImmediate||this.triggerEvent(e),this.dispatchEvent("lazy-change",{value:t.inputValue},e)},focusEvent:function(e){var t,n=this.reactData;this.computeInputReadonly||(t=n.inputValue,n.inputValue=(0,_utils.eqEmptyValue)(t)?"":"".concat(_xeUtils.default.toNumber(t)),n.isFocus=!0,n.isActivated=!0,this.triggerEvent(e))},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},clearValueEvent:function(e,t){var n=this;n.focus(),n.handleChange(null,"",e),n.dispatchEvent("clear",{value:t},e),n.dispatchEvent("lazy-change",{value:t},e),n.$nextTick(function(){n.handleShowTip()})},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},updateModel:function(e){var t,n=this.reactData,i=this.type,u=this.roundingMode,r=this.autoFill,a=n.inputValue,o=this.computeDigitsValue,l=this.computeDecimalsType;(0,_utils.eqEmptyValue)(e)?n.inputValue="":(t=""+e,l&&(t=(0,_util.toFloatValueFixed)(e,i,o,u),r||(t=""+_xeUtils.default.toNumber(t))),t!==a&&(n.inputValue=t))},initValue:function(){var e,t,n=this,i=n.reactData,u=n.type,r=n.autoFill,a=i.inputValue;n.computeDecimalsType&&a&&(e="",t=null,a&&(e=(0,_util.toFloatValueFixed)(a,u,n.computeDigitsValue,n.roundingMode),t=_xeUtils.default.toNumber(e),r||(e="".concat(t))),a!==t?n.handleChange(t,e,{type:"init"}):i.inputValue=e)},validMaxNum:function(e){return null===this.max||""===this.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(this.max)},validMinNum:function(e){return null===this.min||""===this.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(this.min)},afterCheckValue:function(){var e,t=this,n=t.reactData,i=t.type,u=t.min,r=t.max,a=t.negative,o=t.exponential,l=t.clearable,n=n.inputValue;if(!t.computeInputReadonly){if((0,_utils.eqEmptyValue)(n))return l?void t.handleChange(null,"",{type:"check"}):(l=null,e=n,!u&&0!==u||(l=_xeUtils.default.toNumber(u),e="".concat(l)),void t.handleChange(l,"".concat(e||""),{type:"check"}));(n||u||r)&&(l="integer"===i?_xeUtils.default.toInteger((0,_util.handleNumber)(n)):_xeUtils.default.toNumber((0,_util.handleNumber)(n)),t.validMinNum(l)?t.validMaxNum(l)||(l=r):l=u,a||(l=Math.abs(l)),o&&(e=handleNumberString(n).toLowerCase())===_xeUtils.default.toNumber(l).toExponential()&&(l=e),i=t.getNumberValue(l),t.handleChange((0,_utils.eqEmptyValue)(i)?null:Number(i),i,{type:"check"}))}},blurEvent:function(e){var t=this,n=t.reactData,i=t.$xeForm,u=t.formItemInfo,r=n.inputValue,a=t.computeInpImmediate,o=r?Number(r):null;a||t.handleChange(o,handleNumberString(r),e),t.afterCheckValue(),n.isFocus=!1,n.isActivated=!1,t.dispatchEvent("blur",{value:o},e),i&&u&&i.triggerItemEvent(e,u.itemConfig.field,o)},mouseenterEvent:function(){this.handleShowTip()},mouseleaveEvent:function(){this.handleHideTip()},numberChange:function(e,t){var n=this,i=n.reactData,u=n.min,r=n.max,i=i.inputValue,a=n.computeStepValue,i="integer"===n.type?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),e=e?_xeUtils.default.add(i,a):_xeUtils.default.subtract(i,a),i=n.validMinNum(e)?n.validMaxNum(e)?e:r:u;n.emitInputEvent(n.getNumberValue(i),t)},numberPlusEvent:function(e){var t=this,n=t.reactData;t.computeIsDisabled||t.computeFormReadonly||t.computeIsDisabledAddNumber||t.numberChange(!0,e),n.isActivated=!0,t.handleShowTip(),t.dispatchEvent("plus-number",{value:n.inputValue},e),t.dispatchEvent("lazy-change",{value:n.inputValue},e),t.dispatchEvent("next-number",{value:n.inputValue},e)},numberMinusEvent:function(e){var t=this,n=t.reactData;t.computeIsDisabled||t.computeFormReadonly||t.computeIsDisabledSubtractNumber||t.numberChange(!1,e),n.isActivated=!0,t.handleShowTip(),t.dispatchEvent("minus-number",{value:n.inputValue},e),t.dispatchEvent("lazy-change",{value:n.inputValue},e),t.dispatchEvent("prev-number",{value:n.inputValue},e)},numberKeydownEvent:function(e){var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||n)&&(e.preventDefault(),t?this.numberPlusEvent(e):this.numberMinusEvent(e))},handleShowTip:function(){var e,t,n,i,u=this,r=u.reactData,a=u.type,r=r.inputValue;u.showTooltip&&_ui.VxeUI.tooltip&&(e=u.computeNumLabel,i=(t=u.computeTooltipOpts).contentMethod,n=u.$refs.refInputTarget,(i=(0,_utils.getText)(i?i({$mumberInput:u,type:a,inputValue:n.value,value:r||"",label:e}):e))?_ui.VxeUI.tooltip.open(n,Object.assign({},Object.assign(Object.assign({},t),{content:i}),{contentMethod:void 0})):_ui.VxeUI.tooltip.close())},handleHideTip:function(){this.showTooltip&&_ui.VxeUI.tooltip&&_ui.VxeUI.tooltip.close()},keydownEvent:function(e){var t=this,n=t.type,i=t.negative,u=t.exponential,r=t.controls,a=t.computeControlOpts,o=a.isArrow,l=t.computeInputReadonly,s=(0,_dom.hasControlKey)(e),c=e.shiftKey,p=e.altKey,m=e.key,f=e.keyCode,d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),h=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);s||c||p||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!i&&"-"===m||"integer"===n&&"."===m||(!u||69!==f)&&65<=f&&f<=90||186<=f&&f<=188||191<=f)&&e.preventDefault(),d?t.afterCheckValue():(h||v)&&(0,_utils.isEnableConf)(a)&&(!1===r?r:o)&&!l&&t.numberKeydownEvent(e),t.triggerEvent(e)},keyupEvent:function(e){this.handleShowTip(),this.triggerEvent(e)},stopDown:function(){var e=this.internalData,t=e.dnTimeout;t&&(clearTimeout(t),e.dnTimeout=void 0)},stopAutoIncrement:function(){var e=this.internalData,t=e.ainTimeout;t&&(clearTimeout(t),e.ainTimeout=void 0)},numberDownMinusEvent:function(e){var t=this,n=t.internalData;t.numberStopAll(),n.ainTimeout=setTimeout(function(){t.numberMinusEvent(e),t.numberDownMinusEvent(e)},60)},numberDownPlusEvent:function(e){var t=this,n=t.internalData;t.numberStopAll(),n.ainTimeout=setTimeout(function(){t.numberPlusEvent(e),t.numberDownPlusEvent(e)},60)},numberStopAll:function(){this.stopDown(),this.stopAutoIncrement()},numberClickEvent:function(e){var t=this.internalData;t.isMouseDown?t.isMouseDown=!1:(this.numberStopAll(),(0,_dom.hasClass)(e.currentTarget,"is--plus")?this.numberPlusEvent(e):this.numberMinusEvent(e))},numberMousedownEvent:function(e){var t,n=this,i=n.internalData;n.numberStopAll(),i.isMouseDown=!0,0===e.button&&((t=(0,_dom.hasClass)(e.currentTarget,"is--plus"))?n.numberPlusEvent(e):n.numberMinusEvent(e),i.dnTimeout=setTimeout(function(){t?n.numberDownPlusEvent(e):n.numberDownMinusEvent(e)},500))},wheelEvent:function(e){var t=this,n=t.reactData,i=t.controls,u=t.computeControlOpts,r=u.isWheel,a=t.computeInputReadonly;(0,_utils.isEnableConf)(u)&&(!1===i?i:r)&&!a&&n.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(u=e.deltaY)?t.numberMinusEvent(e):u<0&&t.numberPlusEvent(e)),t.triggerEvent(e)},clickEvent:function(e){this.handleShowTip(),this.triggerEvent(e)},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=n.isActivated,u=t.$refs.refElem,r=t.$refs.refInputPanel,a=t.computeInpImmediate;t.computeIsDisabled||t.computeInputReadonly||!i||(n.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,r).flag,n.isActivated)||(a||(u=(i=n.inputValue)?Number(i):null,t.handleChange(u,handleNumberString(i),e)),t.afterCheckValue(),t.handleHideTip())},handleGlobalKeydownEvent:function(e){var t,n,i,u=this,r=u.reactData,a=u.clearable;u.computeIsDisabled||u.computeInputReadonly||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),i=r.isActivated,t&&(i&&u.afterCheckValue(),r.isActivated=i=!1),n&&a&&i&&u.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.reactData.isActivated&&this.afterCheckValue()},renderPrefixIcon:function(e){var t=this,n=t.$scopedSlots,i=t.prefixIcon,u=t.computePrefixOpts,n=n.prefix,i=i||u.icon,u=u.content;return n||i||u?e("div",{class:"vxe-number-input--prefix",on:{click:t.clickPrefixEvent}},[e("div",{class:"vxe-number-input--prefix-icon"},n?(0,_vn.getSlotVNs)(n({})):[i?e("i",{class:i}):(0,_ui.renderEmptyElement)(t),u?e("span",{class:"vxe-prefix-input--suffix-text"},"".concat(u)):(0,_ui.renderEmptyElement)(t)])]):(0,_ui.renderEmptyElement)(t)},renderSuffixIcon:function(e){var t=this,n=t.reactData,i=t.suffixIcon,n=n.inputValue,u=t.$scopedSlots.suffix,r=t.computeSuffixOpts,a=t.computeIsClearable,i=i||r.icon,r=r.content;return e("div",{class:["vxe-number-input--suffix",{"is--clear":a&&!t.computeIsDisabled&&!(""===n||_xeUtils.default.eqNull(n))}]},[a?e("div",{class:"vxe-number-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),u||i||r?e("div",{class:"vxe-number-input--suffix-icon",on:{click:t.clickSuffixEvent}},u?(0,_vn.getSlotVNs)(u({})):[i?e("i",{class:i}):(0,_ui.renderEmptyElement)(t),r?e("span",{class:"vxe-number-input--suffix-text"},"".concat(r)):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])},renderInput:function(e){var t=this,n=t.reactData,i=t.type,u=t.name,r=t.autocomplete,a=t.autoComplete,o=n.inputValue,n=n.isFocus,l=t.computeIsDisabled,s=t.computeNumLabel,c=t.computeInputReadonly,p=t.computeInpMaxLength,m=t.computeInpPlaceholder,f=t.computeInpClassNamevalue;return e("div",{key:"ni",class:"vxe-number-input--input-wrapper"},[t.renderPrefixIcon(e),e("div",{class:"vxe-number-input--input-inner"},[e("input",{ref:"refInputTarget",class:f,domProps:{value:n||"amount"!==i?o:s},attrs:{name:u,type:"text",placeholder:m,maxlength:p,readonly:c,disabled:l,autocomplete:a||r},on:{keydown:t.keydownEvent,keyup:t.keyupEvent,click:t.clickEvent,input:t.inputEvent,change:t.changeEvent,focus:t.focusEvent,blur:t.blurEvent}})]),t.renderSuffixIcon(e)])},renderMinusBtn:function(e){var t=this,n=t.minusIcon;return e("button",{key:"prev",class:["vxe-number-input--minus-btn is--minus",{"is--disabled":t.computeIsDisabledSubtractNumber}],attrs:{type:"button"},on:{click:t.numberClickEvent,mousedown:t.numberMousedownEvent,mouseup:t.numberStopAll,mouseleave:t.numberStopAll}},[e("i",{class:n||(0,_ui.getIcon)().NUMBER_INPUT_MINUS_NUM})])},renderPlusBtn:function(e){var t=this,n=t.plusIcon;return e("button",{key:"next",class:["vxe-number-input--plus-btn is--plus",{"is--disabled":t.computeIsDisabledAddNumber}],attrs:{type:"button"},on:{click:t.numberClickEvent,mousedown:t.numberMousedownEvent,mouseup:t.numberStopAll,mouseleave:t.numberStopAll}},[e("i",{class:n||(0,_ui.getIcon)().NUMBER_INPUT_PLUS_NUM})])},renderSideControl:function(e){return e("div",{key:"cplr",class:"vxe-number-input--side-control"},[this.renderPlusBtn(e),this.renderMinusBtn(e)])},renderFloat:function(e){var t=this.$scopedSlots,n=this.floatContent,t=t.float;return n||t?e("span",{class:"vxe-number-input--float-wrapper"},t?t({}):(0,_utils.getText)(n)):(0,_ui.renderEmptyElement)(this)},renderVN:function(e){var t,n=this,i=n.reactData,u=n.$scopedSlots,r=n.className,a=n.controls,o=n.type,l=n.align,s=n.prefixIcon,c=n.suffixIcon,p=n.floatContent,m=n.floatAlign,f=i.inputValue,i=i.isActivated,d=n.computeSize,h=n.computeControlOpts,v=h.layout,b=h.showButton,g=n.computeIsDisabled,_=n.computeNumLabel,y=u.prefix,u=u.suffix;return n.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-number-input--readonly","type--".concat(o),r]},_):(_=n.computeInputReadonly,t=n.computeIsClearable,h=(0,_utils.isEnableConf)(h)&&(!1===a?a:b),e("div",{ref:"refElem",class:["vxe-number-input","type--".concat(o),h?"ctl--".concat("right"===v||"left"===v?v:"default"):"",p?"fla--".concat(m||"center"):"",r,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(d),d),"is--".concat(l),l),"is--controls",h&&!_),"is--prefix",!!y||s),"is--suffix",!!u||c),"is--disabled",g),"is--active",i),"show--clear",t&&!g&&!(""===f||_xeUtils.default.eqNull(f)))],attrs:{spellcheck:!1},on:{mouseenter:n.mouseenterEvent,mouseleave:n.mouseleaveEvent}},h?"right"===v?[n.renderInput(e),n.renderSideControl(e),n.renderFloat(e)]:"left"===v?[n.renderSideControl(e),n.renderInput(e),n.renderFloat(e)]:[n.renderMinusBtn(e),n.renderInput(e),n.renderPlusBtn(e),n.renderFloat(e)]:[n.renderInput(e),n.renderFloat(e)]))}},watch:{value:function(e){var t=this.internalData;t.isUM||this.updateModel(e),t.isUM=!1},type:function(){var e=this.reactData;Object.assign(e,{inputValue:this.value}),this.initValue()}},created:function(){this.updateModel(this.value),this.initValue()},mounted:function(){var e=this,t=(!e.showTooltip||_ui.VxeUI.tooltip||errLog("vxe.error.reqComp",["vxe-tooltip"]),e.$refs.refInputTarget);t&&t.addEventListener("wheel",e.wheelEvent,{passive:!1}),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=(e.reactData.isFocus=!1,e.numberStopAll(),e.afterCheckValue(),e.$refs.refInputTarget);t&&t.removeEventListener("wheel",e.wheelEvent),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/number-input/style/style.css

@@ -29,8 +29,8 @@
 }
 
 .vxe-number-input--input-inner {
+  position: relative;
   flex-grow: 1;
-  overflow: hidden;
 }
 
 .vxe-number-input--input {
@@ -79,7 +79,6 @@
 .vxe-number-input--input-wrapper {
   display: flex;
   flex-grow: 1;
-  overflow: hidden;
 }
 
 .vxe-number-input.is--disabled {
@@ -165,14 +164,25 @@
 
 .vxe-number-input--float-wrapper {
   position: absolute;
-  left: 1em;
   top: -0.5em;
   line-height: 1;
   padding: 0 0.2em;
+  white-space: nowrap;
   color: var(--vxe-ui-input-placeholder-color);
   background-color: var(--vxe-ui-layout-background-color);
 }
 
+.vxe-number-input.fla--left .vxe-number-input--float-wrapper {
+  left: 1em;
+}
+.vxe-number-input.fla--center .vxe-number-input--float-wrapper {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.vxe-number-input.fla--right .vxe-number-input--float-wrapper {
+  right: 1em;
+}
+
 .vxe-number-input--count {
   flex-shrink: 0;
   color: var(--vxe-ui-input-count-color);

package/lib/number-input/style/style.min.css

@@ -1 +1 @@
-.vxe-number-input{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-default)}.vxe-number-input.size--xlarge{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-number-input.size--large{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-large)}.vxe-number-input.size--medium{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{flex-grow:1;overflow:hidden}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1;overflow:hidden}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--float-wrapper{position:absolute;left:1em;top:-.5em;line-height:1;padding:0 .2em;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.ctl--default>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--left>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--right>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-number-input-current-font-size);height:var(--vxe-ui-number-input-current-height);line-height:var(--vxe-ui-number-input-current-height)}
+.vxe-number-input{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-default)}.vxe-number-input.size--xlarge{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-number-input.size--large{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-large)}.vxe-number-input.size--medium{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{position:relative;flex-grow:1}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--float-wrapper{position:absolute;top:-.5em;line-height:1;padding:0 .2em;white-space:nowrap;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input.fla--left .vxe-number-input--float-wrapper{left:1em}.vxe-number-input.fla--center .vxe-number-input--float-wrapper{left:50%;transform:translateX(-50%)}.vxe-number-input.fla--right .vxe-number-input--float-wrapper{right:1em}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.ctl--default>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--left>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--right>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-number-input-current-font-size);height:var(--vxe-ui-number-input-current-height);line-height:var(--vxe-ui-number-input-current-height)}

package/lib/password-input/src/password-input.js

@@ -44,6 +44,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().passwordInput.floatContent;
       }
     },
+    floatAlign: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().passwordInput.floatAlign;
+      }
+    },
     autoComplete: {
       type: String,
       default: 'off'
@@ -472,9 +478,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           focus: $xePasswordInput.focusEvent,
           blur: $xePasswordInput.blurEvent
         }
-      })]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput), floatContent || floatSlot ? h('span', {
+      }), floatContent || floatSlot ? h('span', {
         class: 'vxe-password-input--float-wrapper'
-      }, floatSlot ? floatSlot({}) : (0, _utils.getText)(floatContent)) : (0, _ui.renderEmptyElement)($xePasswordInput)]);
+      }, floatSlot ? floatSlot({}) : (0, _utils.getText)(floatContent)) : (0, _ui.renderEmptyElement)($xePasswordInput)]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput)]);
     }
   },
   watch: {

package/lib/password-input/src/password-input.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.clearable}},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,floatContent:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.floatContent}},autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.inputClassName}},size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.controls}},editable:{type:Boolean,default:!0},autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeFormReadonly:function(){var e,t=this.$xeForm;return"obsolete"===(0,_ui.getConfig)().inputReadonly||null===(e=this.readonly)?!!t&&t.readonly:e},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeInputType:function(){return this.reactData.showPwd?"text":"password"},computeInpImmediate:function(){return this.immediate},computeInputReadonly:function(){var e=this.editable;return this.computeFormReadonly||!e}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){var i=this.reactData,n=this.computeInpImmediate;i.inputValue=e,n?this.handleChange(e,t):this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},handleChange:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,o=i.formItemInfo;r.inputValue=e,i.emitModel(e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&o&&a.triggerItemEvent(t,o.itemConfig.field,e)},changeEvent:function(e){var t=this,i=t.reactData,n=t.$xeForm,r=t.formItemInfo;t.triggerEvent(e),t.dispatchEvent("lazy-change",{value:i.inputValue},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,i.inputValue)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,r=t.inputValue;t.isActivated=!1,this.dispatchEvent("blur",{value:r},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,r)},passwordToggleEvent:function(e){var t=this.reactData,i=t.showPwd,n=this.computeIsDisabled,r=this.computeFormReadonly;n||r||(t.showPwd=!i),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e),this.dispatchEvent("lazy-change",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"vxe-password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["vxe-password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.suffixIcon,r=t.controls,a=t.reactData.inputValue,o=t.computeIsClearable,i=i.suffix;return o||r||i||n?e("div",{class:["vxe-password-input--suffix",{"is--clear":o&&!t.computeIsDisabled&&!(""===a||_xeUtils.default.eqNull(a))}]},[o?e("div",{class:"vxe-password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),r?t.renderPasswordIcon(e):(0,_ui.renderEmptyElement)(t),i||n?e("div",{class:"vxe-password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t)]):null},renderVN:function(e){var t,i,n,r,a,o,u,s=this,l=s.reactData,c=s.$scopedSlots,p=s.className,f=s.inputClassName,d=s.name,v=s.floatContent,m=s.autocomplete,h=s.autoComplete,g=s.maxLength,y=l.inputValue,l=l.isActivated,x=s.computeIsDisabled,I=s.computeFormReadonly;return I?e("div",{ref:"refElem",class:["vxe-password-input--readonly",p]},(0,_utils.getText)(y)):(t=s.computeSize,i=s.computeInputType,n=s.computeInpPlaceholder,r=s.computeIsClearable,a=s.computeInputReadonly,o=s.renderPrefixIcon(e),u=s.renderSuffixIcon(e),c=c.float,e("div",{ref:"refElem",class:["vxe-password-input",p,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(t),t),"is--prefix",!!o),"is--suffix",!!u),"is--readonly",I),"is--disabled",x),"is--active",l),"show--clear",r&&!x&&!(""===y||_xeUtils.default.eqNull(y)))],attrs:{spellcheck:!1}},[o||(0,_ui.renderEmptyElement)(s),e("div",{class:"vxe-password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-password-input--inner"+(f?" "+f:""),domProps:{value:y},attrs:{name:d,type:i,placeholder:n,readonly:a,disabled:x,autocomplete:m||h,maxlength:g},on:{click:s.clickEvent,input:s.inputEvent,change:s.changeEvent,focus:s.focusEvent,blur:s.blurEvent}})]),u||(0,_ui.renderEmptyElement)(s),v||c?e("span",{class:"vxe-password-input--float-wrapper"},c?c({}):(0,_utils.getText)(v)):(0,_ui.renderEmptyElement)(s)]))}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.clearable}},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,floatContent:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.floatContent}},floatAlign:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.floatAlign}},autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.inputClassName}},size:{type:String,default:function(){return(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size}},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:function(){return(0,_ui.getConfig)().passwordInput.controls}},editable:{type:Boolean,default:!0},autocomplete:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{showPwd:!1,isActivated:!1,inputValue:""}}},computed:Object.assign(Object.assign({},{}),{computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")},computeFormReadonly:function(){var e,t=this.$xeForm;return"obsolete"===(0,_ui.getConfig)().inputReadonly||null===(e=this.readonly)?!!t&&t.readonly:e},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeInputType:function(){return this.reactData.showPwd?"text":"password"},computeInpImmediate:function(){return this.immediate},computeInputReadonly:function(){var e=this.editable;return this.computeFormReadonly||!e}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$passwordInput:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},emitInputEvent:function(e,t){var i=this.reactData,n=this.computeInpImmediate;i.inputValue=e,n?this.handleChange(e,t):this.dispatchEvent("input",{value:e},t)},inputEvent:function(e){var t=e.target.value;this.emitInputEvent(t,e)},handleChange:function(e,t){var i=this,n=i,r=i.reactData,a=i.$xeForm,o=i.formItemInfo;r.inputValue=e,i.emitModel(e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(n.value)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&o&&a.triggerItemEvent(t,o.itemConfig.field,e)},changeEvent:function(e){var t=this,i=t.reactData,n=t.$xeForm,r=t.formItemInfo;t.triggerEvent(e),t.dispatchEvent("lazy-change",{value:i.inputValue},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,i.inputValue)},focusEvent:function(e){this.reactData.isActivated=!0,this.triggerEvent(e)},blurEvent:function(e){var t=this.reactData,i=this.$xeForm,n=this.formItemInfo,r=t.inputValue;t.isActivated=!1,this.dispatchEvent("blur",{value:r},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,r)},passwordToggleEvent:function(e){var t=this.reactData,i=t.showPwd,n=this.computeIsDisabled,r=this.computeFormReadonly;n||r||(t.showPwd=!i),this.dispatchEvent("toggle-visible",{visible:t.showPwd},e)},clickEvent:function(e){this.triggerEvent(e)},clearValueEvent:function(e,t){this.focus(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e),this.dispatchEvent("lazy-change",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},renderPasswordIcon:function(e){var t=this.reactData.showPwd;return e("div",{class:"vxe-password-input--control-icon",on:{click:this.passwordToggleEvent}},[e("i",{class:["vxe-password-input--password-icon",t?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-password-input--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-password-input--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,n=t.suffixIcon,r=t.controls,a=t.reactData.inputValue,o=t.computeIsClearable,i=i.suffix;return o||r||i||n?e("div",{class:["vxe-password-input--suffix",{"is--clear":o&&!t.computeIsDisabled&&!(""===a||_xeUtils.default.eqNull(a))}]},[o?e("div",{class:"vxe-password-input--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),r?t.renderPasswordIcon(e):(0,_ui.renderEmptyElement)(t),i||n?e("div",{class:"vxe-password-input--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t)]):null},renderVN:function(e){var t,i,n,r,a,o,u,s=this,l=s.reactData,c=s.$scopedSlots,p=s.className,f=s.inputClassName,d=s.name,v=s.floatContent,m=s.autocomplete,h=s.autoComplete,g=s.maxLength,y=l.inputValue,l=l.isActivated,I=s.computeIsDisabled,_=s.computeFormReadonly;return _?e("div",{ref:"refElem",class:["vxe-password-input--readonly",p]},(0,_utils.getText)(y)):(t=s.computeSize,i=s.computeInputType,n=s.computeInpPlaceholder,r=s.computeIsClearable,a=s.computeInputReadonly,o=s.renderPrefixIcon(e),u=s.renderSuffixIcon(e),c=c.float,e("div",{ref:"refElem",class:["vxe-password-input",p,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(t),t),"is--prefix",!!o),"is--suffix",!!u),"is--readonly",_),"is--disabled",I),"is--active",l),"show--clear",r&&!I&&!(""===y||_xeUtils.default.eqNull(y)))],attrs:{spellcheck:!1}},[o||(0,_ui.renderEmptyElement)(s),e("div",{class:"vxe-password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-password-input--inner"+(f?" "+f:""),domProps:{value:y},attrs:{name:d,type:i,placeholder:n,readonly:a,disabled:I,autocomplete:m||h,maxlength:g},on:{click:s.clickEvent,input:s.inputEvent,change:s.changeEvent,focus:s.focusEvent,blur:s.blurEvent}}),v||c?e("span",{class:"vxe-password-input--float-wrapper"},c?c({}):(0,_utils.getText)(v)):(0,_ui.renderEmptyElement)(s)]),u||(0,_ui.renderEmptyElement)(s)]))}},watch:{value:function(e){this.reactData.inputValue=e}},created:function(){this.reactData.inputValue=this.value},render:function(e){return this.renderVN(e)}});

package/lib/password-input/style/style.css

@@ -29,8 +29,8 @@
 }
 
 .vxe-password-input--wrapper {
+  position: relative;
   flex-grow: 1;
-  overflow: hidden;
 }
 
 .vxe-password-input--inner {
@@ -155,14 +155,25 @@
 
 .vxe-password-input--float-wrapper {
   position: absolute;
-  left: 1em;
   top: -0.5em;
   line-height: 1;
   padding: 0 0.2em;
+  white-space: nowrap;
   color: var(--vxe-ui-input-placeholder-color);
   background-color: var(--vxe-ui-layout-background-color);
 }
 
+.vxe-password-input.fla--left .vxe-password-input--float-wrapper {
+  left: 1em;
+}
+.vxe-password-input.fla--center .vxe-password-input--float-wrapper {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.vxe-password-input.fla--right .vxe-password-input--float-wrapper {
+  right: 1em;
+}
+
 .vxe-password-input--number-btn {
   height: 50%;
   display: flex;

package/lib/password-input/style/style.min.css

@@ -1 +1 @@
-.vxe-password-input{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-default)}.vxe-password-input.size--xlarge{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-password-input.size--large{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-large)}.vxe-password-input.size--medium{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-password-input.size--small{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-small)}.vxe-password-input.size--mini{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-password-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-password-input--wrapper{flex-grow:1;overflow:hidden}.vxe-password-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-password-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input.is--disabled .vxe-password-input--clear-icon,.vxe-password-input.is--disabled .vxe-password-input--control-icon,.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{cursor:not-allowed}.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-password-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-password-input.show--clear:hover .vxe-password-input--clear-icon{display:block}.vxe-password-input--prefix,.vxe-password-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-password-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--prefix-icon,.vxe-password-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--prefix-icon{padding-left:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--suffix-icon{padding-right:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon{height:100%;cursor:pointer}.vxe-password-input--clear-icon{display:none}.vxe-password-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--float-wrapper{position:absolute;left:1em;top:-.5em;line-height:1;padding:0 .2em;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-password-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-password-input--number-icon .vxe-password-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-password-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-password-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-password-input.is--left .vxe-password-input--inner{text-align:left}.vxe-password-input.is--center .vxe-password-input--inner{text-align:center}.vxe-password-input.is--right .vxe-password-input--inner{text-align:right}.vxe-password-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-password-input--panel:not(.is--transfer){min-width:100%}.vxe-password-input--panel.is--transfer{position:fixed}.vxe-password-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-password-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-password-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-password-input{font-size:var(--vxe-ui-password-input-current-font-size);height:var(--vxe-ui-password-input-current-height);line-height:var(--vxe-ui-password-input-current-height)}
+.vxe-password-input{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-default)}.vxe-password-input.size--xlarge{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-password-input.size--large{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-large)}.vxe-password-input.size--medium{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-password-input.size--small{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-small)}.vxe-password-input.size--mini{--vxe-ui-password-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-password-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-password-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-password-input--wrapper{position:relative;flex-grow:1}.vxe-password-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-password-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input.is--disabled .vxe-password-input--clear-icon,.vxe-password-input.is--disabled .vxe-password-input--control-icon,.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{cursor:not-allowed}.vxe-password-input.is--disabled .vxe-password-input--prefix,.vxe-password-input.is--disabled .vxe-password-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-password-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-password-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-password-input.show--clear:hover .vxe-password-input--clear-icon{display:block}.vxe-password-input--prefix,.vxe-password-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-password-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--prefix-icon,.vxe-password-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-password-input--prefix-icon{padding-left:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon,.vxe-password-input--suffix-icon{padding-right:.5em}.vxe-password-input--clear-icon,.vxe-password-input--control-icon{height:100%;cursor:pointer}.vxe-password-input--clear-icon{display:none}.vxe-password-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--float-wrapper{position:absolute;top:-.5em;line-height:1;padding:0 .2em;white-space:nowrap;color:var(--vxe-ui-input-placeholder-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-password-input.fla--left .vxe-password-input--float-wrapper{left:1em}.vxe-password-input.fla--center .vxe-password-input--float-wrapper{left:50%;transform:translateX(-50%)}.vxe-password-input.fla--right .vxe-password-input--float-wrapper{right:1em}.vxe-password-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-password-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-password-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-password-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-password-input--number-icon .vxe-password-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-password-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-password-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-password-input.is--left .vxe-password-input--inner{text-align:left}.vxe-password-input.is--center .vxe-password-input--inner{text-align:center}.vxe-password-input.is--right .vxe-password-input--inner{text-align:right}.vxe-password-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-password-input--panel:not(.is--transfer){min-width:100%}.vxe-password-input--panel.is--transfer{position:fixed}.vxe-password-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-password-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-password-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-password-input{font-size:var(--vxe-ui-password-input-current-font-size);height:var(--vxe-ui-password-input-current-height);line-height:var(--vxe-ui-password-input-current-height)}