vxe-pc-ui 3.17.29 → 3.17.30

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

@@ -863,7 +863,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           var contentMethod = tooltipOpts.contentMethod;
           var inputElem = $xeNumberInput.$refs.refInputTarget;
           var content = (0, _utils.getText)(contentMethod ? contentMethod({
-            $mumberInput: $xeNumberInput,
+            $numberInput: $xeNumberInput,
             type: type,
             inputValue: inputElem.value,
             value: inputValue || '',

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

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

package/lib/slider/src/slider.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -21,6 +22,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function createInternalData() {
   return {
     // _isUp: false,
+    isDragStatus: false,
+    isBtnActive: false,
     currValue: 0,
     startValue: 0,
     endValue: 0
@@ -83,7 +86,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       default: function _default() {
         return (0, _ui.getConfig)().slider.immediate;
       }
-    }
+    },
+    showTooltip: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.showTooltip;
+      }
+    },
+    tooltipConfig: Object
   },
   inject: {
     $xeForm: {
@@ -146,6 +156,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         startValue = props.startValue,
         endValue = props.endValue;
       return range ? "".concat(startValue || '').concat(endValue || '') : '';
+    },
+    computeTooltipOpts: function computeTooltipOpts() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      return Object.assign({}, (0, _ui.getConfig)().slider.tooltipConfig, props.tooltipConfig);
     }
   }),
   methods: {
@@ -342,6 +357,42 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var raw = minNum + ratio * (maxNum - minNum);
       return Math.floor(raw);
     },
+    handleShowTip: function handleShowTip(btnElem) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var internalData = $xeSlider.internalData;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (_ui.VxeUI.tooltip) {
+          var currValue = internalData.currValue;
+          var tooltipOpts = $xeSlider.computeTooltipOpts;
+          var contentMethod = tooltipOpts.contentMethod;
+          var content = (0, _utils.getText)(contentMethod ? contentMethod({
+            $slider: $xeSlider,
+            value: currValue
+          }) : '' + currValue);
+          if (content) {
+            _ui.VxeUI.tooltip.open(btnElem, Object.assign({}, Object.assign(Object.assign({}, tooltipOpts), {
+              content: content
+            }), {
+              contentMethod: undefined
+            }));
+          } else {
+            _ui.VxeUI.tooltip.close();
+          }
+        }
+      }
+    },
+    handleHideTip: function handleHideTip() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var showTooltip = props.showTooltip;
+      if (showTooltip) {
+        if (_ui.VxeUI.tooltip) {
+          _ui.VxeUI.tooltip.close();
+        }
+      }
+    },
     handleBtnMousedownEvent: function handleBtnMousedownEvent(evnt) {
       var $xeSlider = this;
       var props = $xeSlider;
@@ -382,10 +433,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             $xeSlider.changeEvent(evnt);
           }
           $xeSlider.updateTrackStyle();
+          $xeSlider.handleShowTip(btnElem);
         };
         document.onmouseup = function (evnt) {
           document.onmousemove = null;
           document.onmouseup = null;
+          internalData.isDragStatus = false;
           $xeSlider.dispatchEvent('track-dragend', {
             currentValue: internalData.currValue,
             startValue: internalData.startValue,
@@ -393,12 +446,36 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           }, evnt);
           $xeSlider.changeEvent(evnt);
           $xeSlider.updateTrackStyle();
+          if (!internalData.isBtnActive) {
+            $xeSlider.handleHideTip();
+          }
         };
         $xeSlider.dispatchEvent('track-dragstart', {
           currentValue: internalData.currValue,
           startValue: internalData.startValue,
           endValue: internalData.endValue
         }, evnt);
+        internalData.isDragStatus = false;
+      }
+    },
+    handleBtnMouseenterEvent: function handleBtnMouseenterEvent(evnt) {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var startValue = internalData.startValue,
+        endValue = internalData.endValue;
+      var btnElem = evnt.currentTarget;
+      var btnType = btnElem.getAttribute('data-type');
+      internalData.currValue = btnType === '1' ? startValue : endValue;
+      internalData.isBtnActive = true;
+      $xeSlider.handleShowTip(btnElem);
+    },
+    handleBtnMouseleaveEvent: function handleBtnMouseleaveEvent() {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var isDragStatus = internalData.isDragStatus;
+      internalData.isBtnActive = false;
+      if (!isDragStatus) {
+        $xeSlider.handleHideTip();
       }
     },
     //
