vxe-pc-ui 4.5.31 → 4.5.33

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

@@ -75,11 +75,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       type: String,
       default: () => (0, _ui.getConfig)().numberInput.currencySymbol
     },
-    // number、integer、float
-    controls: {
-      type: Boolean,
-      default: () => (0, _ui.getConfig)().numberInput.controls
-    },
+    controlConfig: Object,
     // float
     digits: {
       type: [String, Number],
@@ -93,14 +89,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
       type: Boolean,
       default: true
     },
+    plusIcon: String,
+    minusIcon: String,
     prefixIcon: String,
     suffixIcon: String,
     // 已废弃
+    controls: {
+      type: Boolean,
+      default: null
+    },
+    // 已废弃
     maxlength: [String, Number],
     // 已废弃
     autocomplete: String
   },
-  emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'prev-number', 'next-number', 'prefix-click', 'suffix-click'],
+  emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'plus-number', 'minus-number', 'prefix-click', 'suffix-click',
+  // 已废弃
+  'prev-number', 'next-number'],
   setup(props, context) {
     const {
       slots,
@@ -119,24 +124,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     const internalData = {
       // dnTimeout: undefined,
+      // ainTimeout: undefined,
+      // isMouseDown: undefined,
       // isUM: undefined
     };
     const refElem = (0, _vue.ref)();
     const refInputTarget = (0, _vue.ref)();
     const refInputPanel = (0, _vue.ref)();
-    const refMaps = {
-      refElem,
-      refInput: refInputTarget
-    };
-    const $xeNumberInput = {
-      xID,
-      props,
-      context,
-      reactData,
-      internalData,
-      getRefMaps: () => refMaps
-    };
-    let numberInputMethods = {};
     const computeFormReadonly = (0, _vue.computed)(() => {
       const {
         readonly
@@ -177,6 +171,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return _xeUtils.default.toInteger(defDigits) || 1;
     });
+    const computeControlOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().numberInput.controlConfig, props.controlConfig);
+    });
     const computeDecimalsType = (0, _vue.computed)(() => {
       const {
         type
@@ -301,6 +298,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return false;
     });
+    const refMaps = {
+      refElem,
+      refInput: refInputTarget
+    };
+    const computeMaps = {
+      computeControlOpts
+    };
+    const $xeNumberInput = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    let numberInputMethods = {};
     const handleNumberString = val => {
       if (_xeUtils.default.eqNull(val)) {
         return '';
@@ -576,34 +590,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       emitInputEvent(getNumberValue(restNum), evnt);
     };
-    const numberNextEvent = evnt => {
+    const numberPlusEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
-      const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      numberStopDown();
-      if (!isDisabled && !formReadonly && !isDisabledSubtractNumber) {
-        numberChange(false, evnt);
+      const isDisabledAddNumber = computeIsDisabledAddNumber.value;
+      if (!isDisabled && !formReadonly && !isDisabledAddNumber) {
+        numberChange(true, evnt);
       }
       reactData.isActivated = true;
+      numberInputMethods.dispatchEvent('plus-number', {
+        value: reactData.inputValue
+      }, evnt);
+      // 已废弃
       numberInputMethods.dispatchEvent('next-number', {
         value: reactData.inputValue
       }, evnt);
     };
-    const numberDownNextEvent = evnt => {
-      internalData.dnTimeout = setTimeout(() => {
-        numberNextEvent(evnt);
-        numberDownNextEvent(evnt);
-      }, 60);
-    };
-    const numberPrevEvent = evnt => {
+    const numberMinusEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
-      const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      numberStopDown();
-      if (!isDisabled && !formReadonly && !isDisabledAddNumber) {
-        numberChange(true, evnt);
+      const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
+      if (!isDisabled && !formReadonly && !isDisabledSubtractNumber) {
+        numberChange(false, evnt);
       }
       reactData.isActivated = true;
+      numberInputMethods.dispatchEvent('minus-number', {
+        value: reactData.inputValue
+      }, evnt);
+      // 已废弃
       numberInputMethods.dispatchEvent('prev-number', {
         value: reactData.inputValue
       }, evnt);
@@ -614,9 +628,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (isUpArrow || isDwArrow) {
         evnt.preventDefault();
         if (isUpArrow) {
-          numberPrevEvent(evnt);
+          numberMinusEvent(evnt);
         } else {
-          numberNextEvent(evnt);
+          numberPlusEvent(evnt);
         }
       }
     };
@@ -626,6 +640,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         exponential,
         controls
       } = props;
+      const controlOpts = computeControlOpts.value;
+      const {
+        showButton
+      } = controlOpts;
       const inputReadonly = computeInputReadonly.value;
       const isControlKey = (0, _dom.hasControlKey)(evnt);
       const isShiftKey = evnt.shiftKey;
@@ -642,7 +660,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (isEsc) {
         afterCheckValue();
       } else if (isUpArrow || isDwArrow) {
-        if (controls && !inputReadonly) {
+        if ((0, _utils.isEnableConf)(controlOpts) && (controls === false ? controls : showButton) && !inputReadonly) {
           numberKeydownEvent(evnt);
         }
       }
@@ -652,7 +670,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       triggerEvent(evnt);
     };
     // 数值
-    const numberStopDown = () => {
+    const stopDown = () => {
       const {
         dnTimeout
       } = internalData;
@@ -661,41 +679,83 @@ var _default = exports.default = (0, _vue.defineComponent)({
         internalData.dnTimeout = undefined;
       }
     };
-    const numberDownPrevEvent = evnt => {
-      internalData.dnTimeout = setTimeout(() => {
-        numberPrevEvent(evnt);
-        numberDownPrevEvent(evnt);
+    const stopAutoIncrement = () => {
+      const {
+        ainTimeout
+      } = internalData;
+      if (ainTimeout) {
+        clearTimeout(ainTimeout);
+        internalData.ainTimeout = undefined;
+      }
+    };
+    const numberDownMinusEvent = evnt => {
+      numberStopAll();
+      internalData.ainTimeout = setTimeout(() => {
+        numberMinusEvent(evnt);
+        numberDownMinusEvent(evnt);
       }, 60);
     };
+    const numberDownPlusEvent = evnt => {
+      numberStopAll();
+      internalData.ainTimeout = setTimeout(() => {
+        numberPlusEvent(evnt);
+        numberDownPlusEvent(evnt);
+      }, 60);
+    };
+    const numberStopAll = () => {
+      stopDown();
+      stopAutoIncrement();
+    };
+    const numberClickEvent = evnt => {
+      if (internalData.isMouseDown) {
+        internalData.isMouseDown = false;
+      } else {
+        numberStopAll();
+        const isAddNumber = (0, _dom.hasClass)(evnt.currentTarget, 'is--plus');
+        if (isAddNumber) {
+          numberPlusEvent(evnt);
+        } else {
+          numberMinusEvent(evnt);
+        }
+      }
+    };
     const numberMousedownEvent = evnt => {
-      numberStopDown();
+      numberStopAll();
+      internalData.isMouseDown = true;
       if (evnt.button === 0) {
-        const isPrevNumber = (0, _dom.hasClass)(evnt.currentTarget, 'is--prev');
-        if (isPrevNumber) {
-          numberPrevEvent(evnt);
+        const isAddNumber = (0, _dom.hasClass)(evnt.currentTarget, 'is--plus');
+        if (isAddNumber) {
+          numberPlusEvent(evnt);
         } else {
-          numberNextEvent(evnt);
+          numberMinusEvent(evnt);
         }
         internalData.dnTimeout = setTimeout(() => {
-          if (isPrevNumber) {
-            numberDownPrevEvent(evnt);
+          if (isAddNumber) {
+            numberDownPlusEvent(evnt);
           } else {
-            numberDownNextEvent(evnt);
+            numberDownMinusEvent(evnt);
           }
         }, 500);
       }
     };
     const wheelEvent = evnt => {
+      const {
+        controls
+      } = props;
+      const controlOpts = computeControlOpts.value;
+      const {
+        isWheel
+      } = controlOpts;
       const inputReadonly = computeInputReadonly.value;
-      if (props.controls && !inputReadonly) {
+      if ((0, _utils.isEnableConf)(controlOpts) && (controls === false ? controls : isWheel) && !inputReadonly) {
         if (reactData.isActivated) {
           evnt.stopPropagation();
           evnt.preventDefault();
           const delta = evnt.deltaY;
           if (delta > 0) {
-            numberNextEvent(evnt);
+            numberPlusEvent(evnt);
           } else if (delta < 0) {
-            numberPrevEvent(evnt);
+            numberMinusEvent(evnt);
           }
         }
       }
@@ -760,33 +820,36 @@ var _default = exports.default = (0, _vue.defineComponent)({
         afterCheckValue();
       }
     };
-    const renderNumberIcon = () => {
-      const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      return (0, _vue.h)('div', {
-        class: 'vxe-input--control-icon'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-input--number-icon'
-      }, [(0, _vue.h)('div', {
-        class: ['vxe-input--number-btn is--prev', {
-          'is--disabled': isDisabledAddNumber
-        }],
-        onMousedown: numberMousedownEvent,
-        onMouseup: numberStopDown,
-        onMouseleave: numberStopDown
-      }, [(0, _vue.h)('i', {
-        class: (0, _ui.getIcon)().NUMBER_INPUT_PREV_NUM
-      })]), (0, _vue.h)('div', {
-        class: ['vxe-input--number-btn is--next', {
-          'is--disabled': isDisabledSubtractNumber
-        }],
-        onMousedown: numberMousedownEvent,
-        onMouseup: numberStopDown,
-        onMouseleave: numberStopDown
-      }, [(0, _vue.h)('i', {
-        class: (0, _ui.getIcon)().NUMBER_INPUT_NEXT_NUM
-      })])])]);
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $numberInput: $xeNumberInput
+      }, params));
     };
+    numberInputMethods = {
+      dispatchEvent,
+      focus() {
+        const inputReadonly = computeInputReadonly.value;
+        if (!inputReadonly) {
+          const inputElem = refInputTarget.value;
+          reactData.isActivated = true;
+          inputElem.focus();
+        }
+        return (0, _vue.nextTick)();
+      },
+      blur() {
+        const inputElem = refInputTarget.value;
+        inputElem.blur();
+        reactData.isActivated = false;
+        return (0, _vue.nextTick)();
+      },
+      select() {
+        const inputElem = refInputTarget.value;
+        inputElem.select();
+        reactData.isActivated = false;
+        return (0, _vue.nextTick)();
+      }
+    };
+    Object.assign($xeNumberInput, numberInputMethods);
     const renderPrefixIcon = () => {
       const {
         prefixIcon
@@ -799,7 +862,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-number-input--prefix-icon'
       }, prefixSlot ? (0, _vn.getSlotVNs)(prefixSlot({})) : [(0, _vue.h)('i', {
         class: prefixIcon
-      })])]) : null;
+      })])]) : (0, _ui.renderEmptyElement)($xeNumberInput);
     };
     const renderSuffixIcon = () => {
       const {
@@ -820,72 +883,121 @@ var _default = exports.default = (0, _vue.defineComponent)({
         onClick: clearValueEvent
       }, [(0, _vue.h)('i', {
         class: (0, _ui.getIcon)().INPUT_CLEAR
-      })]) : (0, _vue.createCommentVNode)(), renderExtraSuffixIcon(), suffixSlot || suffixIcon ? (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeNumberInput), suffixSlot || suffixIcon ? (0, _vue.h)('div', {
         class: 'vxe-number-input--suffix-icon',
         onClick: clickSuffixEvent
       }, suffixSlot ? (0, _vn.getSlotVNs)(suffixSlot({})) : [(0, _vue.h)('i', {
         class: suffixIcon
-      })]) : (0, _vue.createCommentVNode)()]);
+      })]) : (0, _ui.renderEmptyElement)($xeNumberInput)]);
     };
