Error on empty mask using directive

[mgesmundo]

This PR disable the masking when the mask is empty using v-mask directive.
All the best

[nogueiraever]

nice, I was already seen this error.

thanks

[zhiga90]

+1

[bxavier]

+1

[talski]

+1, won't it be merged?

[minatonda]

+1

[fabriciobeltran]

+1

[EdwinHauspie]

still waiting ....

[minatonda]

@neves

[jsonantunes]

+1

[lucassimines]

+1

[felippeduarte]

+1

[ayrtonvwf]

@neves any chance this PR gets merged?

[JosNun]

Hasn't been touched for ~6 months... Is it dead?

EDIT: A relatively simple workaround is just using a regular input if no mask is passed.

<template>
  <div>
    <the-mask
      v-if="mask"
      :name="name"
      :value="value"
      :mask="mask"
      @input="handleInput"
    />
    <input
      v-else
      :name="name"
      :value="value"
      @input="handleInput($event.target.value)"
    />
    </div>
</template>

<script>
import Vue from 'vue';
export default Vue.extend({
  methods: {
    handleInput(value) {
      this.$emit('input', value);
    },
  },
  props: {
    mask: {
      type: String,
      default: '',
    },
    name: {
      required: true,
      type: String,
    },
    value: {
      default: '',
    },
  },
});
</script>

[pleek91]

Is this project even active? Seems like no one with access to merge has reviewed this PR.

[devsoitic08]

Why isn't this getting merged?

[EdwinHauspie]

@JosNun yes, we did it this way

[vjnrv]

+1

[diafrit]

+1

[diguifi]

+1 (this PR is over a year forgotten tho)

[ZackStone]

+1

[pedroramostracker]

+1

[pedroramostracker]

Hasn't been touched for ~6 months... Is it dead?

EDIT: A relatively simple workaround is just using a regular input if no mask is passed.

<template>
  <div>
    <the-mask
      v-if="mask"
      :name="name"
      :value="value"
      :mask="mask"
      @input="handleInput"
    />
    <input
      v-else
      :name="name"
      :value="value"
      @input="handleInput($event.target.value)"
    />
    </div>
</template>

<script>
import Vue from 'vue';
export default Vue.extend({
  methods: {
    handleInput(value) {
      this.$emit('input', value);
    },
  },
  props: {
    mask: {
      type: String,
      default: '',
    },
    name: {
      required: true,
      type: String,
    },
    value: {
      default: '',
    },
  },
});
</script>

i used the same perspective,
2 inputs, one for mask != null
other for null

[zhiga90]

more than a year has passed

[wenderpmachado]

sad but true

[kaskar2008]

We have created a fork and published a package with the reference to the author of this project. Also we have merged some major PRs into our fork. If you need more features - feel free to contribute, we are open to PR :)

Package
Repo

[feliperaul]

Very sad to see a good project like this die in this way.

This PR is literally 2 lines of code and fixes a common bug many people are facing.

[galloaleonardo]

Same issue here!

[leoclo]

+1

[rodrigorodriguescosta]

I had the same error and the outhor of the project has abandoned the nice library, well, I just created a new fork to make that changes but hopeffuly I noticed this PR already did it and @kaskar2008 already created the package, I'm using the ke-the-mask instead. so sad for this project

[SinkP]

Still waiting

[aslupin]

+1