@chenfengyuan/vue-number-input - npm Package Compare versions

Comparing version 2.0.0-rc to 2.0.0-rc.1

dist/vue-number-input.esm.js

@@ -1,5 +0,5 @@
-/*! vue-number-input v2.0.0-rc | (c) 2018-present Chen Fengyuan | MIT */
-import { defineComponent, openBlock, createBlock, createCommentVNode, createVNode, mergeProps, withScopeId } from 'vue';
+/*! vue-number-input v2.0.0-rc.1 | (c) 2018-present Chen Fengyuan | MIT */
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, mergeProps } from 'vue';
 
-const isNaN = Number.isNaN || window.isNaN;
+const isNaN$1 = Number.isNaN || window.isNaN;
 const REGEXP_NUMBER = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/;
@@ -68,3 +68,3 @@ const REGEXP_DECIMALS = /\.\d*(?:0|9){10}\d*$/;
         increasable() {
-            return isNaN(this.value) || this.value < this.max;
+            return isNaN$1(this.value) || this.value < this.max;
         },
@@ -76,3 +76,3 @@ /**
         decreasable() {
-            return isNaN(this.value) || this.value > this.min;
+            return isNaN$1(this.value) || this.value > this.min;
         },
@@ -86,3 +86,3 @@ },
                 // Avoid triggering change event when created
-                !(isNaN(newValue) && typeof oldValue === 'undefined')
+                !(isNaN$1(newValue) && typeof oldValue === 'undefined')
                     // Avoid infinite loop
@@ -96,2 +96,3 @@ && newValue !== this.value) {
     methods: {
+        isNaN: isNaN$1,
         /**
@@ -120,3 +121,3 @@ * Change event handler.
                 let { value } = this;
-                if (isNaN(value)) {
+                if (isNaN$1(value)) {
                     value = 0;
@@ -133,3 +134,3 @@ }
                 let { value } = this;
-                if (isNaN(value)) {
+                if (isNaN$1(value)) {
                     value = 0;
@@ -147,3 +148,3 @@ }
             let newValue = typeof value !== 'number' ? parseFloat(value) : value;
-            if (!isNaN(newValue)) {
+            if (!isNaN$1(newValue)) {
                 if (this.min <= this.max) {
@@ -161,3 +162,3 @@ newValue = Math.min(this.max, Math.max(this.min, newValue));
             }
-            this.$emit('update:modelValue', newValue);
+            this.$emit('update:modelValue', newValue, oldValue);
         },
@@ -167,7 +168,9 @@ },
 
-const _withId = /*#__PURE__*/withScopeId("data-v-1169c0e7");
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["name", "value", "min", "max", "step", "readonly", "disabled", "placeholder"];
+const _hoisted_3 = ["disabled"];
 
-const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
-  return (openBlock(), createBlock("div", {
-    class: ["vue-number-input", {
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["vue-number-input", {
       'vue-number-input--inline': _ctx.inline,
@@ -177,6 +180,6 @@ 'vue-number-input--center': _ctx.center,
       [`vue-number-input--${_ctx.size}`]: _ctx.size,
-    }]
+    }])
   }, [
     (_ctx.controls)
-      ? (openBlock(), createBlock("button", {
+      ? (openBlock(), createElementBlock("button", {
           key: 0,
@@ -187,6 +190,6 @@ class: "vue-number-input__button vue-number-input__button--minus",
           disabled: _ctx.disabled || _ctx.readonly || !_ctx.decreasable,
-          onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.decrease && _ctx.decrease(...args)))
-        }, null, 8 /* PROPS */, ["disabled"]))
+          onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.decrease && _ctx.decrease(...args)))
+        }, null, 8 /* PROPS */, _hoisted_1))
       : createCommentVNode("v-if", true),
-    createVNode("input", mergeProps({
+    createElementVNode("input", mergeProps({
       ref: "input",
@@ -197,3 +200,3 @@ class: "vue-number-input__input"
       name: _ctx.name,
-      value: _ctx.value,
+      value: isNaN(_ctx.value) ? '' : _ctx.value,
       min: _ctx.min,
@@ -206,7 +209,7 @@ max: _ctx.max,
       autocomplete: "off",
-      onChange: _cache[2] || (_cache[2] = (...args) => (_ctx.change && _ctx.change(...args))),
-      onPaste: _cache[3] || (_cache[3] = (...args) => (_ctx.paste && _ctx.paste(...args)))
-    }), null, 16 /* FULL_PROPS */, ["name", "value", "min", "max", "step", "readonly", "disabled", "placeholder"]),
+      onChange: _cache[1] || (_cache[1] = (...args) => (_ctx.change && _ctx.change(...args))),
+      onPaste: _cache[2] || (_cache[2] = (...args) => (_ctx.paste && _ctx.paste(...args)))
+    }), null, 16 /* FULL_PROPS */, _hoisted_2),
     (_ctx.controls)
-      ? (openBlock(), createBlock("button", {
+      ? (openBlock(), createElementBlock("button", {
           key: 1,
@@ -217,7 +220,7 @@ class: "vue-number-input__button vue-number-input__button--plus",
           disabled: _ctx.disabled || _ctx.readonly || !_ctx.increasable,
-          onClick: _cache[4] || (_cache[4] = (...args) => (_ctx.increase && _ctx.increase(...args)))
-        }, null, 8 /* PROPS */, ["disabled"]))
+          onClick: _cache[3] || (_cache[3] = (...args) => (_ctx.increase && _ctx.increase(...args)))
+        }, null, 8 /* PROPS */, _hoisted_3))
       : createCommentVNode("v-if", true)
   ], 2 /* CLASS */))
-});
+}
 
