UNPKG

mbs-input-number

Version:

a vue-component for input-number

1 lines 8.29 kB
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}("undefined"!=typeof self?self:this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=1)}([function(e,t,n){"use strict";t.a={name:"mbs-input-number",props:{label:{type:String,default:""},disabled:{type:Boolean,default:!1},value:{type:[Number,String]},min:{type:Number},max:{type:Number},step:{type:Number,default:1},size:{type:String,default:"medium"}},computed:{addDisable:function(){return this.max<=this.val},reduceDisable:function(){return this.val<=this.min},val:{get:function(){return this.value<this.min?(this.$emit("input",this.min),this.min):this.value},set:function(e){this.$emit("input",e)}}},methods:{add:function(){if(!this.disabled)return!(this.val+this.step>this.max)&&void(this.val+=this.step)},reduce:function(){if(!this.disabled)return!(this.val-this.step<this.min)&&void(this.val-=this.step)},handleInputChange:function(e){var t=e.target.value;return isNaN(t)?(e.target.value=this.max,void this.$emit("input",this.max)):""===t?(e.target.value=this.min,void this.$emit("input",this.min)):Number(t)>this.max?(e.target.value=this.max,void this.$emit("input",this.max)):Number(t)<this.min?(e.target.value=this.min,void this.$emit("input",this.min)):void this.$emit("input",t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.default=i.a},function(e,t,n){"use strict";function i(e){n(3)}var r=n(0),s=n(9),o=n(8),a=i,u=o(r.a,s.a,!1,a,null,null);t.a=u.exports},function(e,t,n){var i=n(4);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(6)("14f63b4a",i,!0,{})},function(e,t,n){t=e.exports=n(5)(!1),t.push([e.i,'.clearfix:after{content:"";display:block;clear:both}.fl{float:left}.mbs-btn{padding:6px 12px;font-size:14px;outline:none;background:#f5f7fa}.mbs-btn:hover{color:#409eff}.mbs-btn.medium{padding:6px 12px;font-size:17px}.mbs-btn.medium,.mbs-btn.small{outline:none;background:#f5f7fa}.mbs-btn.small{padding:3px 8px;font-size:13px}.mbs-btn.mini{padding:2px 7px;font-size:12px;outline:none;background:#f5f7fa}.mbs-input{padding:5px 0;width:100px}.mbs-input,.mbs-input.medium{text-align:center;outline:none}.mbs-input.medium{padding:7px 0;width:150px}.mbs-input.small{text-align:center;padding:3px 0;width:100px;outline:none}.mbs-input.mini{text-align:center;padding:0;width:60px;outline:none}.mbs-btn.mbsBtnDisable,.mbs-input.mbsInputDisable{cursor:not-allowed;color:#e4e7ed}.mbs-btn-left{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none}.mbs-btn-left.reduceDisable{cursor:not-allowed;color:#ccc}.mbs-btn-right{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none}.mbs-btn-right.addDisable{cursor:not-allowed;color:#ccc}',""])},function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var s=i(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([s]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},r=0;r<this.length;r++){var s=this[r][0];"number"==typeof s&&(i[s]=!0)}for(r=0;r<e.length;r++){var o=e[r];"number"==typeof o[0]&&i[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="("+o[2]+") and ("+n+")"),t.push(o))}},t}},function(e,t,n){function i(e){for(var t=0;t<e.length;t++){var n=e[t],i=l[n.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](n.parts[r]);for(;r<n.parts.length;r++)i.parts.push(s(n.parts[r]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{for(var o=[],r=0;r<n.parts.length;r++)o.push(s(n.parts[r]));l[n.id]={id:n.id,refs:1,parts:o}}}}function r(){var e=document.createElement("style");return e.type="text/css",c.appendChild(e),e}function s(e){var t,n,i=document.querySelector("style["+v+'~="'+e.id+'"]');if(i){if(b)return m;i.parentNode.removeChild(i)}if(g){var s=f++;i=p||(p=r()),t=o.bind(null,i,s,!1),n=o.bind(null,i,s,!0)}else i=r(),t=a.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}function o(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=x(t,r);else{var s=document.createTextNode(r),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(s,o[t]):e.appendChild(s)}}function a(e,t){var n=t.css,i=t.media,r=t.sourceMap;if(i&&e.setAttribute("media",i),h.ssrId&&e.setAttribute(v,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var d=n(7),l={},c=u&&(document.head||document.getElementsByTagName("head")[0]),p=null,f=0,b=!1,m=function(){},h=null,v="data-vue-ssr-id",g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,r){b=n,h=r||{};var s=d(e,t);return i(s),function(t){for(var n=[],r=0;r<s.length;r++){var o=s[r],a=l[o.id];a.refs--,n.push(a)}t?(s=d(e,t),i(s)):s=[];for(var r=0;r<n.length;r++){var a=n[r];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete l[a.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],i={},r=0;r<t.length;r++){var s=t[r],o=s[0],a=s[1],u=s[2],d=s[3],l={id:e+":"+r,css:a,media:u,sourceMap:d};i[o]?i[o].parts.push(l):n.push(i[o]={id:o,parts:[l]})}return n}},function(e,t){e.exports=function(e,t,n,i,r,s){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var d="function"==typeof a?a.options:a;t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0),n&&(d.functional=!0),r&&(d._scopeId=r);var l;if(s?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=l):i&&(l=i),l){var c=d.functional,p=c?d.render:d.beforeCreate;c?(d._injectStyles=l,d.render=function(e,t){return l.call(t),p(e,t)}):d.beforeCreate=p?[].concat(p,l):[l]}return{esModule:o,exports:a,options:d}}},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mbs-input-number-container clearfix",class:{disabled:e.disabled}},[n("button",{staticClass:"fl mbs-btn mbs-btn-left",class:[{reduceDisable:e.reduceDisable,mbsBtnDisable:e.disabled},e.size],attrs:{type:"button"},on:{click:e.reduce}},[e._v("-")]),e._v(" "),n("input",{staticClass:"fl mbs-input",class:[{mbsInputDisable:e.disabled},e.size],attrs:{type:"text",disabled:e.disabled,placeholder:e.label},domProps:{value:e.val},on:{change:function(t){return e.handleInputChange(t)}}}),e._v(" "),n("button",{staticClass:"fl mbs-btn mbs-btn-right",class:[{addDisable:e.addDisable,mbsBtnDisable:e.disabled},e.size],attrs:{type:"button"},on:{click:e.add}},[e._v("+")])])},r=[],s={render:i,staticRenderFns:r};t.a=s}])});