-    const renderExtraSuffixIcon = () => {
+    const renderInput = () => {
       const {
-        controls
+        type,
+        name,
+        autocomplete,
+        autoComplete
       } = props;
+      const {
+        inputValue,
+        isFocus
+      } = reactData;
+      const isDisabled = computeIsDisabled.value;
+      const numLabel = computeNumLabel.value;
       const inputReadonly = computeInputReadonly.value;
-      if (controls && !inputReadonly) {
-        return renderNumberIcon();
-      }
-      return (0, _vue.createCommentVNode)();
+      const inpMaxLength = computeInpMaxLength.value;
+      const inpPlaceholder = computeInpPlaceholder.value;
+      return (0, _vue.h)('div', {
+        key: 'ni',
+        class: 'vxe-number-input--input-wrapper'
+      }, [renderPrefixIcon(), (0, _vue.h)('div', {
+        class: 'vxe-number-input--input-inner'
+      }, [(0, _vue.h)('input', {
+        ref: refInputTarget,
+        class: 'vxe-number-input--input',
+        value: !isFocus && type === 'amount' ? numLabel : inputValue,
+        name,
+        type: 'text',
+        placeholder: inpPlaceholder,
+        maxlength: inpMaxLength,
+        readonly: inputReadonly,
+        disabled: isDisabled,
+        autocomplete: autoComplete || autocomplete,
+        onKeydown: keydownEvent,
+        onKeyup: keyupEvent,
+        onWheel: wheelEvent,
+        onClick: clickEvent,
+        onInput: inputEvent,
+        onChange: changeEvent,
+        onFocus: focusEvent,
+        onBlur: blurEvent
+      })]), renderSuffixIcon()]);
     };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, _ui.createEvent)(evnt, {
-        $numberInput: $xeNumberInput
-      }, params));
+    const renderMinusBtn = () => {
+      const {
+        minusIcon
+      } = props;
+      const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
+      return (0, _vue.h)('button', {
+        key: 'prev',
+        class: ['vxe-number-input--minus-btn is--minus', {
+          'is--disabled': isDisabledSubtractNumber
+        }],
+        onClick: numberClickEvent,
+        onMousedown: numberMousedownEvent,
+        onMouseup: numberStopAll,
+        onMouseleave: numberStopAll
+      }, [(0, _vue.h)('i', {
+        class: minusIcon || (0, _ui.getIcon)().NUMBER_INPUT_MINUS_NUM
+      })]);
     };
