raspberryswwwirl / silverstripe-md-colorfield
使用 Vue 构建的基于 Material Design 的颜色选择器的原型
Requires
- silverstripe/framework: ~5.0
Requires (Dev)
- wernerkrauss/silverstripe-rector: dev-main
This package is auto-updated.
Last update: 2024-09-11 07:53:33 UTC
README
虽然这是一个演示如何根据 Material Design 颜色系统 实现颜色样本生成/选择的原型,但它也是对 SilverStripe 社区的感谢——特别是那些在 SilverStripe Slack 频道中的人——因为他们的帮助使这个概念得以实现。
(拆解这个项目,看看你能否将其实现为 React,或者给我反馈如何改进这个概念)。
此实现利用了 TinyColor 库来渲染颜色并计算在这些颜色上显示的文本的对比度比率。 Vue 提供用户交互和状态管理,以解决 SS FormField 状态的一些奇怪行为。
按设计,颜色集由一个“基本颜色”和“颜色变体”组成——变体本身是从基本颜色生成的。虽然基本颜色应该持久化到其自己的数据库字段,但变体颜色必须持久化到第二个数据库字段。在未来,这很可能是用某种类型的 json 序列化替换为单个字段,但在这个原型中,这些值是分别持久化的。这有一些好处,即可以在你的 config.yml
或 theme.yml
中分别预定义这些值。
要求
- SilverStripe ^4.0
安装
composer require raspberryswwwirl/silverstripe-md-colorfield:dev-develop
许可
请参阅 许可
我们包含了一个 3 条款的 BSD 许可证,你可以将其用作默认许可证。我们提倡使用 BSD 许可证,因为它是最开放和最自由的许可证之一。
文档
维护者
- RaspberrySwwwirl hello@raspberryswwwirl.com
错误跟踪器
错误在此存储库的问题部分进行跟踪。在提交问题之前,请仔细阅读现有的问题,以确保你的问题是唯一的。
如果问题看起来像是一个新的错误
- 创建一个新的问题
- 描述重现问题的步骤和预期结果。单元测试、截图和屏幕录制在这里可能会有所帮助。
- 尽可能详细地描述你的环境:SilverStripe 版本、浏览器、PHP 版本、操作系统、任何安装的 SilverStripe 模块。
请直接向模块维护者报告安全问题。请勿在错误跟踪器中提交安全问题。
开发和贡献
如果你想为此模块做出贡献,请确保你发起了一个拉取请求,并与模块维护者进行了讨论。