@@ -251,8 +254,8 @@ function styleInject(css, ref) {
 
-var css_248z = ".vue-number-input[data-v-1169c0e7]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-1169c0e7]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-1169c0e7]:focus{outline:none}.vue-number-input__button[data-v-1169c0e7]:hover:after,.vue-number-input__button[data-v-1169c0e7]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-1169c0e7]:disabled{opacity:.65}.vue-number-input__button[data-v-1169c0e7]:disabled:after,.vue-number-input__button[data-v-1169c0e7]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-1169c0e7]:after,.vue-number-input__button[data-v-1169c0e7]:before{background-color:#111;content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-1169c0e7]:before{height:1px;width:50%}.vue-number-input__button[data-v-1169c0e7]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-1169c0e7]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-1169c0e7]:after{visibility:hidden}.vue-number-input__button--plus[data-v-1169c0e7]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-1169c0e7]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-1169c0e7]::-webkit-inner-spin-button,.vue-number-input__input[data-v-1169c0e7]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-1169c0e7]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-1169c0e7]:disabled,.vue-number-input__input[readonly][data-v-1169c0e7]{background-color:#f8f8f8}.vue-number-input--inline[data-v-1169c0e7]{display:inline-block}.vue-number-input--inline>input[data-v-1169c0e7]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-1169c0e7]{text-align:center}.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-1169c0e7]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-1169c0e7]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-1169c0e7]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-1169c0e7]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-1169c0e7]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-1169c0e7]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:4rem;padding-right:4rem}";
+var css_248z = ".vue-number-input[data-v-a1c8e850]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-a1c8e850]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-a1c8e850]:focus{outline:none}.vue-number-input__button[data-v-a1c8e850]:hover:after,.vue-number-input__button[data-v-a1c8e850]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-a1c8e850]:disabled{opacity:.65}.vue-number-input__button[data-v-a1c8e850]:disabled:after,.vue-number-input__button[data-v-a1c8e850]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-a1c8e850]:after,.vue-number-input__button[data-v-a1c8e850]:before{background-color:#111;content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-a1c8e850]:before{height:1px;width:50%}.vue-number-input__button[data-v-a1c8e850]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-a1c8e850]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-a1c8e850]:after{visibility:hidden}.vue-number-input__button--plus[data-v-a1c8e850]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-a1c8e850]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-a1c8e850]::-webkit-inner-spin-button,.vue-number-input__input[data-v-a1c8e850]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-a1c8e850]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-a1c8e850]:disabled,.vue-number-input__input[readonly][data-v-a1c8e850]{background-color:#f8f8f8}.vue-number-input--inline[data-v-a1c8e850]{display:inline-block}.vue-number-input--inline>input[data-v-a1c8e850]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-a1c8e850]{text-align:center}.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-a1c8e850]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-a1c8e850]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-a1c8e850]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-a1c8e850]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-a1c8e850]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-a1c8e850]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:4rem;padding-right:4rem}";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-1169c0e7";
+script.__scopeId = "data-v-a1c8e850";
 
-export default script;
+export { script as default };

dist/vue-number-input.esm.min.js

@@ -1,2 +0,2 @@
-/*! vue-number-input v2.0.0-rc | (c) 2018-present Chen Fengyuan | MIT */
-import{defineComponent as e,openBlock as t,createBlock as n,createCommentVNode as a,createVNode as u,mergeProps as i,withScopeId as r}from"vue";const d=Number.isNaN||window.isNaN,o=/^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/,l=/\.\d*(?:0|9){10}\d*$/,s=(e,t=1e11)=>l.test(String(e))?Math.round(e*t)/t:e;var p=e({name:"VueNumberInput",props:{attrs:{type:Object,default:void 0},center:Boolean,controls:Boolean,disabled:Boolean,inputtable:{type:Boolean,default:!0},inline:Boolean,max:{type:Number,default:1/0},min:{type:Number,default:-1/0},name:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:Boolean,rounded:Boolean,size:{type:String,default:void 0},step:{type:Number,default:1},modelValue:{type:Number,default:NaN}},emits:["update:modelValue"],data:()=>({value:NaN}),computed:{increasable(){return d(this.value)||this.value<this.max},decreasable(){return d(this.value)||this.value>this.min}},watch:{modelValue:{immediate:!0,handler(e,t){d(e)&&void 0===t||e===this.value||this.setValue(e)}}},methods:{change(e){this.setValue(e.target.value)},paste(e){const t=e.clipboardData||window.clipboardData;t&&!o.test(t.getData("text"))&&e.preventDefault()},decrease(){if(this.decreasable){let{value:e}=this;d(e)&&(e=0),this.setValue(s(e-this.step))}},increase(){if(this.increasable){let{value:e}=this;d(e)&&(e=0),this.setValue(s(e+this.step))}},setValue(e){const t=this.value;let n="number"!=typeof e?parseFloat(e):e;d(n)||(this.min<=this.max&&(n=Math.min(this.max,Math.max(this.min,n))),this.rounded&&(n=Math.round(e))),this.value=n,n===t&&(this.$refs.input.value=String(n)),this.$emit("update:modelValue",n)}}});const b=r("data-v-1169c0e7")(((e,r,d,o,l,s)=>(t(),n("div",{class:["vue-number-input",{"vue-number-input--inline":e.inline,"vue-number-input--center":e.center,"vue-number-input--controls":e.controls,[`vue-number-input--${e.size}`]:e.size}]},[e.controls?(t(),n("button",{key:0,class:"vue-number-input__button vue-number-input__button--minus",type:"button",tabindex:"-1",disabled:e.disabled||e.readonly||!e.decreasable,onClick:r[1]||(r[1]=(...t)=>e.decrease&&e.decrease(...t))},null,8,["disabled"])):a("v-if",!0),u("input",i({ref:"input",class:"vue-number-input__input"},e.attrs,{type:"number",name:e.name,value:e.value,min:e.min,max:e.max,step:e.step,readonly:e.readonly||!e.inputtable,disabled:e.disabled||!e.decreasable&&!e.increasable,placeholder:e.placeholder,autocomplete:"off",onChange:r[2]||(r[2]=(...t)=>e.change&&e.change(...t)),onPaste:r[3]||(r[3]=(...t)=>e.paste&&e.paste(...t))}),null,16,["name","value","min","max","step","readonly","disabled","placeholder"]),e.controls?(t(),n("button",{key:1,class:"vue-number-input__button vue-number-input__button--plus",type:"button",tabindex:"-1",disabled:e.disabled||e.readonly||!e.increasable,onClick:r[4]||(r[4]=(...t)=>e.increase&&e.increase(...t))},null,8,["disabled"])):a("v-if",!0)],2))));!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],u=document.createElement("style");u.type="text/css","top"===n&&a.firstChild?a.insertBefore(u,a.firstChild):a.appendChild(u),u.styleSheet?u.styleSheet.cssText=e:u.appendChild(document.createTextNode(e))}}('.vue-number-input[data-v-1169c0e7]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-1169c0e7]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-1169c0e7]:focus{outline:none}.vue-number-input__button[data-v-1169c0e7]:hover:after,.vue-number-input__button[data-v-1169c0e7]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-1169c0e7]:disabled{opacity:.65}.vue-number-input__button[data-v-1169c0e7]:disabled:after,.vue-number-input__button[data-v-1169c0e7]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-1169c0e7]:after,.vue-number-input__button[data-v-1169c0e7]:before{background-color:#111;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-1169c0e7]:before{height:1px;width:50%}.vue-number-input__button[data-v-1169c0e7]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-1169c0e7]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-1169c0e7]:after{visibility:hidden}.vue-number-input__button--plus[data-v-1169c0e7]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-1169c0e7]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-1169c0e7]::-webkit-inner-spin-button,.vue-number-input__input[data-v-1169c0e7]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-1169c0e7]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-1169c0e7]:disabled,.vue-number-input__input[readonly][data-v-1169c0e7]{background-color:#f8f8f8}.vue-number-input--inline[data-v-1169c0e7]{display:inline-block}.vue-number-input--inline>input[data-v-1169c0e7]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-1169c0e7]{text-align:center}.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-1169c0e7]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-1169c0e7]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-1169c0e7]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-1169c0e7]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-1169c0e7]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-1169c0e7]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:4rem;padding-right:4rem}'),p.render=b,p.__scopeId="data-v-1169c0e7";export default p;
+/*! vue-number-input v2.0.0-rc.1 | (c) 2018-present Chen Fengyuan | MIT */
+import{defineComponent as e,openBlock as t,createElementBlock as a,normalizeClass as n,createCommentVNode as u,createElementVNode as i,mergeProps as r}from"vue";const d=Number.isNaN||window.isNaN,o=/^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/,l=/\.\d*(?:0|9){10}\d*$/,s=(e,t=1e11)=>l.test(String(e))?Math.round(e*t)/t:e;var p=e({name:"VueNumberInput",props:{attrs:{type:Object,default:void 0},center:Boolean,controls:Boolean,disabled:Boolean,inputtable:{type:Boolean,default:!0},inline:Boolean,max:{type:Number,default:1/0},min:{type:Number,default:-1/0},name:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:Boolean,rounded:Boolean,size:{type:String,default:void 0},step:{type:Number,default:1},modelValue:{type:Number,default:NaN}},emits:["update:modelValue"],data:()=>({value:NaN}),computed:{increasable(){return d(this.value)||this.value<this.max},decreasable(){return d(this.value)||this.value>this.min}},watch:{modelValue:{immediate:!0,handler(e,t){d(e)&&void 0===t||e===this.value||this.setValue(e)}}},methods:{isNaN:d,change(e){this.setValue(e.target.value)},paste(e){const t=e.clipboardData||window.clipboardData;t&&!o.test(t.getData("text"))&&e.preventDefault()},decrease(){if(this.decreasable){let{value:e}=this;d(e)&&(e=0),this.setValue(s(e-this.step))}},increase(){if(this.increasable){let{value:e}=this;d(e)&&(e=0),this.setValue(s(e+this.step))}},setValue(e){const t=this.value;let a="number"!=typeof e?parseFloat(e):e;d(a)||(this.min<=this.max&&(a=Math.min(this.max,Math.max(this.min,a))),this.rounded&&(a=Math.round(e))),this.value=a,a===t&&(this.$refs.input.value=String(a)),this.$emit("update:modelValue",a,t)}}});const b=["disabled"],m=["name","value","min","max","step","readonly","disabled","placeholder"],c=["disabled"];!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],u=document.createElement("style");u.type="text/css","top"===a&&n.firstChild?n.insertBefore(u,n.firstChild):n.appendChild(u),u.styleSheet?u.styleSheet.cssText=e:u.appendChild(document.createTextNode(e))}}('.vue-number-input[data-v-a1c8e850]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-a1c8e850]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-a1c8e850]:focus{outline:none}.vue-number-input__button[data-v-a1c8e850]:hover:after,.vue-number-input__button[data-v-a1c8e850]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-a1c8e850]:disabled{opacity:.65}.vue-number-input__button[data-v-a1c8e850]:disabled:after,.vue-number-input__button[data-v-a1c8e850]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-a1c8e850]:after,.vue-number-input__button[data-v-a1c8e850]:before{background-color:#111;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-a1c8e850]:before{height:1px;width:50%}.vue-number-input__button[data-v-a1c8e850]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-a1c8e850]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-a1c8e850]:after{visibility:hidden}.vue-number-input__button--plus[data-v-a1c8e850]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-a1c8e850]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-a1c8e850]::-webkit-inner-spin-button,.vue-number-input__input[data-v-a1c8e850]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-a1c8e850]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-a1c8e850]:disabled,.vue-number-input__input[readonly][data-v-a1c8e850]{background-color:#f8f8f8}.vue-number-input--inline[data-v-a1c8e850]{display:inline-block}.vue-number-input--inline>input[data-v-a1c8e850]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-a1c8e850]{text-align:center}.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-a1c8e850]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-a1c8e850]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-a1c8e850]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-a1c8e850]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-a1c8e850]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-a1c8e850]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:4rem;padding-right:4rem}'),p.render=function(e,d,o,l,s,p){return t(),a("div",{class:n(["vue-number-input",{"vue-number-input--inline":e.inline,"vue-number-input--center":e.center,"vue-number-input--controls":e.controls,[`vue-number-input--${e.size}`]:e.size}])},[e.controls?(t(),a("button",{key:0,class:"vue-number-input__button vue-number-input__button--minus",type:"button",tabindex:"-1",disabled:e.disabled||e.readonly||!e.decreasable,onClick:d[0]||(d[0]=(...t)=>e.decrease&&e.decrease(...t))},null,8,b)):u("v-if",!0),i("input",r({ref:"input",class:"vue-number-input__input"},e.attrs,{type:"number",name:e.name,value:isNaN(e.value)?"":e.value,min:e.min,max:e.max,step:e.step,readonly:e.readonly||!e.inputtable,disabled:e.disabled||!e.decreasable&&!e.increasable,placeholder:e.placeholder,autocomplete:"off",onChange:d[1]||(d[1]=(...t)=>e.change&&e.change(...t)),onPaste:d[2]||(d[2]=(...t)=>e.paste&&e.paste(...t))}),null,16,m),e.controls?(t(),a("button",{key:1,class:"vue-number-input__button vue-number-input__button--plus",type:"button",tabindex:"-1",disabled:e.disabled||e.readonly||!e.increasable,onClick:d[3]||(d[3]=(...t)=>e.increase&&e.increase(...t))},null,8,c)):u("v-if",!0)],2)},p.__scopeId="data-v-a1c8e850";export{p as default};

