颜色列

简介

颜色列允许你根据 CSS 颜色定义显示颜色预览，通常通过颜色选择器字段输入，支持 HEX、HSL、RGB、RGBA 等格式。

use Filament\Tables\Columns\ColorColumn;

ColorColumn::make('color')

允许将颜色复制到剪贴板

你可以让颜色可复制：点击预览会将 CSS 值复制到剪贴板，并可选择指定自定义确认消息以及以毫秒为单位的持续时间。此功能仅在应用启用 SSL 时可用。

use Filament\Tables\Columns\ColorColumn;

ColorColumn::make('color')
    ->copyable()
    ->copyMessage('Copied!')
    ->copyMessageDuration(1500)

可选地，你可以传入布尔值来控制文本是否可复制：

use Filament\Tables\Columns\ColorColumn;

ColorColumn::make('color')
    ->copyable(FeatureFlag::active())

TIP

除静态值外，copyable()、copyMessage() 和 copyMessageDuration() 方法也接受函数以动态计算这些值。你可以将各种工具作为参数注入到函数中。

换行显示多个色块

若色块无法在一行内放下，可通过设置 wrap() 使其换行：

use Filament\Tables\Columns\ColorColumn;

ColorColumn::make('color')
    ->wrap()

TIP

换行所用的「宽度」会受列标签影响，因此你可能需要使用更短或隐藏的标签，以实现更紧凑的换行。