[Fix] cant disable negative

Author: dipaksarkar

.eslintrc.js

@@ -1,20 +1,16 @@
 module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true,
-        "node": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:vue/essential"
-    ],
-    "parserOptions": {
-        "ecmaVersion": 12,
-        "sourceType": "module"
-    },
-    "plugins": [
-        "vue"
-    ],
-    "rules": {
-    }
-};
+  env: {
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'prettier'
+  ],
+  parserOptions: {
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['vue'],
+  rules: {},
+}

docs/.vuepress/clientAppEnhance.js

@@ -1,7 +1,7 @@
-import number from "../../src";
-import { defineClientAppEnhance } from "@vuepress/client";
-import "virtual:windi.css";
+import number from '../../src'
+import { defineClientAppEnhance } from '@vuepress/client'
+import 'virtual:windi.css'
 
 export default defineClientAppEnhance(({ app }) => {
-  app.use(number);
-});
+  app.use(number)
+})

docs/.vuepress/components/BaseLabel.vue

@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: "BaseLabel",
+  name: 'BaseLabel',
   props: {
     label: {
       type: String,
@@ -21,7 +21,7 @@ export default {
       default: undefined,
     },
   },
-};
+}
 </script>
 
 <style scoped></style>

docs/.vuepress/components/BaseSelect.vue

@@ -11,7 +11,7 @@
 
 <script>
 export default {
-  name: "BaseInput",
+  name: 'BaseInput',
   props: {
     modelValue: {
       default: undefined,
@@ -21,8 +21,8 @@ export default {
       required: false,
     },
   },
-  emits: ["update:modelValue"],
-};
+  emits: ['update:modelValue'],
+}
 </script>
 
 <style scoped></style>

docs/.vuepress/components/Checkbox.vue

@@ -1,5 +1,11 @@
 <template>
-  <label class="flex items-center" :class="{ 'text-gray-300 cursor-not-allowed': disabled, 'cursor-pointer': !disabled }">
+  <label
+    class="flex items-center"
+    :class="{
+      'text-gray-300 cursor-not-allowed': disabled,
+      'cursor-pointer': !disabled,
+    }"
+  >
     <input
       :checked="modelValue"
       :disabled="disabled"
@@ -18,14 +24,14 @@ export default {
     modelValue: Boolean,
     disabled: {
       type: Boolean,
-      default: false
+      default: false,
     },
     label: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
-  emits: ['update:modelValue']
+  emits: ['update:modelValue'],
 }
 </script>
 

docs/.vuepress/components/Dialog.vue

@@ -1,6 +1,12 @@
 <template>
-  <div v-if="modelValue" class="w-screen h-screen fixed z-50 inset-0 flex bg-gray-600 bg-opacity-50" @click.self="$emit('update:modelValue', false)">
-    <div class="max-w-md md:relative m-auto p-8 bg-white rounded w-full h-auto shadow">
+  <div
+    v-if="modelValue"
+    class="w-screen h-screen fixed z-50 inset-0 flex bg-gray-600 bg-opacity-50"
+    @click.self="$emit('update:modelValue', false)"
+  >
+    <div
+      class="max-w-md md:relative m-auto p-8 bg-white rounded w-full h-auto shadow"
+    >
       <slot />
     </div>
   </div>
@@ -10,8 +16,8 @@
 export default {
   name: 'Dialog',
   props: {
-    modelValue: Boolean
+    modelValue: Boolean,
   },
-  emits: ['update:modelValue']
+  emits: ['update:modelValue'],
 }
 </script>

docs/.vuepress/styles/index.scss

@@ -1,15 +1,15 @@
-[type="text"],
-[type="email"],
-[type="url"],
-[type="password"],
-[type="number"],
-[type="date"],
-[type="datetime-local"],
-[type="month"],
-[type="search"],
-[type="tel"],
-[type="time"],
-[type="week"],
+[type='text'],
+[type='email'],
+[type='url'],
+[type='password'],
+[type='number'],
+[type='date'],
+[type='datetime-local'],
+[type='month'],
+[type='search'],
+[type='tel'],
+[type='time'],
+[type='week'],
 [multiple],
 textarea,
 select {

package.json

@@ -61,11 +61,12 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^27.2.0",
     "core-js": "^3.6.5",
-    "eslint": "^7.32.0",
+    "eslint": "^8.33.0",
     "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-vue": "^7.18.0",
+    "eslint-plugin-vue": "^9.9.0",
     "jest": "^27.2.0",
-    "prettier-config-vuepress": "^1.4.0",
+    "prettier": "2.8.3",
+    "prettier-config-vuepress": "^4.0.0",
     "rollup": "^2.79.0",
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-vue": "^6.0.0",

src/directive.js

@@ -40,18 +40,20 @@ export default {
       const { target } = e
       const regExp = new RegExp(`${config.prefix}|${config.suffix}`, 'g')
       let newValue = target.value.replace(regExp, '')
+      const canNegativeInput = config.min && config.min < 0
       if (
         ([110, 190].includes(e.keyCode) || e.key === config.decimal) &&
         newValue.includes(config.decimal)
       ) {
         e.preventDefault()
+      } else if ([109].includes(e.keyCode) && !canNegativeInput) {
+        e.preventDefault()
       } else if ([8].includes(e.keyCode)) {
         // check current cursor position is after separator when backspace key down
         const character = el.value.slice(el.selectionEnd - 1, el.selectionEnd)
         const replace = el.value.slice(el.selectionEnd - 2, el.selectionEnd)
         if (character === config.separator) {
           e.preventDefault()
-
           let positionFromEnd = el.value.length - el.selectionEnd
           // remove separator and before character
           el.value = el.value.replace(replace, '')

src/number-format.js

@@ -30,12 +30,11 @@ export default function NumberFormat(config = options) {
   }
 
   this.sign = () => {
+    const hasMinus = this.input.toString().indexOf('-') >= 0
     if (this.isClean) {
-      return this.input.toString().indexOf('-') >= 0 && this.realNumber() > 0
-        ? '-'
-        : ''
+      return hasMinus && this.realNumber() > 0 ? '-' : ''
     }
-    return this.input.toString().indexOf('-') >= 0 ? '-' : ''
+    return hasMinus ? '-' : ''
   }
 
   function between(min, n, max) {
@@ -132,12 +131,12 @@ export default function NumberFormat(config = options) {
     this.input = input
     if (this.isNull() && !this.options.reverseFill)
       return this.options.nullValue
-    return (
-      this.sign() +
-      this.options.prefix +
-      this.addSeparator() +
-      this.options.suffix
-    )
+    return [
+      this.sign(),
+      this.options.prefix,
+      this.addSeparator(),
+      this.options.suffix,
+    ].join
   }
 
   /**

src/options.js

@@ -9,5 +9,5 @@ export default {
   reverseFill: false,
   min: false,
   max: false,
-  nullValue: ''
+  nullValue: '',
 }

tests/unit/directive.spec.js

@@ -1,5 +1,5 @@
 import directive from '../../src/directive'
 
-test ('should not throw error on empty config', () => {
+test('should not throw error on empty config', () => {
   expect(() => directive({}, {})).toThrow()
 })