dist/vue-number-input.js

@@ -1,2 +0,2 @@
-/*! vue-number-input v2.0.0-rc | (c) 2018-present Chen Fengyuan | MIT */
+/*! vue-number-input v2.0.0-rc.1 | (c) 2018-present Chen Fengyuan | MIT */
 (function (global, factory) {
@@ -6,5 +6,5 @@ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue')) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VueNumberInput = factory(global.Vue));
-}(this, (function (vue) { 'use strict';
+})(this, (function (vue) { 'use strict';
 
-  const isNaN = Number.isNaN || window.isNaN;
+  const isNaN$1 = Number.isNaN || window.isNaN;
   const REGEXP_NUMBER = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/;
@@ -73,3 +73,3 @@ const REGEXP_DECIMALS = /\.\d*(?:0|9){10}\d*$/;
           increasable() {
-              return isNaN(this.value) || this.value < this.max;
+              return isNaN$1(this.value) || this.value < this.max;
           },
@@ -81,3 +81,3 @@ /**
           decreasable() {
-              return isNaN(this.value) || this.value > this.min;
+              return isNaN$1(this.value) || this.value > this.min;
           },
@@ -91,3 +91,3 @@ },
                   // Avoid triggering change event when created
-                  !(isNaN(newValue) && typeof oldValue === 'undefined')
+                  !(isNaN$1(newValue) && typeof oldValue === 'undefined')
                       // Avoid infinite loop
@@ -101,2 +101,3 @@ && newValue !== this.value) {
       methods: {
+          isNaN: isNaN$1,
           /**
@@ -125,3 +126,3 @@ * Change event handler.
                   let { value } = this;
-                  if (isNaN(value)) {
+                  if (isNaN$1(value)) {
                       value = 0;
@@ -138,3 +139,3 @@ }
                   let { value } = this;
-                  if (isNaN(value)) {
+                  if (isNaN$1(value)) {
                       value = 0;
@@ -152,3 +153,3 @@ }
               let newValue = typeof value !== 'number' ? parseFloat(value) : value;
-              if (!isNaN(newValue)) {
+              if (!isNaN$1(newValue)) {
                   if (this.min <= this.max) {
@@ -166,3 +167,3 @@ newValue = Math.min(this.max, Math.max(this.min, newValue));
               }
-              this.$emit('update:modelValue', newValue);
+              this.$emit('update:modelValue', newValue, oldValue);
           },
@@ -172,7 +173,9 @@ },
 
-  const _withId = /*#__PURE__*/vue.withScopeId("data-v-1169c0e7");
+  const _hoisted_1 = ["disabled"];
+  const _hoisted_2 = ["name", "value", "min", "max", "step", "readonly", "disabled", "placeholder"];
+  const _hoisted_3 = ["disabled"];
 
-  const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
-    return (vue.openBlock(), vue.createBlock("div", {
-      class: ["vue-number-input", {
+  function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass(["vue-number-input", {
         'vue-number-input--inline': _ctx.inline,
@@ -182,6 +185,6 @@ 'vue-number-input--center': _ctx.center,
         [`vue-number-input--${_ctx.size}`]: _ctx.size,
-      }]
+      }])
     }, [
       (_ctx.controls)
-        ? (vue.openBlock(), vue.createBlock("button", {
+        ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
@@ -192,6 +195,6 @@ class: "vue-number-input__button vue-number-input__button--minus",
             disabled: _ctx.disabled || _ctx.readonly || !_ctx.decreasable,
-            onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.decrease && _ctx.decrease(...args)))
-          }, null, 8 /* PROPS */, ["disabled"]))
+            onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.decrease && _ctx.decrease(...args)))
+          }, null, 8 /* PROPS */, _hoisted_1))
         : vue.createCommentVNode("v-if", true),
-      vue.createVNode("input", vue.mergeProps({
+      vue.createElementVNode("input", vue.mergeProps({
         ref: "input",
@@ -202,3 +205,3 @@ class: "vue-number-input__input"
         name: _ctx.name,
-        value: _ctx.value,
+        value: isNaN(_ctx.value) ? '' : _ctx.value,
         min: _ctx.min,
@@ -211,7 +214,7 @@ max: _ctx.max,
         autocomplete: "off",
-        onChange: _cache[2] || (_cache[2] = (...args) => (_ctx.change && _ctx.change(...args))),
-        onPaste: _cache[3] || (_cache[3] = (...args) => (_ctx.paste && _ctx.paste(...args)))
-      }), null, 16 /* FULL_PROPS */, ["name", "value", "min", "max", "step", "readonly", "disabled", "placeholder"]),
+        onChange: _cache[1] || (_cache[1] = (...args) => (_ctx.change && _ctx.change(...args))),
+        onPaste: _cache[2] || (_cache[2] = (...args) => (_ctx.paste && _ctx.paste(...args)))
+      }), null, 16 /* FULL_PROPS */, _hoisted_2),
       (_ctx.controls)
-        ? (vue.openBlock(), vue.createBlock("button", {
+        ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
@@ -222,7 +225,7 @@ class: "vue-number-input__button vue-number-input__button--plus",
             disabled: _ctx.disabled || _ctx.readonly || !_ctx.increasable,
-            onClick: _cache[4] || (_cache[4] = (...args) => (_ctx.increase && _ctx.increase(...args)))
-          }, null, 8 /* PROPS */, ["disabled"]))
+            onClick: _cache[3] || (_cache[3] = (...args) => (_ctx.increase && _ctx.increase(...args)))
+          }, null, 8 /* PROPS */, _hoisted_3))
         : vue.createCommentVNode("v-if", true)
     ], 2 /* CLASS */))
