定制 welkervinicius/nova-jquery-mask 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

welkervinicius/nova-jquery-mask

Composer 安装命令:

composer require welkervinicius/nova-jquery-mask

包简介

An input mask field for Laravel Nova, based on the popular jQuery Mask Plugin, with shortcuts for CPF/CNPJ and Telephone.

关键字:

README 文档

README

Latest Version on Packagist Total Downloads License

Um campo de formulário para o Laravel Nova que integra a popular biblioteca jQuery Mask Plugin de Igor Escobar. Permite aplicar máscaras de entrada de forma fácil e flexível em seus campos, incluindo máscaras dinâmicas para CPF/CNPJ e Telefone/Celular.

Instalação

Você pode instalar o pacote via Composer:

composer require welkervinicius/nova-jquery-mask

Uso

Depois de instalar, você pode usar o campo NovaJqueryMask nos seus Nova Resources.

Exemplos de Uso

Aqui estão alguns exemplos de como utilizar os diferentes tipos de máscara disponíveis.

// Em um Resource, ex: app/Nova/Client.php

use Illuminate\Http\Request;
use Laravel\Nova\Fields\ID;
use Welkervinicius\NovaJqueryMask\NovaJqueryMask;

class Client extends Resource
{
    // ...

    public function fields(Request $request)
    {
        return [
            ID::make()->sortable(),

            // --- Máscaras Dinâmicas (Atalhos) ---

            // Muda automaticamente entre CPF e CNPJ enquanto o usuário digita.
            NovaJqueryMask::make('Documento', 'document')
                ->cpfCnpj()
                ->placeholder('CPF ou CNPJ'),

            // Muda automaticamente entre Telefone Fixo e Celular.
            NovaJqueryMask::make('Contato', 'phone_number')
                ->telCel()
                ->placeholder('Telefone ou Celular'),


            // --- Máscaras Estáticas ---

            // Uma máscara simples para CEP.
            NovaJqueryMask::make('CEP')
                ->mask('00000-000')
                ->placeholder('00000-000'),

            // Uma máscara para data.
            NovaJqueryMask::make('Data de Nascimento', 'birth_date')
                ->mask('00/00/0000'),


            // --- Máscara Estática com Opções ---

            // Usando a opção `reverse: true` para valores monetários.
            NovaJqueryMask::make('Valor', 'amount')
                ->mask('#.##0,00', ['reverse' => true])
                ->placeholder('R$ 1.234,56'),
        ];
    }
}

Simplificando o Uso com um alias

Para um código mais limpo, você pode dar um "apelido" (alias) para a classe no momento da importação.

// No topo do seu arquivo de Resource
use Welkervinicius\NovaJqueryMask\NovaJqueryMask as Mask;

// ...

// Agora você pode usar o nome curto
public function fields(Request $request)
{
    return [
        ID::make()->sortable(),

        Mask::make('Documento', 'document')->cpfCnpj(),

        Mask::make('Contato', 'phone_number')->telCel(),
    ];
}

Changelog

Por favor, veja CHANGELOG para mais informações sobre o que mudou recentemente.

Contribuições

Por favor, veja CONTRIBUTING para detalhes.

Licença

The MIT License (MIT). Por favor, veja o Arquivo de Licença para mais informações.

welkervinicius/nova-jquery-mask 适用场景与选型建议

welkervinicius/nova-jquery-mask 是一款 基于 Vue 开发的 Composer 扩展包,目前已累计 307 次下载、GitHub Stars 达 0, 最近一次更新时间为 2025 年 10 月 02 日, 在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向: 「nova」 「laravel」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 welkervinicius/nova-jquery-mask 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 welkervinicius/nova-jquery-mask 我们能提供哪些服务?
定制开发 / 二次开发

基于 welkervinicius/nova-jquery-mask 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 307
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 28
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: Vue

其他信息

  • 授权协议: MIT
  • 更新时间: 2025-10-02