vxe-pc-ui 3.17.21 → 3.17.23

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"),_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,l=[],o=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(u=r.call(n)).done)&&(l.push(u.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}finally{try{if(!o&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var 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,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,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)},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,l="";return this.computeDecimalsType?(l=(0,_util.toFloatValueFixed)(e,t,a,u),i||(l=handleNumberString(_xeUtils.default.toNumber(l)))):l=handleNumberString(e),!n||e!==l&&handleNumberString(e).toLowerCase()!==_xeUtils.default.toNumber(l).toExponential()?l.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,l=u.$xeForm,o=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),l)&&o&&l.triggerItemEvent(n,o.itemConfig.field,e)},emitInputEvent:function(e,t){var n=this,u=n.reactData,i=n.$xeForm,r=n.formItemInfo,a=n.computeInpImmediate,l=e===(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);u.inputValue=e,a?n.handleChange(l,e,t):(n.dispatchEvent("input",{value:l},t),i&&r&&i.triggerItemEvent(t,r.itemConfig.field,l))},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){this.focus(),this.handleChange(null,"",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))},updateModel:function(e){var t,n=this.reactData,u=this.type,i=this.roundingMode,r=this.autoFill,a=n.inputValue,l=this.computeDigitsValue,o=this.computeDecimalsType;(0,_utils.eqEmptyValue)(e)?n.inputValue="":(t=""+e,o&&(t=(0,_util.toFloatValueFixed)(e,u,l,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,l=t.exponential,o=t.clearable,n=n.inputValue;if(!t.computeInputReadonly){if((0,_utils.eqEmptyValue)(n))return o?void t.handleChange(null,"",{type:"check"}):(o=null,e=n,!i&&0!==i||(o=_xeUtils.default.toNumber(i),e="".concat(o)),void t.handleChange(o,"".concat(e||""),{type:"check"}));(n||i||r)&&(o="integer"===u?_xeUtils.default.toInteger((0,_util.handleNumber)(n)):_xeUtils.default.toNumber((0,_util.handleNumber)(n)),t.validMinNum(o)?t.validMaxNum(o)||(o=r):o=i,a||(o=Math.abs(o)),l&&(e=handleNumberString(n).toLowerCase())===_xeUtils.default.toNumber(o).toExponential()&&(o=e),u=t.getNumberValue(o),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,l=r?Number(r):null;a||t.handleChange(l,handleNumberString(r),e),t.afterCheckValue(),n.isFocus=!1,n.isActivated=!1,t.dispatchEvent("blur",{value:l},e),u&&i&&u.triggerItemEvent(e,i.itemConfig.field,l)},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.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.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))},keydownEvent:function(e){var t=this,n=t.type,u=t.negative,i=t.exponential,r=t.controls,a=t.computeControlOpts,l=a.isArrow,o=t.computeInputReadonly,s=(0,_dom.hasControlKey)(e),c=e.shiftKey,m=e.altKey,p=e.key,f=e.keyCode,d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),h=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);s||c||m||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!u&&"-"===p||"integer"===n&&"."===p||(!i||69!==f)&&65<=f&&f<=90||186<=f&&f<=188||191<=f)&&e.preventDefault(),d?t.afterCheckValue():(v||h)&&(0,_utils.isEnableConf)(a)&&(!1===r?r:l)&&!o&&t.numberKeydownEvent(e),t.triggerEvent(e)},keyupEvent:function(e){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.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,l=n.inputValue,n=n.isFocus,o=t.computeIsDisabled,s=t.computeNumLabel,c=t.computeInputReadonly,m=t.computeInpMaxLength,p=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?l:s},attrs:{name:i,type:"text",placeholder:p,maxlength:m,readonly:c,disabled:o,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)])},renderVN:function(e){var t,n=this,u=n.reactData,i=n.$scopedSlots,r=n.className,a=n.controls,l=n.type,o=n.align,s=n.prefixIcon,c=n.suffixIcon,m=u.inputValue,u=u.isActivated,p=n.computeSize,f=n.computeControlOpts,d=f.layout,v=f.showButton,h=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(l),r]},b):(b=n.computeInputReadonly,t=n.computeIsClearable,f=(0,_utils.isEnableConf)(f)&&(!1===a?a:v),e("div",{ref:"refElem",class:["vxe-number-input","type--".concat(l),"ctl--".concat("right"===d||"left"===d?d:"default"),r,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--".concat(o),o),"is--controls",f&&!b),"is--prefix",!!g||s),"is--suffix",!!i||c),"is--disabled",h),"is--active",u),"show--clear",t&&!h&&!(""===m||_xeUtils.default.eqNull(m)))],attrs:{spellcheck:!1}},f?"right"===d?[n.renderInput(e),n.renderSideControl(e)]:"left"===d?[n.renderSideControl(e),n.renderInput(e)]:[n.renderMinusBtn(e),n.renderInput(e),n.renderPlusBtn(e)]:[n.renderInput(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.$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"),_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,l=[],o=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(u=r.call(n)).done)&&(l.push(u.value),l.length!==t);o=!0);}catch(e){s=!0,i=e}finally{try{if(!o&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var 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,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)},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,l="";return this.computeDecimalsType?(l=(0,_util.toFloatValueFixed)(e,t,a,u),i||(l=handleNumberString(_xeUtils.default.toNumber(l)))):l=handleNumberString(e),!n||e!==l&&handleNumberString(e).toLowerCase()!==_xeUtils.default.toNumber(l).toExponential()?l.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,l=u.$xeForm,o=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),l)&&o&&l.triggerItemEvent(n,o.itemConfig.field,e)},emitInputEvent:function(e,t){var n=this,u=n.reactData,i=n.$xeForm,r=n.formItemInfo,a=n.computeInpImmediate,l=e===(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);u.inputValue=e,a?n.handleChange(l,e,t):(n.dispatchEvent("input",{value:l},t),i&&r&&i.triggerItemEvent(t,r.itemConfig.field,l))},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){this.focus(),this.handleChange(null,"",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))},updateModel:function(e){var t,n=this.reactData,u=this.type,i=this.roundingMode,r=this.autoFill,a=n.inputValue,l=this.computeDigitsValue,o=this.computeDecimalsType;(0,_utils.eqEmptyValue)(e)?n.inputValue="":(t=""+e,o&&(t=(0,_util.toFloatValueFixed)(e,u,l,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,l=t.exponential,o=t.clearable,n=n.inputValue;if(!t.computeInputReadonly){if((0,_utils.eqEmptyValue)(n))return o?void t.handleChange(null,"",{type:"check"}):(o=null,e=n,!i&&0!==i||(o=_xeUtils.default.toNumber(i),e="".concat(o)),void t.handleChange(o,"".concat(e||""),{type:"check"}));(n||i||r)&&(o="integer"===u?_xeUtils.default.toInteger((0,_util.handleNumber)(n)):_xeUtils.default.toNumber((0,_util.handleNumber)(n)),t.validMinNum(o)?t.validMaxNum(o)||(o=r):o=i,a||(o=Math.abs(o)),l&&(e=handleNumberString(n).toLowerCase())===_xeUtils.default.toNumber(o).toExponential()&&(o=e),u=t.getNumberValue(o),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,l=r?Number(r):null;a||t.handleChange(l,handleNumberString(r),e),t.afterCheckValue(),n.isFocus=!1,n.isActivated=!1,t.dispatchEvent("blur",{value:l},e),u&&i&&u.triggerItemEvent(e,i.itemConfig.field,l)},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.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.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))},keydownEvent:function(e){var t=this,n=t.type,u=t.negative,i=t.exponential,r=t.controls,a=t.computeControlOpts,l=a.isArrow,o=t.computeInputReadonly,s=(0,_dom.hasControlKey)(e),c=e.shiftKey,m=e.altKey,p=e.key,f=e.keyCode,d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),h=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);s||c||m||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!u&&"-"===p||"integer"===n&&"."===p||(!i||69!==f)&&65<=f&&f<=90||186<=f&&f<=188||191<=f)&&e.preventDefault(),d?t.afterCheckValue():(v||h)&&(0,_utils.isEnableConf)(a)&&(!1===r?r:l)&&!o&&t.numberKeydownEvent(e),t.triggerEvent(e)},keyupEvent:function(e){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.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,l=n.inputValue,n=n.isFocus,o=t.computeIsDisabled,s=t.computeNumLabel,c=t.computeInputReadonly,m=t.computeInpMaxLength,p=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?l:s},attrs:{name:i,type:"text",placeholder:p,maxlength:m,readonly:c,disabled:o,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,l=n.type,o=n.align,s=n.prefixIcon,c=n.suffixIcon,m=u.inputValue,u=u.isActivated,p=n.computeSize,f=n.computeControlOpts,d=f.layout,v=f.showButton,h=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(l),r]},b):(b=n.computeInputReadonly,t=n.computeIsClearable,f=(0,_utils.isEnableConf)(f)&&(!1===a?a:v),e("div",{ref:"refElem",class:["vxe-number-input","type--".concat(l),f?"ctl--".concat("right"===d||"left"===d?d:"default"):"",r,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--".concat(o),o),"is--controls",f&&!b),"is--prefix",!!g||s),"is--suffix",!!i||c),"is--disabled",h),"is--active",u),"show--clear",t&&!h&&!(""===m||_xeUtils.default.eqNull(m)))],attrs:{spellcheck:!1}},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.$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

