simple currency with minus prefix example

uNmAnNeR · Dec 22, 2023 · 802ad97 · 802ad97
1 parent 9bae1d6
commit 802ad97
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 30 deletions.
diff --git a/packages/imask/example.html b/packages/imask/example.html
@@ -16,25 +16,20 @@ <h1>IMask Core Demo</h1>
       thousandsSeparator: ' ',
       scale: 2,
       radix: '.',
-      expose: true,
+      min: 0,
     };
 
-    class NegativeNumberMask extends IMask.MaskedNumber {
+    class CurrencyMaskedDynamic extends IMask.MaskedDynamic {
       get typedValue () {
-        return -Math.abs(super.typedValue);
+        return Number(this.unmaskedValue);
       }
-      set typedValue (value) {
-        super.typedValue = Math.abs(value);
-      }
-    }
 
-    function dispatchMaskIndex (value) {
-      if (!value) return 0;
-      else if (value.indexOf('-') === 0 || value.indexOf('-') === 1) return 2;
-      else return 1;
+      set typedValue (typedValue) {
+        this.unmaskedValue = String(typedValue);
+      }
     }
 
-    const opts = {
+    const opts = new CurrencyMaskedDynamic({
       mask: [
         {
           mask: '',
@@ -48,21 +43,11 @@ <h1>IMask Core Demo</h1>
         {
           mask: '{-}$num',
           blocks: {
-            num: {
-              ...numberOpts,
-              mask: NegativeNumberMask,
-              min: 0,
-            }
+            num: numberOpts,
           }
         }
       ],
-      dispatch: (appended, dynamicMasked, flags, tail) => {
-        const value = dynamicMasked.rawInputValue + appended + String(tail);
-        const masked = dynamicMasked.compiledMasks[dispatchMaskIndex(value)];
-        dynamicMasked.exposeMask = masked;
-        return masked;
-      }
-    };
+    });
 
     const input = document.getElementById('input');
     var result = document.getElementById('value');

diff --git a/packages/imask/src/masked/number.ts b/packages/imask/src/masked/number.ts
@@ -342,16 +342,10 @@ class MaskedNumber extends Masked<number> {
     this.typedValue = number;
   }
 
-  /**
-    Is negative allowed
-  */
   get allowNegative (): boolean {
     return (this.min != null && this.min < 0) || (this.max != null && this.max < 0);
   }
 
-  /**
-    Is positive allowed
-  */
   get allowPositive (): boolean {
     return (this.min != null && this.min > 0) || (this.max != null && this.max > 0);
   }