-    numberInputMethods = {
-      dispatchEvent,
-      focus() {
-        const inputReadonly = computeInputReadonly.value;
-        if (!inputReadonly) {
-          const inputElem = refInputTarget.value;
-          reactData.isActivated = true;
-          inputElem.focus();
-        }
-        return (0, _vue.nextTick)();
-      },
-      blur() {
-        const inputElem = refInputTarget.value;
-        inputElem.blur();
-        reactData.isActivated = false;
-        return (0, _vue.nextTick)();
-      },
-      select() {
-        const inputElem = refInputTarget.value;
-        inputElem.select();
-        reactData.isActivated = false;
-        return (0, _vue.nextTick)();
-      }
+    const renderPlusBtn = () => {
+      const {
+        plusIcon
+      } = props;
+      const isDisabledAddNumber = computeIsDisabledAddNumber.value;
+      return (0, _vue.h)('button', {
+        key: 'next',
+        class: ['vxe-number-input--plus-btn is--plus', {
+          'is--disabled': isDisabledAddNumber
+        }],
+        onClick: numberClickEvent,
+        onMousedown: numberMousedownEvent,
+        onMouseup: numberStopAll,
+        onMouseleave: numberStopAll
+      }, [(0, _vue.h)('i', {
+        class: plusIcon || (0, _ui.getIcon)().NUMBER_INPUT_PLUS_NUM
+      })]);
+    };
+    const renderSideControl = () => {
+      return (0, _vue.h)('div', {
+        key: 'cplr',
+        class: 'vxe-number-input--side-control'
+      }, [renderPlusBtn(), renderMinusBtn()]);
     };
-    Object.assign($xeNumberInput, numberInputMethods);
     const renderVN = () => {
       const {
         className,
         controls,
         type,
         align,
-        name,
-        autocomplete,
-        autoComplete
+        prefixIcon,
+        suffixIcon
       } = props;
       const {
         inputValue,
-        isFocus,
         isActivated
       } = reactData;
       const vSize = computeSize.value;
+      const controlOpts = computeControlOpts.value;
+      const {
+        layout,
+        showButton
+      } = controlOpts;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const numLabel = computeNumLabel.value;
+      const prefixSlot = slots.prefix;
+      const suffixSlot = slots.suffix;
       if (formReadonly) {
         return (0, _vue.h)('div', {
           ref: refElem,
@@ -893,46 +1005,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, numLabel);
       }
       const inputReadonly = computeInputReadonly.value;
-      const inpMaxLength = computeInpMaxLength.value;
-      const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
-      const prefix = renderPrefixIcon();
-      const suffix = renderSuffixIcon();
+      const isControls = (0, _utils.isEnableConf)(controlOpts) && (controls === false ? controls : showButton);
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-number-input', `type--${type}`, className, {
+        class: ['vxe-number-input', `type--${type}`, `control-${layout === 'right' || layout === 'left' ? layout : 'default'}`, className, {
           [`size--${vSize}`]: vSize,
           [`is--${align}`]: align,
-          'is--controls': controls && !inputReadonly,
-          'is--prefix': !!prefix,
-          'is--suffix': !!suffix,
+          '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))
         }],
         spellcheck: false
-      }, [prefix || (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
-        class: 'vxe-number-input--wrapper'
-      }, [(0, _vue.h)('input', {
-        ref: refInputTarget,
-        class: 'vxe-number-input--inner',
-        value: !isFocus && type === 'amount' ? numLabel : inputValue,
-        name,
-        type: 'text',
-        placeholder: inpPlaceholder,
-        maxlength: inpMaxLength,
-        readonly: inputReadonly,
-        disabled: isDisabled,
-        autocomplete: autoComplete || autocomplete,
-        onKeydown: keydownEvent,
-        onKeyup: keyupEvent,
-        onWheel: wheelEvent,
-        onClick: clickEvent,
-        onInput: inputEvent,
-        onChange: changeEvent,
-        onFocus: focusEvent,
-        onBlur: blurEvent
-      })]), suffix || (0, _vue.createCommentVNode)()]);
+      }, isControls ? layout === 'right' ? [renderInput(), renderSideControl()] : layout === 'left' ? [renderSideControl(), renderInput()] : [renderMinusBtn(), renderInput(), renderPlusBtn()] : [renderInput()]);
     };
     $xeNumberInput.renderVN = renderVN;
     (0, _vue.watch)(() => props.modelValue, val => {
@@ -955,7 +1043,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     (0, _vue.onBeforeUnmount)(() => {
       reactData.isFocus = false;
-      numberStopDown();
+      numberStopAll();
       afterCheckValue();
       _ui.globalEvents.off($xeNumberInput, 'mousedown');
       _ui.globalEvents.off($xeNumberInput, 'keydown');

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.maxLength},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(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:()=>(0,_ui.getConfig)().numberInput.exponential},showCurrency:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showCurrency},currencySymbol:{type:String,default:()=>(0,_ui.getConfig)().numberInput.currencySymbol},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.controls},digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.autoFill},editable:{type:Boolean,default:!0},prefixIcon:String,suffixIcon:String,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","prev-number","next-number","prefix-click","suffix-click"],setup(h,e){const{slots:V,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(h)["computeSize"],U=(0,_vue.reactive)({isFocus:!1,isActivated:!1,inputValue:h.modelValue}),r={},I=(0,_vue.ref)(),S=(0,_vue.ref)(),M=(0,_vue.ref)(),O={refElem:I,refInput:S},l={xID:u,props:h,context:e,reactData:U,internalData:r,getRefMaps:()=>O};let o={};const C=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!i&&i.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!i&&i.props.disabled:e}),s=(0,_vue.computed)(()=>{var{type:e,digits:t}=h;let u=t;return null===u&&null===(u=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(u=2),_xeUtils.default.toInteger(u)||1}),v=(0,_vue.computed)(()=>{var e=h["type"];return"float"===e||"amount"===e}),R=(0,_vue.computed)(()=>{var e=h["type"],t=s.value,u=v.value,l=h.step;return"integer"===e?_xeUtils.default.toInteger(l)||1:u?_xeUtils.default.toNumber(l)||1/Math.pow(10,t):_xeUtils.default.toNumber(l)||1}),T=(0,_vue.computed)(()=>h.clearable),B=(0,_vue.computed)(()=>{var e=h["editable"];return C.value||!e}),D=(0,_vue.computed)(()=>{var e=h["placeholder"];return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),L=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=h;return _xeUtils.default.toNumber(e||t)||16}),d=(0,_vue.computed)(()=>{var e=h["immediate"];return e}),p=(0,_vue.computed)(()=>{var e=h["type"],t=U["inputValue"];return"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(t)):_xeUtils.default.toNumber((0,_util.handleNumber)(t))}),P=(0,_vue.computed)(()=>{var{type:t,showCurrency:u,currencySymbol:l,autoFill:a}=h,i=U["inputValue"],n=s.value;if("amount"!==t)return _xeUtils.default.toString(i);{var t=_xeUtils.default.toNumber(i);let e=_xeUtils.default.commafy(t,{digits:n});return a||([i,t]=e.split("."),t&&(n=t.replace(/0+$/,""),e=n?[i,".",n].join(""):i)),u?""+(l||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"")+e:e}}),_=(0,_vue.computed)(()=>{var e=h["min"],t=U["inputValue"],u=p.value;return!(!t&&0!==t||null===e)&&u<=_xeUtils.default.toNumber(e)}),c=(0,_vue.computed)(()=>{var e=h["max"],t=U["inputValue"],u=p.value;return!(!t&&0!==t||null===e)&&u>=_xeUtils.default.toNumber(e)}),m=e=>_xeUtils.default.eqNull(e)?"":""+e,f=e=>{var{exponential:t,autoFill:u}=h,l=L.value,a=s.value;let i="";return v.value?(i=(0,_util.toFloatValueFixed)(e,a),u||(i=m(_xeUtils.default.toNumber(i)))):i=m(e),!t||e!==i&&m(e).toLowerCase()!==_xeUtils.default.toNumber(i).toExponential()?i.slice(0,l):e},b=e=>{var t=U["inputValue"];o.dispatchEvent(e.type,{value:t},e)},g=(e,t,u)=>{var e=(0,_utils.eqEmptyValue)(e)?null:Number(e),l=e!==h.modelValue;l&&(r.isUM=!0,a("update:modelValue",e)),U.inputValue!==t&&(0,_vue.nextTick)(()=>{U.inputValue=t||""}),o.dispatchEvent("input",{value:e},u),l&&(o.dispatchEvent("change",{value:e},u),i)&&n&&i.triggerItemEvent(u,n.itemConfig.field,e)},x=(e,t)=>{var u=d.value,l=(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);U.inputValue=e,u?g(l,e,t):o.dispatchEvent("input",{value:l},t)},Y=e=>{var t=e.target.value;x(t,e)},G=e=>{d.value||b(e)},W=e=>{var t;B.value||(t=U["inputValue"],U.inputValue=(0,_utils.eqEmptyValue)(t)?"":""+_xeUtils.default.toNumber(t),U.isFocus=!0,U.isActivated=!0,b(e))},j=e=>{var t;A.value||(t=U["inputValue"],o.dispatchEvent("prefix-click",{value:t},e))},k=(e,t)=>{focus(),g(null,"",e),o.dispatchEvent("clear",{value:t},e)},z=e=>{var t;A.value||(t=U["inputValue"],o.dispatchEvent("suffix-click",{value:t},e))},t=()=>{var u=h["autoFill"],l=U["inputValue"],a=s.value,e=v.value;if(e&&l){let e="",t=null;l&&(e=(0,_util.toFloatValueFixed)(l,a),t=_xeUtils.default.toNumber(e),u||(e=""+t)),l!==t?g(t,e,{type:"init"}):U.inputValue=e}},y=e=>null===h.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(h.max),E=e=>null===h.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(h.min),N=()=>{var{type:t,min:u,max:l,exponential:a}=h,i=U["inputValue"];if(!B.value)if((0,_utils.eqEmptyValue)(i)){let e=null,t=i;!u&&0!==u||(e=_xeUtils.default.toNumber(u),t=""+e),void g(e,""+(t||""),{type:"check"})}else if(i||u||l){let e="integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i));E(e)?y(e)||(e=l):e=u,a&&(t=m(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=t);l=f(e);g((0,_utils.eqEmptyValue)(l)?null:Number(l),l,{type:"check"})}},$=e=>{var t=U["inputValue"],u=d.value,l=t?Number(t):null;u||g(l,m(t),e),N(),U.isFocus=!1,U.isActivated=!1,o.dispatchEvent("blur",{value:l},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,l)},X=(e,t)=>{var{min:u,max:l,type:a}=h,i=U["inputValue"],n=R.value,a="integer"===a?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),i=e?_xeUtils.default.add(a,n):_xeUtils.default.subtract(a,n);let r;r=E(i)?y(i)?i:l:u,x(f(r),t)},F=e=>{var t=A.value,u=C.value,l=_.value;q(),t||u||l||X(!1,e),U.isActivated=!0,o.dispatchEvent("next-number",{value:U.inputValue},e)},H=e=>{r.dnTimeout=setTimeout(()=>{F(e),H(e)},60)},K=e=>{var t=A.value,u=C.value,l=c.value;q(),t||u||l||X(!0,e),U.isActivated=!0,o.dispatchEvent("prev-number",{value:U.inputValue},e)},J=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||u)&&(e.preventDefault(),(t?K:F)(e))},Q=e=>{var{type:t,exponential:u,controls:l}=h,a=B.value,i=(0,_dom.hasControlKey)(e),n=e.shiftKey,r=e.altKey,o=e.keyCode,s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);i||n||r||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||"integer"===t&&110===o||(!u||69!==o)&&65<=o&&o<=90||186<=o&&o<=188||191<=o)&&e.preventDefault(),s?N():(v||d)&&l&&!a&&J(e),b(e)},Z=e=>{b(e)},q=()=>{var e=r["dnTimeout"];e&&(clearTimeout(e),r.dnTimeout=void 0)},ee=e=>{r.dnTimeout=setTimeout(()=>{K(e),ee(e)},60)},te=e=>{if(q(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?K:F)(e),r.dnTimeout=setTimeout(()=>{(t?ee:H)(e)},500)}},ue=e=>{var t=B.value;h.controls&&!t&&U.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(t=e.deltaY)?F(e):t<0&&K(e)),b(e)},le=e=>{b(e)},ae=e=>{var t=U["isActivated"],u=I.value,l=M.value,a=A.value,i=B.value,n=d.value;a||i||!t||(U.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,l).flag,U.isActivated)||(n||(a=U["inputValue"],i=a?Number(a):null,g(i,m(a),e)),N())},ie=t=>{var u=h["clearable"],l=A.value,a=B.value;if(!l&&!a){l=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=U.isActivated;l&&(e&&N(),e=!1,U.isActivated=e),a&&u&&e&&k(t,null)}},ne=()=>{var e=U["isActivated"];e&&N()},re=()=>{var e=h["controls"],t=B.value;return e&&!t?(e=c.value,t=_.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":e}],onMousedown:te,onMouseup:q,onMouseleave:q},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:te,onMouseup:q,onMouseleave:q},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):(0,_vue.createCommentVNode)()};o={dispatchEvent:(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$numberInput:l},t))},focus(){var e;return B.value||(e=S.value,U.isActivated=!0,e.focus()),(0,_vue.nextTick)()},blur(){return S.value.blur(),(U.isActivated=!1,_vue.nextTick)()},select(){return S.value.select(),(U.isActivated=!1,_vue.nextTick)()}},Object.assign(l,o);return l.renderVN=()=>{var e,t,u,l,a,i,n,r,o,{className:s,controls:v,type:d,align:p,name:_,autocomplete:c,autoComplete:m}=h,{inputValue:f,isFocus:b,isActivated:g}=U,x=w.value,y=A.value,E=C.value,N=P.value;return E?(0,_vue.h)("div",{ref:I,class:["vxe-number-input--readonly","type--"+d,s]},N):(E=B.value,e=L.value,t=D.value,u=T.value,a=h.prefixIcon,l=(l=V.prefix)||a?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:j},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:a})])]):null,a=h.suffixIcon,i=U.inputValue,n=V.suffix,r=A.value,o=T.value,r=(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":o&&!r&&!(""===i||_xeUtils.default.eqNull(i))}]},[o?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:k},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),re(),n||a?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:z},n?(0,_vn.getSlotVNs)(n({})):[(0,_vue.h)("i",{class:a})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:I,class:["vxe-number-input","type--"+d,s,{["size--"+x]:x,["is--"+p]:p,"is--controls":v&&!E,"is--prefix":!!l,"is--suffix":!!r,"is--disabled":y,"is--active":g,"show--clear":u&&!y&&!(""===f||_xeUtils.default.eqNull(f))}],spellcheck:!1},[l||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-number-input--wrapper"},[(0,_vue.h)("input",{ref:S,class:"vxe-number-input--inner",value:b||"amount"!==d?f:N,name:_,type:"text",placeholder:t,maxlength:e,readonly:E,disabled:y,autocomplete:m||c,onKeydown:Q,onKeyup:Z,onWheel:ue,onClick:le,onInput:Y,onChange:G,onFocus:W,onBlur:$})]),r||(0,_vue.createCommentVNode)()]))},(0,_vue.watch)(()=>h.modelValue,t=>{if(!r.isUM){var u=h["autoFill"],l=U["inputValue"],a=s.value,i=v.value;if((0,_utils.eqEmptyValue)(t))U.inputValue="";else{let e=""+t;i&&(e=(0,_util.toFloatValueFixed)(t,a),u||(e=""+_xeUtils.default.toNumber(e))),e!==l&&(U.inputValue=e)}}r.isUM=!1}),(0,_vue.watch)(()=>h.type,()=>{Object.assign(U,{inputValue:h.modelValue}),t()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(l,"mousedown",ae),_ui.globalEvents.on(l,"keydown",ie),_ui.globalEvents.on(l,"blur",ne)}),(0,_vue.onBeforeUnmount)(()=>{U.isFocus=!1,q(),N(),_ui.globalEvents.off(l,"mousedown"),_ui.globalEvents.off(l,"keydown"),_ui.globalEvents.off(l,"blur")}),t(),l},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.maxLength},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(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:()=>(0,_ui.getConfig)().numberInput.exponential},showCurrency:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showCurrency},currencySymbol:{type:String,default:()=>(0,_ui.getConfig)().numberInput.currencySymbol},controlConfig:Object,digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.autoFill},editable:{type:Boolean,default:!0},plusIcon:String,minusIcon:String,prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","plus-number","minus-number","prefix-click","suffix-click","prev-number","next-number"],setup(b,e){const{slots:g,emit:i}=e,a=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId();const K=(0,_ui.useSize)(b)["computeSize"],x=(0,_vue.reactive)({isFocus:!1,isActivated:!1,inputValue:b.modelValue}),r={},y=(0,_vue.ref)(),p=(0,_vue.ref)(),O=(0,_vue.ref)(),E=(0,_vue.computed)(()=>{var e=b["readonly"];return null===e?!!a&&a.props.readonly:e}),h=(0,_vue.computed)(()=>{var e=b["disabled"];return null===e?!!a&&a.props.disabled:e}),o=(0,_vue.computed)(()=>{var{type:e,digits:u}=b;let t=u;return null===t&&null===(t=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(t=2),_xeUtils.default.toInteger(t)||1}),N=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.controlConfig,b.controlConfig)),s=(0,_vue.computed)(()=>{var e=b["type"];return"float"===e||"amount"===e}),q=(0,_vue.computed)(()=>{var e=b["type"],u=o.value,t=s.value,l=b.step;return"integer"===e?_xeUtils.default.toInteger(l)||1:t?_xeUtils.default.toNumber(l)||1/Math.pow(10,u):_xeUtils.default.toNumber(l)||1}),V=(0,_vue.computed)(()=>b.clearable),U=(0,_vue.computed)(()=>{var e=b["editable"];return E.value||!e}),R=(0,_vue.computed)(()=>{var e=b["placeholder"];return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),d=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:u}=b;return _xeUtils.default.toNumber(e||u)||16}),v=(0,_vue.computed)(()=>{var e=b["immediate"];return e}),l=(0,_vue.computed)(()=>{var e=b["type"],u=x["inputValue"];return"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(u)):_xeUtils.default.toNumber((0,_util.handleNumber)(u))}),I=(0,_vue.computed)(()=>{var{type:u,showCurrency:t,currencySymbol:l,autoFill:i}=b,a=x["inputValue"],n=o.value;if("amount"!==u)return _xeUtils.default.toString(a);{var u=_xeUtils.default.toNumber(a);let e=_xeUtils.default.commafy(u,{digits:n});return i||([a,u]=e.split("."),u&&(n=u.replace(/0+$/,""),e=n?[a,".",n].join(""):a)),t?""+(l||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"")+e:e}}),c=(0,_vue.computed)(()=>{var e=b["min"],u=x["inputValue"],t=l.value;return!(!u&&0!==u||null===e)&&t<=_xeUtils.default.toNumber(e)}),m=(0,_vue.computed)(()=>{var e=b["max"],u=x["inputValue"],t=l.value;return!(!u&&0!==u||null===e)&&t>=_xeUtils.default.toNumber(e)}),D={refElem:y,refInput:p},P={computeControlOpts:N},_={xID:u,props:b,context:e,reactData:x,internalData:r,getRefMaps:()=>D,getComputeMaps:()=>P};let f={};const C=e=>_xeUtils.default.eqNull(e)?"":""+e,S=e=>{var{exponential:u,autoFill:t}=b,l=d.value,i=o.value;let a="";return s.value?(a=(0,_util.toFloatValueFixed)(e,i),t||(a=C(_xeUtils.default.toNumber(a)))):a=C(e),!u||e!==a&&C(e).toLowerCase()!==_xeUtils.default.toNumber(a).toExponential()?a.slice(0,l):e},T=e=>{var u=x["inputValue"];f.dispatchEvent(e.type,{value:u},e)},A=(e,u,t)=>{var e=(0,_utils.eqEmptyValue)(e)?null:Number(e),l=e!==b.modelValue;l&&(r.isUM=!0,i("update:modelValue",e)),x.inputValue!==u&&(0,_vue.nextTick)(()=>{x.inputValue=u||""}),f.dispatchEvent("input",{value:e},t),l&&(f.dispatchEvent("change",{value:e},t),a)&&n&&a.triggerItemEvent(t,n.itemConfig.field,e)},k=(e,u)=>{var t=v.value,l=(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);x.inputValue=e,t?A(l,e,u):f.dispatchEvent("input",{value:l},u)},Y=e=>{var u=e.target.value;k(u,e)},j=e=>{v.value||T(e)},G=e=>{var u;U.value||(u=x["inputValue"],x.inputValue=(0,_utils.eqEmptyValue)(u)?"":""+_xeUtils.default.toNumber(u),x.isFocus=!0,x.isActivated=!0,T(e))},W=e=>{var u;h.value||(u=x["inputValue"],f.dispatchEvent("prefix-click",{value:u},e))},B=(e,u)=>{focus(),A(null,"",e),f.dispatchEvent("clear",{value:u},e)},z=e=>{var u;h.value||(u=x["inputValue"],f.dispatchEvent("suffix-click",{value:u},e))},$=()=>{var t=b["autoFill"],l=x["inputValue"],i=o.value,e=s.value;if(e&&l){let e="",u=null;l&&(e=(0,_util.toFloatValueFixed)(l,i),u=_xeUtils.default.toNumber(e),t||(e=""+u)),l!==u?A(u,e,{type:"init"}):x.inputValue=e}},H=e=>null===b.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(b.max),J=e=>null===b.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(b.min),w=()=>{var{type:u,min:t,max:l,exponential:i}=b,a=x["inputValue"];if(!U.value)if((0,_utils.eqEmptyValue)(a)){let e=null,u=a;!t&&0!==t||(e=_xeUtils.default.toNumber(t),u=""+e),void A(e,""+(u||""),{type:"check"})}else if(a||t||l){let e="integer"===u?_xeUtils.default.toInteger((0,_util.handleNumber)(a)):_xeUtils.default.toNumber((0,_util.handleNumber)(a));J(e)?H(e)||(e=l):e=t,i&&(u=C(a).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=u);l=S(e);A((0,_utils.eqEmptyValue)(l)?null:Number(l),l,{type:"check"})}},Q=e=>{var u=x["inputValue"],t=v.value,l=u?Number(u):null;t||A(l,C(u),e),w(),x.isFocus=!1,x.isActivated=!1,f.dispatchEvent("blur",{value:l},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,l)},X=(e,u)=>{var{min:t,max:l,type:i}=b,a=x["inputValue"],n=q.value,i="integer"===i?_xeUtils.default.toInteger((0,_util.handleNumber)(a)):_xeUtils.default.toNumber((0,_util.handleNumber)(a)),a=e?_xeUtils.default.add(i,n):_xeUtils.default.subtract(i,n);let r;r=J(a)?H(a)?a:l:t,k(S(r),u)},L=e=>{var u=h.value,t=E.value,l=m.value;u||t||l||X(!0,e),x.isActivated=!0,f.dispatchEvent("plus-number",{value:x.inputValue},e),f.dispatchEvent("next-number",{value:x.inputValue},e)},M=e=>{var u=h.value,t=E.value,l=c.value;u||t||l||X(!1,e),x.isActivated=!0,f.dispatchEvent("minus-number",{value:x.inputValue},e),f.dispatchEvent("prev-number",{value:x.inputValue},e)},Z=e=>{var{type:u,exponential:t,controls:l}=b,i=N.value,a=i["showButton"],n=U.value,r=(0,_dom.hasControlKey)(e),o=e.shiftKey,s=e.altKey,v=e.keyCode,p=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);r||o||s||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||"integer"===u&&110===v||(!t||69!==v)&&65<=v&&v<=90||186<=v&&v<=188||191<=v)&&e.preventDefault(),p?w():(d||c)&&(0,_utils.isEnableConf)(i)&&(!1===l?l:a)&&!n&&(r=e,o=_ui.globalEvents.hasKey(r,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),s=_ui.globalEvents.hasKey(r,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o||s)&&(r.preventDefault(),(o?M:L)(r)),T(e)},ee=e=>{T(e)},ue=e=>{t(),r.ainTimeout=setTimeout(()=>{M(e),ue(e)},60)},te=e=>{t(),r.ainTimeout=setTimeout(()=>{L(e),te(e)},60)},t=()=>{var e;(e=r.dnTimeout)&&(clearTimeout(e),r.dnTimeout=void 0),(e=r.ainTimeout)&&(clearTimeout(e),r.ainTimeout=void 0)},le=e=>{r.isMouseDown?r.isMouseDown=!1:(t(),((0,_dom.hasClass)(e.currentTarget,"is--plus")?L:M)(e))},ie=e=>{if(t(),r.isMouseDown=!0,0===e.button){const u=(0,_dom.hasClass)(e.currentTarget,"is--plus");(u?L:M)(e),r.dnTimeout=setTimeout(()=>{(u?te:ue)(e)},500)}},ae=e=>{var u=b["controls"],t=N.value,l=t["isWheel"],i=U.value;(0,_utils.isEnableConf)(t)&&(!1===u?u:l)&&!i&&x.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(t=e.deltaY)?L(e):t<0&&M(e)),T(e)},ne=e=>{T(e)},re=e=>{var u=x["isActivated"],t=y.value,l=O.value,i=h.value,a=U.value,n=v.value;i||a||!u||(x.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,x.isActivated)||(n||(i=x["inputValue"],a=i?Number(i):null,A(a,C(i),e)),w())},oe=u=>{var t=b["clearable"],l=h.value,i=U.value;if(!l&&!i){l=_ui.globalEvents.hasKey(u,_ui.GLOBAL_EVENT_KEYS.TAB),i=_ui.globalEvents.hasKey(u,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=x.isActivated;l&&(e&&w(),e=!1,x.isActivated=e),i&&t&&e&&B(u,null)}},se=()=>{var e=x["isActivated"];e&&w()};f={dispatchEvent:(e,u,t)=>{i(e,(0,_ui.createEvent)(t,{$numberInput:_},u))},focus(){var e;return U.value||(e=p.value,x.isActivated=!0,e.focus()),(0,_vue.nextTick)()},blur(){return p.value.blur(),(x.isActivated=!1,_vue.nextTick)()},select(){return p.value.select(),(x.isActivated=!1,_vue.nextTick)()}},Object.assign(_,f);const ve=()=>{var e=b["prefixIcon"],u=g.prefix;return u||e?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:W},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},u?(0,_vn.getSlotVNs)(u({})):[(0,_vue.h)("i",{class:e})])]):(0,_ui.renderEmptyElement)(_)},pe=()=>{var e=b["suffixIcon"],u=x["inputValue"],t=g.suffix,l=h.value,i=V.value;return(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":i&&!l&&!(""===u||_xeUtils.default.eqNull(u))}]},[i?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:B},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(_),t||e?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:z},t?(0,_vn.getSlotVNs)(t({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(_)])},F=()=>{var{type:e,name:u,autocomplete:t,autoComplete:l}=b,{inputValue:i,isFocus:a}=x,n=h.value,r=I.value,o=U.value,s=d.value,v=R.value;return(0,_vue.h)("div",{key:"ni",class:"vxe-number-input--input-wrapper"},[ve(),(0,_vue.h)("div",{class:"vxe-number-input--input-inner"},[(0,_vue.h)("input",{ref:p,class:"vxe-number-input--input",value:a||"amount"!==e?i:r,name:u,type:"text",placeholder:v,maxlength:s,readonly:o,disabled:n,autocomplete:l||t,onKeydown:Z,onKeyup:ee,onWheel:ae,onClick:ne,onInput:Y,onChange:j,onFocus:G,onBlur:Q})]),pe()])},de=()=>{var e=b["minusIcon"],u=c.value;return(0,_vue.h)("button",{key:"prev",class:["vxe-number-input--minus-btn is--minus",{"is--disabled":u}],onClick:le,onMousedown:ie,onMouseup:t,onMouseleave:t},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_MINUS_NUM})])},ce=()=>{var e=b["plusIcon"],u=m.value;return(0,_vue.h)("button",{key:"next",class:["vxe-number-input--plus-btn is--plus",{"is--disabled":u}],onClick:le,onMousedown:ie,onMouseup:t,onMouseleave:t},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_PLUS_NUM})])},me=()=>(0,_vue.h)("div",{key:"cplr",class:"vxe-number-input--side-control"},[ce(),de()]);return _.renderVN=()=>{var{className:e,controls:u,type:t,align:l,prefixIcon:i,suffixIcon:a}=b,{inputValue:n,isActivated:r}=x,o=K.value,s=N.value,{layout:v,showButton:p}=s,d=h.value,c=E.value,m=I.value,_=g.prefix,f=g.suffix;return c?(0,_vue.h)("div",{ref:y,class:["vxe-number-input--readonly","type--"+t,e]},m):(c=U.value,m=V.value,s=(0,_utils.isEnableConf)(s)&&(!1===u?u:p),(0,_vue.h)("div",{ref:y,class:["vxe-number-input","type--"+t,"control-"+("right"===v||"left"===v?v:"default"),e,{["size--"+o]:o,["is--"+l]:l,"is--controls":s&&!c,"is--prefix":!!_||i,"is--suffix":!!f||a,"is--disabled":d,"is--active":r,"show--clear":m&&!d&&!(""===n||_xeUtils.default.eqNull(n))}],spellcheck:!1},s?"right"===v?[F(),me()]:"left"===v?[me(),F()]:[de(),F(),ce()]:[F()]))},(0,_vue.watch)(()=>b.modelValue,u=>{if(!r.isUM){var t=b["autoFill"],l=x["inputValue"],i=o.value,a=s.value;if((0,_utils.eqEmptyValue)(u))x.inputValue="";else{let e=""+u;a&&(e=(0,_util.toFloatValueFixed)(u,i),t||(e=""+_xeUtils.default.toNumber(e))),e!==l&&(x.inputValue=e)}}r.isUM=!1}),(0,_vue.watch)(()=>b.type,()=>{Object.assign(x,{inputValue:b.modelValue}),$()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(_,"mousedown",re),_ui.globalEvents.on(_,"keydown",oe),_ui.globalEvents.on(_,"blur",se)}),(0,_vue.onBeforeUnmount)(()=>{x.isFocus=!1,t(),w(),_ui.globalEvents.off(_,"mousedown"),_ui.globalEvents.off(_,"keydown"),_ui.globalEvents.off(_,"blur")}),$(),_},render(){return this.renderVN()}});