-  });
+  }
 
@@ -256,10 +259,10 @@ function styleInject(css, ref) {
 
-  var css_248z = ".vue-number-input[data-v-1169c0e7]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-1169c0e7]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-1169c0e7]:focus{outline:none}.vue-number-input__button[data-v-1169c0e7]:hover:after,.vue-number-input__button[data-v-1169c0e7]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-1169c0e7]:disabled{opacity:.65}.vue-number-input__button[data-v-1169c0e7]:disabled:after,.vue-number-input__button[data-v-1169c0e7]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-1169c0e7]:after,.vue-number-input__button[data-v-1169c0e7]:before{background-color:#111;content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-1169c0e7]:before{height:1px;width:50%}.vue-number-input__button[data-v-1169c0e7]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-1169c0e7]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-1169c0e7]:after{visibility:hidden}.vue-number-input__button--plus[data-v-1169c0e7]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-1169c0e7]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-1169c0e7]::-webkit-inner-spin-button,.vue-number-input__input[data-v-1169c0e7]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-1169c0e7]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-1169c0e7]:disabled,.vue-number-input__input[readonly][data-v-1169c0e7]{background-color:#f8f8f8}.vue-number-input--inline[data-v-1169c0e7]{display:inline-block}.vue-number-input--inline>input[data-v-1169c0e7]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-1169c0e7]{text-align:center}.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-1169c0e7]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-1169c0e7]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-1169c0e7]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-1169c0e7]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-1169c0e7]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-1169c0e7]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:4rem;padding-right:4rem}";
+  var css_248z = ".vue-number-input[data-v-a1c8e850]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-a1c8e850]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-a1c8e850]:focus{outline:none}.vue-number-input__button[data-v-a1c8e850]:hover:after,.vue-number-input__button[data-v-a1c8e850]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-a1c8e850]:disabled{opacity:.65}.vue-number-input__button[data-v-a1c8e850]:disabled:after,.vue-number-input__button[data-v-a1c8e850]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-a1c8e850]:after,.vue-number-input__button[data-v-a1c8e850]:before{background-color:#111;content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-a1c8e850]:before{height:1px;width:50%}.vue-number-input__button[data-v-a1c8e850]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-a1c8e850]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-a1c8e850]:after{visibility:hidden}.vue-number-input__button--plus[data-v-a1c8e850]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-a1c8e850]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-a1c8e850]::-webkit-inner-spin-button,.vue-number-input__input[data-v-a1c8e850]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-a1c8e850]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-a1c8e850]:disabled,.vue-number-input__input[readonly][data-v-a1c8e850]{background-color:#f8f8f8}.vue-number-input--inline[data-v-a1c8e850]{display:inline-block}.vue-number-input--inline>input[data-v-a1c8e850]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-a1c8e850]{text-align:center}.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-a1c8e850]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-a1c8e850]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-a1c8e850]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-a1c8e850]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-a1c8e850]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-a1c8e850]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:4rem;padding-right:4rem}";
   styleInject(css_248z);
 
   script.render = render;
-  script.__scopeId = "data-v-1169c0e7";
+  script.__scopeId = "data-v-a1c8e850";
 
   return script;
 
-})));
+}));

