Bricks Schema 中文文档:颜色控件

📄 原始资料  |  展开查看原始 JSON(color.json){ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://controls/color”, “schemaVersion”: “2.3”, “title”: “Color Control”, “description”: “Color value in various formats”, “controlProperties”: [ “type”, “label”, “group”, “css”, “tab”,…

📄 原始资料  |  展开查看原始 JSON(color.json)
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/color",
  "schemaVersion": "2.3",
  "title": "Color Control",
  "description": "Color value in various formats",
  "controlProperties": [
    "type",
    "label",
    "group",
    "css",
    "tab",
    "hasRequired",
    "inline",
    "deprecated",
    "placeholder"
  ],
  "oneOf": [
    {
      "type": "object",
      "properties": {
        "hex": {
          "type": "string",
          "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
        }
      },
      "required": [
        "hex"
      ]
    },
    {
      "type": "object",
      "properties": {
        "rgb": {
          "type": "string",
          "pattern": "^rgba?\\("
        }
      },
      "required": [
        "rgb"
      ]
    },
    {
      "type": "object",
      "properties": {
        "hsl": {
          "type": "string",
          "pattern": "^hsla?\\("
        }
      },
      "required": [
        "hsl"
      ]
    },
    {
      "type": "object",
      "properties": {
        "raw": {
          "type": "string",
          "description": "Raw color value or CSS variable",
          "descriptionZh": "原始颜色值或 CSS 变量。"
        }
      },
      "required": [
        "raw"
      ]
    }
  ],
  "titleZh": "颜色控件",
  "descriptionZh": "各种格式的颜色值。"
}

前言

各种格式的颜色值。

基本信息

  • 英文名称Color Control
  • 中文名称:颜色控件
  • Schema IDbricks://controls/color
  • Schema 版本2.3

Schema 定义

完整 JSON 定义

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/color",
  "schemaVersion": "2.3",
  "title": "Color Control",
  "description": "Color value in various formats",
  "controlProperties": [
    "type",
    "label",
    "group",
    "css",
    "tab",
    "hasRequired",
    "inline",
    "deprecated",
    "placeholder"
  ],
  "oneOf": [
    {
      "type": "object",
      "properties": {
        "hex": {
          "type": "string",
          "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
        }
      },
      "required": [
        "hex"
      ]
    },
    {
      "type": "object",
      "properties": {
        "rgb": {
          "type": "string",
          "pattern": "^rgba?\\("
        }
      },
      "required": [
        "rgb"
      ]
    },
    {
      "type": "object",
      "properties": {
        "hsl": {
          "type": "string",
          "pattern": "^hsla?\\("
        }
      },
      "required": [
        "hsl"
      ]
    },
    {
      "type": "object",
      "properties": {
        "raw": {
          "type": "string",
          "description": "Raw color value or CSS variable",
          "descriptionZh": "原始颜色值或 CSS 变量。"
        }
      },
      "required": [
        "raw"
      ]
    }
  ],
  "titleZh": "颜色控件",
  "descriptionZh": "各种格式的颜色值。"
}

补充说明

更多细节可参考 Bricks 官方 Academy 文档