raspberryswwwirl/silverstripe-md-colorfield

使用 Vue 构建的基于 Material Design 的颜色选择器的原型

安装: 326

依赖项: 0

建议者: 0

安全性: 0

星星: 1

关注者: 1

分支: 0

开放性问题: 0

语言:SCSS

类型:silverstripe-vendormodule

2.0.0 2023-11-11 06:07 UTC

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.ymltheme.yml 中分别预定义这些值。

要求

  • SilverStripe ^4.0

安装

composer require raspberryswwwirl/silverstripe-md-colorfield:dev-develop

许可

请参阅 许可

我们包含了一个 3 条款的 BSD 许可证,你可以将其用作默认许可证。我们提倡使用 BSD 许可证,因为它是最开放和最自由的许可证之一。

文档

维护者

错误跟踪器

错误在此存储库的问题部分进行跟踪。在提交问题之前,请仔细阅读现有的问题,以确保你的问题是唯一的。

如果问题看起来像是一个新的错误

  • 创建一个新的问题
  • 描述重现问题的步骤和预期结果。单元测试、截图和屏幕录制在这里可能会有所帮助。
  • 尽可能详细地描述你的环境:SilverStripe 版本、浏览器、PHP 版本、操作系统、任何安装的 SilverStripe 模块。

请直接向模块维护者报告安全问题。请勿在错误跟踪器中提交安全问题。

开发和贡献

如果你想为此模块做出贡献,请确保你发起了一个拉取请求,并与模块维护者进行了讨论。