dist/vue-number-input.min.js

@@ -1,2 +0,2 @@
-/*! vue-number-input v2.0.0-rc | (c) 2018-present Chen Fengyuan | MIT */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueNumberInput=t(e.Vue)}(this,(function(e){"use strict";const t=Number.isNaN||window.isNaN,n=/^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/,u=/\.\d*(?:0|9){10}\d*$/,a=(e,t=1e11)=>u.test(String(e))?Math.round(e*t)/t:e;var i=e.defineComponent({name:"VueNumberInput",props:{attrs:{type:Object,default:void 0},center:Boolean,controls:Boolean,disabled:Boolean,inputtable:{type:Boolean,default:!0},inline:Boolean,max:{type:Number,default:1/0},min:{type:Number,default:-1/0},name:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:Boolean,rounded:Boolean,size:{type:String,default:void 0},step:{type:Number,default:1},modelValue:{type:Number,default:NaN}},emits:["update:modelValue"],data:()=>({value:NaN}),computed:{increasable(){return t(this.value)||this.value<this.max},decreasable(){return t(this.value)||this.value>this.min}},watch:{modelValue:{immediate:!0,handler(e,n){t(e)&&void 0===n||e===this.value||this.setValue(e)}}},methods:{change(e){this.setValue(e.target.value)},paste(e){const t=e.clipboardData||window.clipboardData;t&&!n.test(t.getData("text"))&&e.preventDefault()},decrease(){if(this.decreasable){let{value:e}=this;t(e)&&(e=0),this.setValue(a(e-this.step))}},increase(){if(this.increasable){let{value:e}=this;t(e)&&(e=0),this.setValue(a(e+this.step))}},setValue(e){const n=this.value;let u="number"!=typeof e?parseFloat(e):e;t(u)||(this.min<=this.max&&(u=Math.min(this.max,Math.max(this.min,u))),this.rounded&&(u=Math.round(e))),this.value=u,u===n&&(this.$refs.input.value=String(u)),this.$emit("update:modelValue",u)}}});const r=e.withScopeId("data-v-1169c0e7")(((t,n,u,a,i,r)=>(e.openBlock(),e.createBlock("div",{class:["vue-number-input",{"vue-number-input--inline":t.inline,"vue-number-input--center":t.center,"vue-number-input--controls":t.controls,[`vue-number-input--${t.size}`]:t.size}]},[t.controls?(e.openBlock(),e.createBlock("button",{key:0,class:"vue-number-input__button vue-number-input__button--minus",type:"button",tabindex:"-1",disabled:t.disabled||t.readonly||!t.decreasable,onClick:n[1]||(n[1]=(...e)=>t.decrease&&t.decrease(...e))},null,8,["disabled"])):e.createCommentVNode("v-if",!0),e.createVNode("input",e.mergeProps({ref:"input",class:"vue-number-input__input"},t.attrs,{type:"number",name:t.name,value:t.value,min:t.min,max:t.max,step:t.step,readonly:t.readonly||!t.inputtable,disabled:t.disabled||!t.decreasable&&!t.increasable,placeholder:t.placeholder,autocomplete:"off",onChange:n[2]||(n[2]=(...e)=>t.change&&t.change(...e)),onPaste:n[3]||(n[3]=(...e)=>t.paste&&t.paste(...e))}),null,16,["name","value","min","max","step","readonly","disabled","placeholder"]),t.controls?(e.openBlock(),e.createBlock("button",{key:1,class:"vue-number-input__button vue-number-input__button--plus",type:"button",tabindex:"-1",disabled:t.disabled||t.readonly||!t.increasable,onClick:n[4]||(n[4]=(...e)=>t.increase&&t.increase(...e))},null,8,["disabled"])):e.createCommentVNode("v-if",!0)],2))));return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var u=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&u.firstChild?u.insertBefore(a,u.firstChild):u.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}('.vue-number-input[data-v-1169c0e7]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-1169c0e7]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-1169c0e7]:focus{outline:none}.vue-number-input__button[data-v-1169c0e7]:hover:after,.vue-number-input__button[data-v-1169c0e7]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-1169c0e7]:disabled{opacity:.65}.vue-number-input__button[data-v-1169c0e7]:disabled:after,.vue-number-input__button[data-v-1169c0e7]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-1169c0e7]:after,.vue-number-input__button[data-v-1169c0e7]:before{background-color:#111;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-1169c0e7]:before{height:1px;width:50%}.vue-number-input__button[data-v-1169c0e7]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-1169c0e7]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-1169c0e7]:after{visibility:hidden}.vue-number-input__button--plus[data-v-1169c0e7]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-1169c0e7]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-1169c0e7]::-webkit-inner-spin-button,.vue-number-input__input[data-v-1169c0e7]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-1169c0e7]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-1169c0e7]:disabled,.vue-number-input__input[readonly][data-v-1169c0e7]{background-color:#f8f8f8}.vue-number-input--inline[data-v-1169c0e7]{display:inline-block}.vue-number-input--inline>input[data-v-1169c0e7]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-1169c0e7]{text-align:center}.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-1169c0e7]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-1169c0e7]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-1169c0e7]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-1169c0e7]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-1169c0e7]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-1169c0e7]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-1169c0e7]{padding-left:4rem;padding-right:4rem}'),i.render=r,i.__scopeId="data-v-1169c0e7",i}));
+/*! vue-number-input v2.0.0-rc.1 | (c) 2018-present Chen Fengyuan | MIT */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueNumberInput=t(e.Vue)}(this,(function(e){"use strict";const t=Number.isNaN||window.isNaN,n=/^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/,a=/\.\d*(?:0|9){10}\d*$/,u=(e,t=1e11)=>a.test(String(e))?Math.round(e*t)/t:e;var i=e.defineComponent({name:"VueNumberInput",props:{attrs:{type:Object,default:void 0},center:Boolean,controls:Boolean,disabled:Boolean,inputtable:{type:Boolean,default:!0},inline:Boolean,max:{type:Number,default:1/0},min:{type:Number,default:-1/0},name:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:Boolean,rounded:Boolean,size:{type:String,default:void 0},step:{type:Number,default:1},modelValue:{type:Number,default:NaN}},emits:["update:modelValue"],data:()=>({value:NaN}),computed:{increasable(){return t(this.value)||this.value<this.max},decreasable(){return t(this.value)||this.value>this.min}},watch:{modelValue:{immediate:!0,handler(e,n){t(e)&&void 0===n||e===this.value||this.setValue(e)}}},methods:{isNaN:t,change(e){this.setValue(e.target.value)},paste(e){const t=e.clipboardData||window.clipboardData;t&&!n.test(t.getData("text"))&&e.preventDefault()},decrease(){if(this.decreasable){let{value:e}=this;t(e)&&(e=0),this.setValue(u(e-this.step))}},increase(){if(this.increasable){let{value:e}=this;t(e)&&(e=0),this.setValue(u(e+this.step))}},setValue(e){const n=this.value;let a="number"!=typeof e?parseFloat(e):e;t(a)||(this.min<=this.max&&(a=Math.min(this.max,Math.max(this.min,a))),this.rounded&&(a=Math.round(e))),this.value=a,a===n&&(this.$refs.input.value=String(a)),this.$emit("update:modelValue",a,n)}}});const r=["disabled"],d=["name","value","min","max","step","readonly","disabled","placeholder"],o=["disabled"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],u=document.createElement("style");u.type="text/css","top"===n&&a.firstChild?a.insertBefore(u,a.firstChild):a.appendChild(u),u.styleSheet?u.styleSheet.cssText=e:u.appendChild(document.createTextNode(e))}}('.vue-number-input[data-v-a1c8e850]{display:block;font-size:0;max-width:100%;overflow:hidden;position:relative}.vue-number-input__button[data-v-a1c8e850]{background-color:#fff;border:0;border-radius:.25rem;bottom:1px;position:absolute;top:1px;width:2.5rem;z-index:1}.vue-number-input__button[data-v-a1c8e850]:focus{outline:none}.vue-number-input__button[data-v-a1c8e850]:hover:after,.vue-number-input__button[data-v-a1c8e850]:hover:before{background-color:#0074d9}.vue-number-input__button[data-v-a1c8e850]:disabled{opacity:.65}.vue-number-input__button[data-v-a1c8e850]:disabled:after,.vue-number-input__button[data-v-a1c8e850]:disabled:before{background-color:#ddd}.vue-number-input__button[data-v-a1c8e850]:after,.vue-number-input__button[data-v-a1c8e850]:before{background-color:#111;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s}.vue-number-input__button[data-v-a1c8e850]:before{height:1px;width:50%}.vue-number-input__button[data-v-a1c8e850]:after{height:50%;width:1px}.vue-number-input__button--minus[data-v-a1c8e850]{border-bottom-right-radius:0;border-right:1px solid #ddd;border-top-right-radius:0;left:1px}.vue-number-input__button--minus[data-v-a1c8e850]:after{visibility:hidden}.vue-number-input__button--plus[data-v-a1c8e850]{border-bottom-left-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;right:1px}.vue-number-input__input[data-v-a1c8e850]{-moz-appearance:textfield;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;display:block;font-size:1rem;line-height:1.5;max-width:100%;min-height:1.5rem;min-width:3rem;padding:.4375rem .875rem;transition:border-color .15s;width:100%}.vue-number-input__input[data-v-a1c8e850]::-webkit-inner-spin-button,.vue-number-input__input[data-v-a1c8e850]::-webkit-outer-spin-button{-webkit-appearance:none}.vue-number-input__input[data-v-a1c8e850]:focus{border-color:#0074d9;outline:none}.vue-number-input__input[data-v-a1c8e850]:disabled,.vue-number-input__input[readonly][data-v-a1c8e850]{background-color:#f8f8f8}.vue-number-input--inline[data-v-a1c8e850]{display:inline-block}.vue-number-input--inline>input[data-v-a1c8e850]{display:inline-block;width:12.5rem}.vue-number-input--center>input[data-v-a1c8e850]{text-align:center}.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:3.375rem;padding-right:3.375rem}.vue-number-input--small>input[data-v-a1c8e850]{border-radius:.1875rem;font-size:.875rem;padding:.25rem .5rem}.vue-number-input--small.vue-number-input--inline>input[data-v-a1c8e850]{width:10rem}.vue-number-input--small.vue-number-input--controls>button[data-v-a1c8e850]{width:2rem}.vue-number-input--small.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:2.5rem;padding-right:2.5rem}.vue-number-input--large>input[data-v-a1c8e850]{border-radius:.3125rem;font-size:1.25rem;padding:.5rem 1rem}.vue-number-input--large.vue-number-input--inline>input[data-v-a1c8e850]{width:15rem}.vue-number-input--large.vue-number-input--controls>button[data-v-a1c8e850]{width:3rem}.vue-number-input--large.vue-number-input--controls>input[data-v-a1c8e850]{padding-left:4rem;padding-right:4rem}'),i.render=function(t,n,a,u,i,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vue-number-input",{"vue-number-input--inline":t.inline,"vue-number-input--center":t.center,"vue-number-input--controls":t.controls,[`vue-number-input--${t.size}`]:t.size}])},[t.controls?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vue-number-input__button vue-number-input__button--minus",type:"button",tabindex:"-1",disabled:t.disabled||t.readonly||!t.decreasable,onClick:n[0]||(n[0]=(...e)=>t.decrease&&t.decrease(...e))},null,8,r)):e.createCommentVNode("v-if",!0),e.createElementVNode("input",e.mergeProps({ref:"input",class:"vue-number-input__input"},t.attrs,{type:"number",name:t.name,value:isNaN(t.value)?"":t.value,min:t.min,max:t.max,step:t.step,readonly:t.readonly||!t.inputtable,disabled:t.disabled||!t.decreasable&&!t.increasable,placeholder:t.placeholder,autocomplete:"off",onChange:n[1]||(n[1]=(...e)=>t.change&&t.change(...e)),onPaste:n[2]||(n[2]=(...e)=>t.paste&&t.paste(...e))}),null,16,d),t.controls?(e.openBlock(),e.createElementBlock("button",{key:1,class:"vue-number-input__button vue-number-input__button--plus",type:"button",tabindex:"-1",disabled:t.disabled||t.readonly||!t.increasable,onClick:n[3]||(n[3]=(...e)=>t.increase&&t.increase(...e))},null,8,o)):e.createCommentVNode("v-if",!0)],2)},i.__scopeId="data-v-a1c8e850",i}));

