imaskjs icon indicating copy to clipboard operation
imaskjs copied to clipboard

Thoughts on v8.0

Open uNmAnNeR opened this issue 1 year ago • 1 comments

Core

  • ~~try custom history tracking for better handling undo/redo actions (https://github.com/uNmAnNeR/imaskjs/pull/981)~~
  • ~~improve IME support~~
  • ~~Pattern mask: pass root autofix to the blocks~~
  • remove skip from ChangeDetails, add skip, break, overwrite to new class CharChangeDetails. Use break in number mask instead of overriding doSkipInvalid

Date mask:

  • remove default mask pattern
  • support common definitions (yyyy, MM, dd, HH (hh), mm, ss, SSS) out of the box

RegExp mask:

  • implement partialize helper (https://github.com/uNmAnNeR/imaskjs/pull/982/)

Drop Vue2 support (https://blog.vuejs.org/posts/vue-2-eol) Drop react-native-imask plugin Put /esm and /cjs into /dist

uNmAnNeR avatar Jun 23 '23 16:06 uNmAnNeR

Do you think to rename the default export from the Vue plugin? In Vue 3, it's mostly done using <script setup>.

<script lang="ts" setup>
// import { IMaskComponent } from 'vue-imask';
// renamed to
import { IMaskInput } from 'vue-imask';
</script>

<template>
  <IMaskInput />
</template>
<script lang="ts" setup>
// import { IMaskDirective } from 'vue-imask';
// renamed to
import { vImask } from 'vue-imask';
</script>

<template>
   <input v-imask="mask" :value="value">
</template>
<script lang="ts" setup>
// no change
import { useIMask } from 'vue-imask';

const { el, masked } = useIMask({});
</script>

<template>
  <input ref="el">
</template>

Shyam-Chen avatar Jan 26 '24 07:01 Shyam-Chen