@@ -102,7 +102,6 @@
   border-radius: var(--vxe-ui-base-border-radius);
   width: 180px;
   border: 1px solid var(--vxe-ui-input-border-color);
-  overflow: hidden;
 }
 .vxe-number-input.is--active {
   border: 1px solid var(--vxe-ui-font-primary-color);
@@ -164,6 +163,16 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
+.vxe-number-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 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);
@@ -238,9 +247,15 @@
   font-size: 0.72em;
 }
 
-.vxe-number-input.is--controls > .vxe-number-input--input-wrapper .vxe-number-input--input {
+.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);

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);overflow:hidden}.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--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.is--controls>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.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{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)}

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

@@ -38,6 +38,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     disabled: Boolean,
     maxLength: [String, Number],
     placeholder: String,
+    floatContent: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().passwordInput.floatContent;
+      }
+    },
     autoComplete: {
       type: String,
       default: 'off'
@@ -410,9 +416,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xePasswordInput = this;
       var props = $xePasswordInput;
       var reactData = $xePasswordInput.reactData;
+      var slots = $xePasswordInput.$scopedSlots;
       var className = props.className,
         inputClassName = props.inputClassName,
         name = props.name,
+        floatContent = props.floatContent,
         autocomplete = props.autocomplete,
         autoComplete = props.autoComplete,
         maxLength = props.maxLength;
@@ -433,6 +441,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var inputReadonly = $xePasswordInput.computeInputReadonly;
       var prefix = $xePasswordInput.renderPrefixIcon(h);
       var suffix = $xePasswordInput.renderSuffixIcon(h);
+      var floatSlot = slots.float;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-password-input', className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--prefix', !!prefix), 'is--suffix', !!suffix), 'is--readonly', formReadonly), 'is--disabled', isDisabled), 'is--active', isActivated), 'show--clear', isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue)))],
@@ -463,7 +472,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           focus: $xePasswordInput.focusEvent,
           blur: $xePasswordInput.blurEvent
         }
