optimistdigital/nova-color-field

Laravel Nova 颜色选择器字段。

维护者

详细信息

github.com/outl1ne/nova-color-field

源代码

问题

安装次数: 196,025

依赖项: 0

建议者: 0

安全: 0

星标: 26

关注者: 3

分支: 13

开放性问题: 4

语言:Vue

2.0.3 2023-06-30 11:18 UTC

Requires

Requires (Dev)

MIT f94ad567bca1665c5f0c5368d2b5c0adbeaa5c8e

novalaravelfieldcolor picker

This package is auto-updated.

Last update: 2024-08-30 01:34:17 UTC

README

Latest Version on Packagist Total Downloads

此Laravel Nova包向Nova的字段库中添加了一个颜色选择器。

要求

  • php: >=8.0
  • laravel/nova: ^4.0

特性

一个简单的Nova颜色字段，利用vue-color。

从timothyasp/nova-color-field分支而来，并进行了更新改进。

屏幕截图

Form page Details page

安装

使用composer将包安装到使用Nova的Laravel应用中

composer require outl1ne/nova-color-field

用法

通用

use Outl1ne\NovaColorField\Color;

public function fields(Request $request) {
    Color::make('Color'),
}

主题

可用主题：chrome, compactTheme, grayscale, material, photoshop, sketch, slider, swatches, twitter。

在此查看主题演示这里。

use Outl1ne\NovaColorField\Color;

public function fields(Request $request) {
    Color::make('Color')->photoshop(),
    Color::make('Color')->swatches(),
    // ...
}

自定义保存和显示格式

如果您希望以除hex之外的其他格式显示和保存颜色，可以使用->displayAs('hex')和->saveAs('hex')助手。

可用选项有：rgb, rgba, hex, hex8, hsl。

Color::make('Color')
  ->chrome()
  ->displayAs('hex8')
  ->saveAs('hex8'),

调色板

可以将自定义调色板颜色添加到选择器中，方法如下

Color::make('Color')
  ->compactTheme()
  ->palette(['#beaf00', '#DEADAF', '#000']),

鸣谢

许可证

Nova Color Field是开源软件，许可协议为MIT许可证。