@xysfe/actui/es/Stepper/index.js

A fantastic mobile ui lib implement by Vue

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@xysfe/actui/es/assets/utils/helpers.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/helpers.js"],e):"object"==typeof exports?exports.Stepper=e(require("@xysfe/actui/es/assets/utils/helpers.js")):t.Stepper=e(t["@xysfe/actui/es/assets/utils/helpers.js"])}("undefined"!=typeof self?self:this,function(t){return function(t){function e(n){if(i[n])return i[n].exports;var a=i[n]={i:n,l:!1,exports:{}};return t[n].call(a.exports,a,a.exports,e),a.l=!0,a.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="../es",e(e.s=1405)}({1057:function(t,e,i){"use strict";var n=i(39);i.n(n);e.a={name:"ActStepper",props:{value:{type:[Number,String],default:""},min:{type:[Number,String],default:1},max:{type:[Number,String],default:1/0},step:{type:[Number,String],default:1},integer:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},disableInput:{type:Boolean,default:!1},color:{type:String,default:""},backgroundColor:{type:String,default:""},fontSize:{type:[Number,String],default:""},iconSize:{type:[Number,String],default:""},inputWidth:{type:[Number,String],default:""},height:{type:[Number,String],default:""},formatDisaplyValue:{type:Function,default:null},adaptiveWidth:{type:Boolean,default:!1}},data:function(){return{currentValue:1,focused:!1,adaptiveInfo:null}},computed:{displayValue:function(){return this.focused?this.currentValue:this.formatDisaplyValue&&"function"==typeof this.formatDisaplyValue?this.formatDisaplyValue(this.currentValue):this.currentValue},minusDisabled:function(){return this.disabled||this.currentValue<=this.min},plusDisabled:function(){return this.disabled||this.currentValue>=this.max},inputStyle:function(){var t={};return this.adaptiveWidth&&this.adaptiveInfo&&this.adaptiveInfo.width?(t.width=Object(n.formatFontSize)(this.adaptiveInfo.width),t.transition="width 0.2s ease"):this.inputWidth&&(t.width=Object(n.formatFontSize)(this.inputWidth)),this.height&&(t.height=Object(n.formatFontSize)(this.height)),this.fontSize&&(t.fontSize=Object(n.formatFontSize)(this.fontSize)),t},buttonStyle:function(){var t={};if(this.height){var e=Object(n.formatFontSize)(this.height);t.width=e,t.height=e}return this.iconSize&&(t.fontSize=Object(n.formatFontSize)(this.iconSize)),t.backgroundColor=this.color,t},wrapperStyle:function(){var t={};return t.backgroundColor=this.backgroundColor,t}},created:function(){var t=this.range(this.value?this.value:1);t!==+this.value&&this.$emit("input",t),this.currentValue=t},mounted:function(){this.initAdaptive()},watch:{value:function(t){t!==this.currentValue&&(this.currentValue=this.format(t),this.onAdaptive())},currentValue:function(t){this.$emit("input",t)},adaptiveWidth:function(t){!0===t&&this.initAdaptive()}},methods:{format:function(t){return t=String(t).replace(/[^0-9.-]/g,""),""===t?0:this.integer?Math.floor(t):+t},range:function(t){return Math.max(Math.min(this.max,this.format(t)),this.min)},onInput:function(t){var e=t.target.value,i=this.format(e);+e!==i&&(t.target.value=i),this.currentValue=i,this.$emit("input",i),this.onAdaptive()},onFocus:function(t){this.focused=!0,this.$emit("focus",t)},onBlur:function(t){this.focused=!1;var e=this.format(this.currentValue);e<this.min?this.$emit("error","最小值不能低于"+this.min):e>this.max&&this.$emit("error","最大值不能超过"+this.max),this.currentValue=this.range(this.currentValue),this.$emit("change",this.currentValue,"plus","blur"),this.$emit("blur",t),this.onAdaptive()},onChange:function(t){if(!("minus"===t&&this.minusDisabled||"plus"===t&&this.plusDisabled)){var e="minus"===t?-this.step:+this.step,i=Math.round(100*(this.currentValue+e))/100;this.currentValue=this.range(i),this.$emit(t,this.currentValue),this.$emit("change",this.currentValue,t)}},initAdaptive:function(){var t=this;this.$nextTick(function(){if(t.adaptiveWidth){var e=t.$refs.adaptiveRef;if(e){var i=e.offsetWidth;i&&(t.adaptiveInfo={width:i,min:i,max:1.5*i}),t.onAdaptive()}}})},onAdaptive:function(){var t=this;this.adaptiveWidth&&this.adaptiveInfo&&this.$nextTick(function(){var e=t.$refs.adaptiveRef;if(e){var i=e.querySelector("span");if(i){var n=i.offsetWidth,a=t.adaptiveInfo.min,s=t.adaptiveInfo.max,r=void 0;r=n<=a?a:Math.min(s,n),t.adaptiveInfo.width!==r&&(t.adaptiveInfo.width=r)}}})}}}},1405:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1406);n.a.install=function(t){t.component(n.a.name,n.a)},e.default=n.a},1406:function(t,e,i){"use strict";function n(t){u||i(1407)}var a=i(1057),s=i(1408),r=i(7),u=!1,o=n,l=Object(r.a)(a.a,s.a,s.b,!1,o,"data-v-356b0c2f",null);l.options.__file="src\\components\\Stepper\\src\\index.vue",e.a=l.exports},1407:function(t,e){},1408:function(t,e,i){"use strict";i.d(e,"a",function(){return n}),i.d(e,"b",function(){return a});var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"act-stepper"},[i("div",{staticClass:"act-stepper-wrapper",style:t.wrapperStyle},[i("span",{class:["minus",{disabled:t.minusDisabled}],style:t.buttonStyle,on:{click:function(e){return t.onChange("minus")}}},[i("i",{staticClass:"horiz"})]),t._v(" "),i("div",{staticClass:"content"},[t._t("before"),t._v(" "),t.adaptiveWidth?i("div",{ref:"adaptiveRef",staticClass:"act-stepper-adaptive",style:t.inputStyle},[i("span",[t._v(t._s(t.displayValue))])]):t._e(),t._v(" "),t.disableInput?i("input",{ref:"input",staticClass:"input disabled",attrs:{disabled:"",type:"number"},domProps:{value:t.displayValue}}):i("input",{staticClass:"input",class:{"adaptive-width":t.adaptiveWidth},style:t.inputStyle,domProps:{value:t.displayValue},on:{input:t.onInput,focus:t.onFocus,blur:t.onBlur}}),t._v(" "),t.$slots.after?t._t("after"):t._e()],2),t._v(" "),i("span",{class:["plus",{disabled:t.plusDisabled}],style:t.buttonStyle,on:{click:function(e){return t.onChange("plus")}}},[i("i",{staticClass:"horiz"}),t._v(" "),i("i",{staticClass:"vertical"})])])])},a=[];n._withStripped=!0},39:function(e,i){e.exports=t},7:function(t,e,i){"use strict";function n(t,e,i,n,a,s,r,u){t=t||{};var o=typeof t.default;"object"!==o&&"function"!==o||(t=t.default);var l="function"==typeof t?t.options:t;e&&(l.render=e,l.staticRenderFns=i,l._compiled=!0),n&&(l.functional=!0),s&&(l._scopeId=s);var c;if(r?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},l._ssrRegister=c):a&&(c=u?function(){a.call(this,this.$root.$options.shadowRoot)}:a),c)if(l.functional){l._injectStyles=c;var f=l.render;l.render=function(t,e){return c.call(e),f(t,e)}}else{var p=l.beforeCreate;l.beforeCreate=p?[].concat(p,c):[c]}return{exports:t,options:l}}e.a=n}})});