@@ -430,6 +507,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           'data-type': '1'
         },
         on: {
+          mouseenter: $xeSlider.handleBtnMouseenterEvent,
+          mouseleave: $xeSlider.handleBtnMouseleaveEvent,
           mousedown: $xeSlider.handleBtnMousedownEvent
         }
       }), formReadonly ? (0, _ui.renderEmptyElement)($xeSlider) : h('div', {
@@ -439,6 +518,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           'data-type': '2'
         },
         on: {
+          mouseenter: $xeSlider.handleBtnMouseenterEvent,
+          mouseleave: $xeSlider.handleBtnMouseleaveEvent,
           mousedown: $xeSlider.handleBtnMousedownEvent
         }
       })])]);

package/lib/slider/src/slider.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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;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 r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,u,l,i=[],o=!0,s=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(a=u.call(r)).done)&&(i.push(a.value),i.length!==t);o=!0);}catch(e){s=!0,n=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw n}}return i}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function createInternalData(){return{currValue:0,startValue:0,endValue:0}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],startValue:[String,Number],endValue:[String,Number],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},immediate:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.immediate}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},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},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)},computeMVal:function(){var e=this.range,t=this.startValue,r=this.endValue;return e?"".concat(t||"").concat(r||""):""}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){var t=this.internalData,r=this._events;t._isUp=!0,r&&r.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getBarPercent:function(e){var t=this.computeMaxNum,r=this.computeMinNum;return t===r?0:((e=t<(e=e<r?r:e)?t:e)-r)/(t-r)*100},parseFields:function(e,t){var r=this.internalData,e=_slicedToArray(_xeUtils.default.orderBy([_xeUtils.default.toNumber(e),_xeUtils.default.toNumber(t)]),2),t=e[0],e=e[1],t=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0));r.currValue=t,r.startValue=t,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0))},parseArrs:function(e){var t=this.internalData,e=_slicedToArray(_xeUtils.default.orderBy(e),2),r=e[0],e=e[1],r=_xeUtils.default.floor(_xeUtils.default.toNumber(r||0));t.currValue=r,t.startValue=r,t.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0))},parseNum:function(e){var t=this.internalData,e=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0));t.currValue=e,t.startValue=0,t.endValue=e},updateModelValue:function(e){var t=this,r=t.range,a=t.value,n=t.startValue,u=t.endValue;e?r&&2===e?t.parseFields(n,u):_xeUtils.default.isArray(a)?t.parseArrs(a.map(function(e){return _xeUtils.default.toNumber(e)})):t.parseNum(a):r?_xeUtils.default.eqNull(a)?(n||u)&&t.parseFields(n,u):_xeUtils.default.isArray(a)?t.parseArrs(a.map(function(e){return _xeUtils.default.toNumber(e)})):t.parseNum(a):t.parseNum(a),t.updateBarStyle(),t.updateTrackStyle()},updateBarStyle:function(){var e=this,t=e.internalData,r=e.range,a=t.currValue,n=e.$refs.refStartBtnElem,u=e.$refs.refEndBtnElem;r?(t=(r=_slicedToArray(_xeUtils.default.orderBy([t.startValue,t.endValue]),2))[0],r=r[1],n&&(n.style.left=e.getBarPercent(t)+"%"),u&&(u.style.left=e.getBarPercent(r)+"%")):u&&(u.style.left=e.getBarPercent(a)+"%")},updateTrackStyle:function(){var e=this,t=e.internalData,r=e.range,a=t.currValue,n=e.$refs.refTrackElem;n&&(r?(t=(r=_slicedToArray(_xeUtils.default.orderBy([t.startValue,t.endValue]),2))[0],r=r[1],n.style.left=e.getBarPercent(t)+"%",n.style.width=e.getBarPercent(r-t)+"%"):(n.style.left="0",n.style.width=e.getBarPercent(a)+"%"))},changeEvent:function(e){var t=this,r=t.internalData,a=t.$xeForm,n=t.formItemInfo,u=t.range,l=r.currValue,r=u?_xeUtils.default.orderBy([r.startValue,r.endValue]):[],l=u?r:l;t.emitModel(l),u&&(t.$emit("update:startValue",r[0]||0),t.$emit("update:endValue",r[1]||0)),t.dispatchEvent("change",{value:l},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,l)},getValueByLeft:function(e,t){var r=this.computeMaxNum,a=this.computeMinNum;return 0===t?a:(e=Math.max(0,Math.min(t,e)),Math.floor(a+e/t*(r-a)))},handleBtnMousedownEvent:function(e){var n=this,u=n.internalData,l=n.range,i=n.immediate,o=e.currentTarget;n.computeFormReadonly||n.computeIsDisabled||(e.preventDefault(),document.onmousemove=function(e){e.preventDefault();var t,r=n.$refs.refElem,a=n.$refs.refBarElem;r&&a&&(r=o.getAttribute("data-type"),t=(a=a.getBoundingClientRect()).width,a=Math.min(t,Math.max(0,e.clientX-a.left)),a=n.getValueByLeft(a,t),l&&("1"===r?u.startValue=a:u.endValue=a),u.currValue=a,o.style.left=n.getBarPercent(a)+"%",n.dispatchEvent("track-dragover",{currentValue:u.currValue,startValue:u.startValue,endValue:u.endValue},e)),i&&n.changeEvent(e),n.updateTrackStyle()},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null,n.dispatchEvent("track-dragend",{currentValue:u.currValue,startValue:u.startValue,endValue:u.endValue},e),n.changeEvent(e),n.updateTrackStyle()},n.dispatchEvent("track-dragstart",{currentValue:u.currValue,startValue:u.startValue,endValue:u.endValue},e))},renderVN:function(e){var t=this,r=t.vertical,a=t.range,n=t.computeSize,u=t.computeFormReadonly,l=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(n),n),"is--vertical",r),"is--readonly",u),"is--disabled",l)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),u||!a?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn",attrs:{"data-type":"1"},on:{mousedown:t.handleBtnMousedownEvent}}),u?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn",attrs:{"data-type":"2"},on:{mousedown:t.handleBtnMousedownEvent}})])])}},watch:{value:function(){var e=this.internalData;e._isUp||this.updateModelValue(1),e._isUp=!1},computeMVal:function(){var e=this.internalData;e._isUp||this.updateModelValue(2),e._isUp=!1}},created:function(){this.internalData=createInternalData(),this.updateModelValue()},mounted:function(){this.updateBarStyle(),this.updateTrackStyle()},beforeDestroy:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;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 r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,i,u,l=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(a=i.call(r)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,n=e}finally{try{if(!o&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(s)throw n}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function createInternalData(){return{isDragStatus:!1,isBtnActive:!1,currValue:0,startValue:0,endValue:0}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],startValue:[String,Number],endValue:[String,Number],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},immediate:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.immediate}},showTooltip:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.showTooltip}},tooltipConfig:Object},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},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},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)},computeMVal:function(){var e=this.range,t=this.startValue,r=this.endValue;return e?"".concat(t||"").concat(r||""):""},computeTooltipOpts:function(){return Object.assign({},(0,_ui.getConfig)().slider.tooltipConfig,this.tooltipConfig)}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){var t=this.internalData,r=this._events;t._isUp=!0,r&&r.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getBarPercent:function(e){var t=this.computeMaxNum,r=this.computeMinNum;return t===r?0:((e=t<(e=e<r?r:e)?t:e)-r)/(t-r)*100},parseFields:function(e,t){var r=this.internalData,e=_slicedToArray(_xeUtils.default.orderBy([_xeUtils.default.toNumber(e),_xeUtils.default.toNumber(t)]),2),t=e[0],e=e[1],t=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0));r.currValue=t,r.startValue=t,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0))},parseArrs:function(e){var t=this.internalData,e=_slicedToArray(_xeUtils.default.orderBy(e),2),r=e[0],e=e[1],r=_xeUtils.default.floor(_xeUtils.default.toNumber(r||0));t.currValue=r,t.startValue=r,t.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0))},parseNum:function(e){var t=this.internalData,e=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0));t.currValue=e,t.startValue=0,t.endValue=e},updateModelValue:function(e){var t=this,r=t.range,a=t.value,n=t.startValue,i=t.endValue;e?r&&2===e?t.parseFields(n,i):_xeUtils.default.isArray(a)?t.parseArrs(a.map(function(e){return _xeUtils.default.toNumber(e)})):t.parseNum(a):r?_xeUtils.default.eqNull(a)?(n||i)&&t.parseFields(n,i):_xeUtils.default.isArray(a)?t.parseArrs(a.map(function(e){return _xeUtils.default.toNumber(e)})):t.parseNum(a):t.parseNum(a),t.updateBarStyle(),t.updateTrackStyle()},updateBarStyle:function(){var e=this,t=e.internalData,r=e.range,a=t.currValue,n=e.$refs.refStartBtnElem,i=e.$refs.refEndBtnElem;r?(t=(r=_slicedToArray(_xeUtils.default.orderBy([t.startValue,t.endValue]),2))[0],r=r[1],n&&(n.style.left=e.getBarPercent(t)+"%"),i&&(i.style.left=e.getBarPercent(r)+"%")):i&&(i.style.left=e.getBarPercent(a)+"%")},updateTrackStyle:function(){var e=this,t=e.internalData,r=e.range,a=t.currValue,n=e.$refs.refTrackElem;n&&(r?(t=(r=_slicedToArray(_xeUtils.default.orderBy([t.startValue,t.endValue]),2))[0],r=r[1],n.style.left=e.getBarPercent(t)+"%",n.style.width=e.getBarPercent(r-t)+"%"):(n.style.left="0",n.style.width=e.getBarPercent(a)+"%"))},changeEvent:function(e){var t=this,r=t.internalData,a=t.$xeForm,n=t.formItemInfo,i=t.range,u=r.currValue,r=i?_xeUtils.default.orderBy([r.startValue,r.endValue]):[],u=i?r:u;t.emitModel(u),i&&(t.$emit("update:startValue",r[0]||0),t.$emit("update:endValue",r[1]||0)),t.dispatchEvent("change",{value:u},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,u)},getValueByLeft:function(e,t){var r=this.computeMaxNum,a=this.computeMinNum;return 0===t?a:(e=Math.max(0,Math.min(t,e)),Math.floor(a+e/t*(r-a)))},handleShowTip:function(e){var t,r,a=this.internalData;this.showTooltip&&_ui.VxeUI.tooltip&&(a=a.currValue,r=(t=this.computeTooltipOpts).contentMethod,(r=(0,_utils.getText)(r?r({$slider:this,value:a}):""+a))?_ui.VxeUI.tooltip.open(e,Object.assign({},Object.assign(Object.assign({},t),{content:r}),{contentMethod:void 0})):_ui.VxeUI.tooltip.close())},handleHideTip:function(){this.showTooltip&&_ui.VxeUI.tooltip&&_ui.VxeUI.tooltip.close()},handleBtnMousedownEvent:function(e){var n=this,i=n.internalData,u=n.range,l=n.immediate,o=e.currentTarget;n.computeFormReadonly||n.computeIsDisabled||(e.preventDefault(),document.onmousemove=function(e){e.preventDefault();var t,r=n.$refs.refElem,a=n.$refs.refBarElem;r&&a&&(r=o.getAttribute("data-type"),t=(a=a.getBoundingClientRect()).width,a=Math.min(t,Math.max(0,e.clientX-a.left)),a=n.getValueByLeft(a,t),u&&("1"===r?i.startValue=a:i.endValue=a),i.currValue=a,o.style.left=n.getBarPercent(a)+"%",n.dispatchEvent("track-dragover",{currentValue:i.currValue,startValue:i.startValue,endValue:i.endValue},e)),l&&n.changeEvent(e),n.updateTrackStyle(),n.handleShowTip(o)},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null,i.isDragStatus=!1,n.dispatchEvent("track-dragend",{currentValue:i.currValue,startValue:i.startValue,endValue:i.endValue},e),n.changeEvent(e),n.updateTrackStyle(),i.isBtnActive||n.handleHideTip()},n.dispatchEvent("track-dragstart",{currentValue:i.currValue,startValue:i.startValue,endValue:i.endValue},e),i.isDragStatus=!1)},handleBtnMouseenterEvent:function(e){var t=this.internalData,r=t.startValue,a=t.endValue,e=e.currentTarget,n=e.getAttribute("data-type");t.currValue="1"===n?r:a,t.isBtnActive=!0,this.handleShowTip(e)},handleBtnMouseleaveEvent:function(){var e=this.internalData,t=e.isDragStatus;e.isBtnActive=!1,t||this.handleHideTip()},renderVN:function(e){var t=this,r=t.vertical,a=t.range,n=t.computeSize,i=t.computeFormReadonly,u=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(n),n),"is--vertical",r),"is--readonly",i),"is--disabled",u)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),i||!a?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn",attrs:{"data-type":"1"},on:{mouseenter:t.handleBtnMouseenterEvent,mouseleave:t.handleBtnMouseleaveEvent,mousedown:t.handleBtnMousedownEvent}}),i?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn",attrs:{"data-type":"2"},on:{mouseenter:t.handleBtnMouseenterEvent,mouseleave:t.handleBtnMouseleaveEvent,mousedown:t.handleBtnMousedownEvent}})])])}},watch:{value:function(){var e=this.internalData;e._isUp||this.updateModelValue(1),e._isUp=!1},computeMVal:function(){var e=this.internalData;e._isUp||this.updateModelValue(2),e._isUp=!1}},created:function(){this.internalData=createInternalData(),this.updateModelValue()},mounted:function(){this.updateBarStyle(),this.updateTrackStyle()},beforeDestroy:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/slider/style/style.css

