README

此Nova字段允许您将签名保存为资源的字段。它基于lab404/nova-signature的工作，据我所知，它只与Nova 3兼容。

幕后使用了WangShayne/vue3-signature。

请注意，vue3-signature没有暴露所有签名板组件，因此为了使其与我们的组件一起工作，需要修补库以将“begin”和“end”事件传播到父组件，因为我无法像在上一版本中那样使用监视器WangShayne/vue3-signature。

这里是我们修补的分支operativeit/vue3-signature。

安装

composer require eom-plus/nova-signature

用法

在您的nova资源中，将字段设置为EomPlus\NovaSignature\Signature。此字段与TEXT列完美匹配，因为它以base64格式存储数据，可以用于资源和操作。

use EomPlus\NovaSignature\Signature;

// ...

public function fields()
{
    return [
        // ...
        Signature::make('Signature'),
        // ...
    ];
}

配置

显示的示例值是默认值。

Signature::make('Signature')
    ->color('black') // (string) Any css compatible value: "red", "rgb(0, 0, 0)", ...
    ->bgColor('white') // (string) Same as 'color'
    ->width('100%') // (string) Any css compatible value: "100%", "200px", ...
    ->height('250px') // (string) Same as 'width'
    ->asSvg() // Save image as SVG format, you can use asJpg() to save as JPEG instead. By default format is PNG.

验证

您可以使用signature验证规则来检查签名是否有效。我们还提供了validSignature方法，该方法添加了nullable和signature规则。

// With validSignature() 
Signature::make('Signature')
    ->validSignature() // 'nullable' and 'signature' rules

// Your own rules
Signature::make('Signature')
    ->rules('signature', ...) 

### 翻译

目前我们包含了法语、西班牙语和英语翻译。如果您想添加更多语言，请使用以下命令发布翻译

php artisan vendor:publish --provider=EomPlus\NovaSignature\FieldServiceProvider --tags=translations

如果您添加了更多语言，请不要犹豫，给我们发送PR。

⭐️ 展示您的支持

如果此项目对您有所帮助，请给一个⭐️！

您可能还喜欢的其他包

• Nova Rating Field - 一个用于Laravel Nova应用的星评Nova 4字段。
• Nova Feedback Field - 一个用于Laravel Nova应用的表情反馈Nova 4字段。
• Nova Input Group - 一个Laravel Nova 4文本字段，格式化为输入组。
• Nova Signature - 一个Laravel Nova 4签名板。

请查看我们的GitHub存储库，因为我们有很多分叉的nova组件，其中包含修复，这些修复尚未合并到主所有者分支。

许可

MIT许可（MIT）。有关更多信息，请参阅许可文件。