-      })]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput)]);
+      })]), suffix || (0, _ui.renderEmptyElement)($xePasswordInput), floatContent || floatSlot ? h('span', {
+        class: 'vxe-password-input--float-wrapper'
+      }, floatSlot ? floatSlot({}) : (0, _utils.getText)(floatContent)) : (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,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.className,p=s.inputClassName,d=s.name,f=s.autocomplete,v=s.autoComplete,m=s.maxLength,h=l.inputValue,l=l.isActivated,g=s.computeIsDisabled,y=s.computeFormReadonly;return y?e("div",{ref:"refElem",class:["vxe-password-input--readonly",c]},(0,_utils.getText)(h)):(t=s.computeSize,i=s.computeInputType,n=s.computeInpPlaceholder,r=s.computeIsClearable,a=s.computeInputReadonly,o=s.renderPrefixIcon(e),u=s.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-password-input",c,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(t),t),"is--prefix",!!o),"is--suffix",!!u),"is--readonly",y),"is--disabled",g),"is--active",l),"show--clear",r&&!g&&!(""===h||_xeUtils.default.eqNull(h)))],attrs:{spellcheck:!1}},[o||(0,_ui.renderEmptyElement)(s),e("div",{class:"vxe-password-input--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-password-input--inner"+(p?" "+p:""),domProps:{value:h},attrs:{name:d,type:i,placeholder:n,readonly:a,disabled:g,autocomplete:f||v,maxlength:m},on:{click:s.clickEvent,input:s.inputEvent,change:s.changeEvent,focus:s.focusEvent,blur:s.blurEvent}})]),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)}});
+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)}});

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

@@ -153,6 +153,16 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
+.vxe-password-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 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;

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--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{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)}