@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(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="../es",e(e.s=1390)}({1057:function(t,e,n){"use strict";var i=n(40);n.n(i);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:""}},data:function(){return{currentValue:1}},computed:{minusDisabled:function(){return this.disabled||this.currentValue<=this.min},plusDisabled:function(){return this.disabled||this.currentValue>=this.max},inputStyle:function(){var t={};return this.inputWidth&&(t.width=Object(i.formatFontSize)(this.inputWidth)),this.height&&(t.height=Object(i.formatFontSize)(this.height)),this.fontSize&&(t.fontSize=Object(i.formatFontSize)(this.fontSize)),t},buttonStyle:function(){var t={};if(this.height){var e=Object(i.formatFontSize)(this.height);t.width=e,t.height=e}return this.iconSize&&(t.fontSize=Object(i.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},watch:{value:function(t){t!==this.currentValue&&(this.currentValue=this.format(t))},currentValue:function(t){this.$emit("input",t)}},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,n=this.format(e);+e!==n&&(t.target.value=n),this.currentValue=n,this.$emit("input",n)},onFocus:function(t){this.$emit("focus",t)},onBlur:function(t){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)},onChange:function(t){if(!("minus"===t&&this.minusDisabled||"plus"===t&&this.plusDisabled)){var e="minus"===t?-this.step:+this.step,n=Math.round(100*(this.currentValue+e))/100;this.currentValue=this.range(n),this.$emit(t,this.currentValue),this.$emit("change",this.currentValue,t)}}}}},1390:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1391);i.a.install=function(t){t.component(i.a.name,i.a)},e.default=i.a},1391:function(t,e,n){"use strict";function i(t){a||n(1392)}var r=n(1057),s=n(1393),u=n(7),a=!1,o=i,l=Object(u.a)(r.a,s.a,s.b,!1,o,"data-v-356b0c2f",null);l.options.__file="src\\components\\Stepper\\src\\index.vue",e.a=l.exports},1392:function(t,e){},1393:function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return r});var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"act-stepper"},[n("div",{staticClass:"act-stepper-wrapper",style:t.wrapperStyle},[n("span",{class:["minus",{disabled:t.minusDisabled}],style:t.buttonStyle,on:{click:function(e){return t.onChange("minus")}}},[n("i",{staticClass:"horiz"})]),t._v(" "),n("div",{staticClass:"content"},[t._t("before"),t._v(" "),t.disableInput?n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],ref:"input",staticClass:"input disabled",attrs:{disabled:"",type:"number"},domProps:{value:t.currentValue},on:{input:function(e){e.target.composing||(t.currentValue=e.target.value)}}}):n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"input",style:t.inputStyle,attrs:{type:"number"},domProps:{value:t.currentValue},on:{input:[function(e){e.target.composing||(t.currentValue=e.target.value)},t.onInput],focus:t.onFocus,blur:t.onBlur}}),t._v(" "),t.$slots.after?t._t("after"):t._e()],2),t._v(" "),n("span",{class:["plus",{disabled:t.plusDisabled}],style:t.buttonStyle,on:{click:function(e){return t.onChange("plus")}}},[n("i",{staticClass:"horiz"}),t._v(" "),n("i",{staticClass:"vertical"})])])])},r=[];i._withStripped=!0},40:function(e,n){e.exports=t},7:function(t,e,n){"use strict";function i(t,e,n,i,r,s,u,a){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=n,l._compiled=!0),i&&(l.functional=!0),s&&(l._scopeId=s);var c;if(u?(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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(u)},l._ssrRegister=c):r&&(c=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r),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=i}})});