Merge pull request #147 from killroyboy/master

allow custom escape character

src/mask.ts

@@ -96,6 +96,19 @@ export class Mask {
     )
   }
 
+  private isEscape (ch: string) {
+    if (ch === '!' && !this.opts.tokensReplace) {
+      return true
+    } else {
+      for (let tokensKey in this.opts.tokens) {
+        if (tokensKey === ch && this.opts.tokens[tokensKey].escape) {
+          return true
+        }
+      }
+    }
+    return false;
+  }
+
   private escapeMask (maskRaw: string): {
     mask: string
     escaped: number[]
@@ -103,7 +116,7 @@ export class Mask {
     const chars: string[] = []
     const escaped: number[] = []
     maskRaw.split('').forEach((ch, i) => {
-      if (ch === '!' && maskRaw[i - 1] !== '!') {
+      if (this.isEscape(ch) && !this.isEscape(maskRaw[i - 1])) {
         escaped.push(i - escaped.length)
       } else {
         chars.push(ch)

src/parser.ts

@@ -46,7 +46,8 @@ const parseTokens = (value: string): MaskTokens => {
       pattern: new RegExp(parts[1]),
       optional: parts[2] === 'optional',
       multiple: parts[2] === 'multiple',
-      repeated: parts[2] === 'repeated'
+      repeated: parts[2] === 'repeated',
+      escape: parts[2] === 'escape'
     }
   })
 

src/tokens.ts

@@ -3,6 +3,7 @@ interface MaskToken {
   multiple?: boolean
   optional?: boolean
   repeated?: boolean
+  escape?: boolean
   transform?: (char: string) => string
 }
 

test/mask-input.test.ts

@@ -1449,6 +1449,42 @@ describe("Optional with multiple '-9' mask", () => {
   })
 })
 
+describe("Custom escape with '$#!99' mask", () => {
+  beforeAll(() => {
+    input = prepareInput({
+      mask: '$#!99',
+      tokens: {
+        '$': { pattern: /\$/, escape: true },
+        '9': { pattern: /\d/, multiple: true }
+      },
+    })
+  })
+
+  afterEach(async () => {
+    await user.clear(input)
+  })
+
+  test('input { }', async () => {
+    await user.type(input, '{ }')
+    expect(input).toHaveValue('#9')
+  })
+
+  test('input 1', async () => {
+    await user.type(input, '1')
+    expect(input).toHaveValue('#91')
+  })
+
+  test('input 91', async () => {
+    await user.type(input, '91')
+    expect(input).toHaveValue('#91')
+  })
+
+  test('input 1234', async () => {
+    await user.type(input, '1234')
+    expect(input).toHaveValue('#91234')
+  })
+})
+
 describe('IP mask', () => {
   beforeAll(() => {
     input = prepareInput({