fix inappropriate skipInvalid warning for dynamic mask

uNmAnNeR · Apr 17, 2023 · 6e51aa2 · 6e51aa2
1 parent f8175da
commit 6e51aa2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/imask/example.html b/packages/imask/example.html
@@ -11,7 +11,7 @@ <h1>IMask Core Demo</h1>
   <script src="dist/imask.js"></script>
   <!-- <script src="https://unpkg.com/imask"></script> -->
   <script type="text/javascript">
-    const mask = {
+    const mask = [{
       mask: 'XXX-XX-0000',
       definitions: {
         X: {
@@ -22,11 +22,11 @@ <h1>IMask Core Demo</h1>
       },
       lazy: false,
       overwrite: 'shift',
-    };
+    }];
 
     var result = document.getElementById('value');
     var unmasked = document.getElementById('unmasked');
-    var imask = IMask(document.getElementById('input'), mask).on('accept', () => {
+    var imask = IMask(document.getElementById('input'), {mask}).on('accept', () => {
       console.log(imask.value, imask.unmaskedValue, imask.typedValue);
       result.innerHTML = imask.value;
       unmasked.innerHTML = imask.unmaskedValue;

diff --git a/packages/imask/src/masked/dynamic.js b/packages/imask/src/masked/dynamic.js
@@ -338,8 +338,10 @@ class MaskedDynamic extends Masked<DynamicMaskType> {
       super.skipInvalid;
   }
 
-  set skipInvalid (skipInvalid: *) {
-    console.warn('"skipInvalid" option is not available in dynamic mask, use this option in siblings');
+  set skipInvalid (skipInvalid: boolean) {
+    if (this.isInitialized || skipInvalid !== Masked.DEFAULTS.skipInvalid) {
+      console.warn('"skipInvalid" option is not available in dynamic mask, use this option in siblings');
+    }
   }
 
   /**