@@ -87,6 +87,7 @@
 }
 .vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active {
   transform: translate(-50%, -50%) scale(1.1);
+  cursor: grab;
 }
 .vxe-slider.is--readonly .vxe-slider--bar-wrapper,
 .vxe-slider.is--readonly .vxe-slider--inner {

package/lib/slider/style/style.min.css

@@ -1 +1 @@
-.vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1)}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}
+.vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1);cursor:grab}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}

package/lib/space/src/space.js

@@ -65,6 +65,36 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       default: function _default() {
         return (0, _ui.getConfig)().space.align;
       }
+    },
+    fill: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.fill;
+      }
+    },
+    itemWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.itemWidth;
+      }
+    },
+    itemMinWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.itemMinWidth;
+      }
+    },
+    itemMaxWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.itemMaxWidth;
+      }
+    },
+    separatorWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.separatorWidth;
+      }
     }
   },
   data: function data() {
@@ -128,10 +158,28 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeSpace;
       var slots = $xeSpace.$scopedSlots;
       var separator = props.separator,
-        itemClassName = props.itemClassName;
+        itemClassName = props.itemClassName,
+        itemWidth = props.itemWidth,
+        itemMinWidth = props.itemMinWidth,
+        itemMaxWidth = props.itemMaxWidth,
+        separatorWidth = props.separatorWidth;
       var itemVNs = [];
       var defaultSlot = slots.default;
       var separatorSlot = slots.separator;
+      var srStys = {};
+      if (separatorWidth) {
+        srStys.width = (0, _dom.toCssUnit)(itemWidth);
+      }
+      var itemStys = {};
+      if (itemWidth) {
+        itemStys.width = (0, _dom.toCssUnit)(itemWidth);
+      }
+      if (itemMinWidth) {
+        itemStys.minWidth = (0, _dom.toCssUnit)(itemMinWidth);
+      }
+      if (itemMaxWidth) {
+        itemStys.maxWidth = (0, _dom.toCssUnit)(itemMaxWidth);
+      }
       if (defaultSlot) {
         _xeUtils.default.each(defaultSlot({}), function (itemVN, index, items) {
           itemVNs.push(h('div', {
@@ -155,12 +203,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeSpace;
       var vertical = props.vertical,
         wrap = props.wrap,
-        className = props.className;
+        className = props.className,
+        fill = props.fill,
+        itemWidth = props.itemWidth,
+        itemMinWidth = props.itemMinWidth,
+        itemMaxWidth = props.itemMaxWidth;
       var wrapperStyle = $xeSpace.computeWrapperStyle;
       var vSize = $xeSpace.computeSize;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-space', (0, _dom.getPropClass)(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
+        class: ['vxe-space', (0, _dom.getPropClass)(className, {}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical), 'is--fill', fill), 'is--width', itemWidth || itemMinWidth || itemMaxWidth)],
         style: wrapperStyle
       }, $xeSpace.renderItems(h));
     }

package/lib/space/src/space.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"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");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:"VxeSpace",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{size:{type:String,default:function(){return(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size}},wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.wrap}},gap:{type:[Number,String,Array,Object],default:function(){return(0,_ui.getConfig)().space.gap}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.vertical}},className:{type:String,default:function(){return(0,_ui.getConfig)().space.className}},itemClassName:{type:String,default:function(){return(0,_ui.getConfig)().space.itemClassName}},separator:{type:String,default:function(){return(0,_ui.getConfig)().space.separator}},align:{type:String,default:function(){return(0,_ui.getConfig)().space.align}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeValue:null}}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this.align,t=this.gap,i={},r="",n="";return _xeUtils.default.isNumber(t)||_xeUtils.default.isString(t)?n=r=t:t&&(n=_xeUtils.default.isArray(t)?(r=t[0],t[1]):(r=t.rowGap||"",t.columGap||"")),e&&(i["align-items"]=e),(0,_utils.eqEmptyValue)(r)||(i["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(r)),(0,_utils.eqEmptyValue)(n)||(i["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(n)),i}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$space:this},t))},renderItems:function(r){var e=this.$scopedSlots,n=this.separator,u=this.itemClassName,o=[],t=e.default,a=e.separator;return t&&_xeUtils.default.each(t({}),function(e,t,i){o.push(r("div",{key:"i"+t,class:["vxe-space--item",(0,_dom.getPropClass)(u,{index:t})]},[e])),(n||a)&&t<i.length-1&&o.push(r("div",{key:"s"+t,class:"vxe-space--separator"},a?a({}):""+n))}),o},renderVN:function(e){var t=this,i=t.vertical,r=t.wrap,n=t.computeWrapperStyle,u=t.computeSize;return e("div",{ref:"refElem",class:["vxe-space",(0,_dom.getPropClass)(t.className,{}),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(u),u),"is--wrap",r),"is--vertical",i)],style:n},t.renderItems(e))}},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"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");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:"VxeSpace",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{size:{type:String,default:function(){return(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size}},wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.wrap}},gap:{type:[Number,String,Array,Object],default:function(){return(0,_ui.getConfig)().space.gap}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.vertical}},className:{type:String,default:function(){return(0,_ui.getConfig)().space.className}},itemClassName:{type:String,default:function(){return(0,_ui.getConfig)().space.itemClassName}},separator:{type:String,default:function(){return(0,_ui.getConfig)().space.separator}},align:{type:String,default:function(){return(0,_ui.getConfig)().space.align}},fill:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.fill}},itemWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().space.itemWidth}},itemMinWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().space.itemMinWidth}},itemMaxWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().space.itemMaxWidth}},separatorWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().space.separatorWidth}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeValue:null}}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this.align,t=this.gap,i={},r="",n="";return _xeUtils.default.isNumber(t)||_xeUtils.default.isString(t)?n=r=t:t&&(n=_xeUtils.default.isArray(t)?(r=t[0],t[1]):(r=t.rowGap||"",t.columGap||"")),e&&(i["align-items"]=e),(0,_utils.eqEmptyValue)(r)||(i["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(r)),(0,_utils.eqEmptyValue)(n)||(i["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(n)),i}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$space:this},t))},renderItems:function(r){var e=this,t=this.$scopedSlots,n=e.separator,u=e.itemClassName,i=e.itemWidth,o=e.itemMinWidth,a=e.itemMaxWidth,s=[],p=t.default,l=t.separator;e.separatorWidth&&(0,_dom.toCssUnit)(i);return i&&(0,_dom.toCssUnit)(i),o&&(0,_dom.toCssUnit)(o),a&&(0,_dom.toCssUnit)(a),p&&_xeUtils.default.each(p({}),function(e,t,i){s.push(r("div",{key:"i"+t,class:["vxe-space--item",(0,_dom.getPropClass)(u,{index:t})]},[e])),(n||l)&&t<i.length-1&&s.push(r("div",{key:"s"+t,class:"vxe-space--separator"},l?l({}):""+n))}),s},renderVN:function(e){var t=this,i=t.vertical,r=t.wrap,n=t.fill,u=t.itemWidth,o=t.itemMinWidth,a=t.itemMaxWidth,s=this.computeWrapperStyle,p=this.computeSize;return e("div",{ref:"refElem",class:["vxe-space",(0,_dom.getPropClass)(t.className,{}),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(p),p),"is--wrap",r),"is--vertical",i),"is--fill",n),"is--width",u||o||a)],style:s},this.renderItems(e))}},render:function(e){return this.renderVN(e)}});

package/lib/space/style/style.css

@@ -34,4 +34,11 @@
 }
 .vxe-space.is--vertical {
   flex-direction: column;
+}
+.vxe-space.is--fill > .vxe-space--item {
+  flex-grow: 1;
+}
+
+.vxe-space--separator {
+  flex-shrink: 0;
 }

package/lib/space/style/style.min.css

@@ -1 +1 @@
-.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}
+.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}.vxe-space.is--fill>.vxe-space--item{flex-grow:1}.vxe-space--separator{flex-shrink:0}