README

A Laravel Nova4 文本字段，格式化为输入组

此自定义字段允许添加或预置文本和/或英雄图标。文本也可以是HTML。对于HTML，使用专用组件代替 v-html 指令。使用 DOMPurify 库预先清理HTML标记以避免漏洞。请注意，当您使用HTML时，您还可以使用表情符号图标。

安装

composer require eom-plus/nova-input-group

使用

将其导入您的资源，并将 InputGroup 添加到 fields 方法中。我们已经添加了各种方法来增加组件的灵活性。您可以同时追加、预置或两者都使用。

...
use EomPlus\NovaInputGroup\InputGroup;

public function fields(Request $request)
{
    return [
        ID::make('ID', 'id')->sortable(),
        Text::make('Name', 'name'),
        InputGroup::make('Subdomain', 'subdomain')
           ->appendIcon('cube', 'after')
           ->append('<i>@example.com</i>')
           ->prependIcon('cube')
           ->prepend('test')
           ->prependExtraClasses('bg-green-500 text-white')
           ->asHtml()  

    ];
}
...

但我们仍然保留了旧的方法，以便与 Decency Input Group 兼容

使用旧方式示例

...
use EomPlus\NovaInputGroup\InputGroup;

public function fields(Request $request)
{
    return [
        ID::make('ID', 'id')->sortable(),
        Text::make('Name', 'name'),

        InputGroup::make('Subdomain', 'subdomain')
           ->position('after')
           ->text('@example.com'),

    ];
}
...

方法

prepend(value) 在输入字段前添加文本
prependIcon(name, position) 在输入字段前添加英雄图标。您可以选择“before”和“after”。当未使用时，使用“before”。
prependExtraClasses(value) 为输入字段添加额外的CSS类以更改背景或文本颜色等。
append(value) 在输入字段后添加文本
appendIcon(name, position) 在输入字段后添加英雄图标。您可以选择“before”和“after”。当未使用时，使用“before”。
appendExtraClasses(value) 为输入字段添加额外的CSS类以更改背景或文本颜色等。
asHtml() 将值渲染为HTML

向后兼容的旧方法（避免使用）

position(text) 您可以选择“before”和“after”。当未使用时，使用“before”。
text(value) 要显示的文本。

变更日志

请参阅 CHANGELOG 了解最近更改的更多信息。

待办事项

支持其他类型的字段
测试用例
PS4 代码兼容性
更多示例
修复字段长度
添加按钮和下拉支持

安全和贡献。

如果您发现任何与安全相关的问题，请使用问题跟踪器。所有PR都欢迎。

致谢

⭐️ 展示您的支持

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

您可能还喜欢的其他包

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

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

许可

MIT 许可证（MIT）。请参阅许可文件了解更多信息。

eom-plus / nova-input-group

维护者

详细信息