wemersonrv/input-mask

A Laravel Nova custom field text with masks on input

input-mask's Issues

not working in Nova V4

mask-input:1235 Uncaught TypeError: window.Vue.use is not a function
at Object. (mask-input:1235:2733)
at t (mask-input:1235:167)
at Object. (mask-input:1235:4683)
at t (mask-input:1235:167)
at mask-input:1235:551
at mask-input:1235:560
at mask-input:1235:37
at Object../node_modules/v-money/dist/v-money.js (mask-input:1235:44)
at webpack_require (mask-input:15295:42)
at Module../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/FormField.vue?vue&type=script&lang=js (mask-input:35:65)

Ability to show the errors message

Seems there's not the HTML to show the error message.
I have added it on my local project but I need it on my production as well.

Going to add a PR for it.

Mask Money

is possible in your nova package mask money (BRL)? when masked 1000 gonna turn 1.000,00

Placeholder not working

I'm adding placeholder and it's just being ignored, showing the field name:

InputMask::make('Phone Number', 'phone_number')
    ->mask('###-###-####')
    ->raw()
    ->nullable()
    ->placeholder('888-777-5555'),

Add support for help text

Help text isn't being displayed:

InputMask::make('Field', 'field')
    ->mask('###-###-####')
    ->raw()
    ->help('Cool help text.'),

Nova 4 Support

Nova 4 support

Form update it show status undefined error in console.

I used below field like

     InputMask::make(ucfirst(__('Expiry days')), 'expiry_days')
            ->help(
                ucfirst(__('Expiry days must be numeric'))
            )
            ->mask('###')
            ->raw()
            ->rules('required')

Its perfectly fine, But when I update the form it gives or show the error in console like below.

vendor.js?id=42ebb11e945776d675c7:1 TypeError: Cannot read property 'status' of undefined
    at p.<anonymous> (app.js?id=ea4846248d441c830d5f:1)
    at k (app.js?id=ea4846248d441c830d5f:1)
    at Generator._invoke (app.js?id=ea4846248d441c830d5f:1)
    at Generator.e.<computed> [as next] (app.js?id=ea4846248d441c830d5f:1)
    at o (app.js?id=ea4846248d441c830d5f:1)
    at app.js?id=ea4846248d441c830d5f:1
    at new Promise (<anonymous>)
    at new t (app.js?id=ea4846248d441c830d5f:1)
    at p.<anonymous> (app.js?id=ea4846248d441c830d5f:1)
    at p.<anonymous> (app.js?id=ea4846248d441c830d5f:1)