package.json

 {
   "name": "@chenfengyuan/vue-number-input",
-  "version": "2.0.0-rc",
+  "version": "2.0.0-rc.1",
   "description": "Number input component for Vue 3.",
   "main": "dist/vue-number-input.js",
   "module": "dist/vue-number-input.esm.js",
-  "types": "types/index.d.ts",
+  "types": "dist/vue-number-input.d.ts",
   "files": [
-    "dist",
-    "types"
+    "dist"
   ],
@@ -18,3 +17,3 @@ "scripts": {
     "lint": "npm run lint:js && npm run lint:css",
-    "lint:css": "stylelint **/*.{css,scss,html,vue,md} --fix",
+    "lint:css": "stylelint **/*.{css,scss,vue} --fix",
     "lint:js": "eslint . --ext .js,.ts,.vue --fix",
@@ -46,53 +45,54 @@ "prepare": "husky install",
   "devDependencies": {
-    "@babel/core": "^7.14.5",
-    "@babel/preset-env": "^7.14.5",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@types/jest": "^26.0.23",
-    "@typescript-eslint/eslint-plugin": "^4.26.1",
-    "@typescript-eslint/parser": "^4.26.1",
-    "@vue/compiler-sfc": "^3.1.1",
-    "@vue/test-utils": "^2.0.0-rc.6",
-    "babel-jest": "^26.6.3",
-    "babel-loader": "^8.2.2",
+    "@babel/core": "^7.16.7",
+    "@babel/preset-env": "^7.16.7",
+    "@commitlint/cli": "^16.0.1",
+    "@commitlint/config-conventional": "^16.0.0",
+    "@types/jest": "^27.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.9.0",
+    "@typescript-eslint/parser": "^5.9.0",
+    "@vue/compiler-sfc": "^3.2.26",
+    "@vue/test-utils": "^2.0.0-rc.18",
+    "@vue/vue3-jest": "^27.0.0-alpha.4",
+    "autoprefixer": "^10.4.2",
+    "babel-jest": "^27.4.6",
+    "babel-loader": "^8.2.3",
     "change-case": "^4.1.2",
     "codecov": "^3.8.2",
-    "conventional-changelog-cli": "^2.1.1",
+    "conventional-changelog-cli": "^2.2.2",
     "create-banner": "^2.0.0",
-    "css-loader": "^5.2.6",
-    "del-cli": "^3.0.1",
-    "eslint": "^7.28.0",
-    "eslint-config-airbnb-typescript": "^12.3.1",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-vue": "^7.11.0",
-    "html-webpack-plugin": "^5.3.1",
-    "husky": "^6.0.0",
-    "jest": "^26.6.3",
-    "lint-staged": "^11.0.0",
-    "markdown-to-vue-loader": "^3.1.0",
-    "mini-css-extract-plugin": "^1.6.0",
-    "postcss": "^8.3.2",
-    "rollup": "^2.51.2",
-    "rollup-plugin-postcss": "^4.0.0",
+    "css-loader": "^6.5.1",
+    "del-cli": "^4.0.1",
+    "eslint": "^8.6.0",
+    "eslint-config-airbnb-typescript": "^16.1.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-vue": "^8.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "husky": "^7.0.4",
+    "jest": "^27.4.7",
+    "lint-staged": "^12.1.7",
+    "markdown-to-vue-loader": "^3.1.1",
+    "mini-css-extract-plugin": "^2.4.6",
+    "postcss": "^8.4.5",
+    "postcss-html": "^1.3.0",
+    "rollup": "^2.63.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-typescript2": "^0.31.1",
     "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.34.1",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^2.0.0",
-    "stylelint": "^13.13.1",
-    "stylelint-config-recommended-scss": "^4.2.0",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.19.0",
-    "ts-jest": "^26.5.4",
-    "ts-loader": "^9.2.3",
-    "tslib": "^2.3.0",
-    "typescript": "^4.3.2",
-    "vue": "^3.1.1",
-    "vue-jest": "^5.0.0-alpha.10",
-    "vue-loader": "^16.1.1",
-    "webpack": "^5.38.1",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.2"
+    "sass": "^1.47.0",
+    "sass-loader": "^12.4.0",
+    "style-loader": "^3.3.1",
+    "stylelint": "^14.2.0",
+    "stylelint-config-recommended-scss": "^5.0.2",
+    "stylelint-config-recommended-vue": "^1.1.0",
+    "stylelint-order": "^5.0.0",
+    "ts-jest": "^27.1.2",
+    "ts-loader": "^9.2.6",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.4",
+    "vue": "^3.2.26",
+    "vue-loader": "^16.8.3",
+    "webpack": "^5.65.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.7.2"
   },
@@ -105,23 +105,3 @@ "peerDependencies": {
     "tag": "next"
-  },
-  "browserslist": [
-    "last 2 versions",
-    "> 1%",
-    "not dead"
-  ],
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*.{js,ts,vue}": [
-      "eslint --fix",
-      "git add"
-    ],
-    "*.{css,scss,html,vue,md}": [
-      "stylelint --fix",
-      "git add"
-    ]
   }
 }

README.md

@@ -17,3 +17,4 @@ # vue-number-input
 ├── vue-number-input.esm.js     (ECMAScript Module)
-└── vue-number-input.esm.min.js (ECMAScript Module, compressed)
+├── vue-number-input.esm.min.js (ECMAScript Module, compressed)
+└── vue-number-input.d.ts       (TypeScript Declaration File)
 ```
@@ -20,0 +21,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Lines of code

635

27%

Number of lines in readme file

62

1.64%

Worsened metrics

Total package byte prevSize

46024

-5.45%

Dev dependency count

52

1.96%

Number of package files

8

-11.11%

No dependency changes