uNmAnNeR / imaskjs

vanilla javascript input mask

Home Page:https://imask.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Thoughts on v8.0

uNmAnNeR opened this issue · comments

Core

  • try custom history tracking for better handling undo/redo actions (#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 (#982)

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

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>