outl1ne/nova-color-field

Laravel Nova 颜色选择器字段。

维护者

详细信息

github.com/outl1ne/nova-color-field

源代码

问题

安装次数: 144,838

依赖者: 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:37:59 UTC

README

Latest Version on Packagist Total Downloads

此 Laravel Nova 包为 Nova 的字段工具集添加了一个颜色选择器。

要求

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

特性

使用 vue-color 的简单 Nova 颜色字段。

从 timothyasp/nova-color-field 分支 fork 并更新，以加入改进。

屏幕截图

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 许可协议 许可。