Bricks Schema 中文文档:变换控件

📄 原始资料  |  展开查看原始 JSON(transform.json){ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://controls/transform”, “schemaVersion”: “2.3”, “title”: “Transform Control”, “description”: “CSS transform settings”, “controlProperties”: [ “type”, “label”, “group”, “inline”,…

📄 原始资料  |  展开查看原始 JSON(transform.json)
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/transform",
  "schemaVersion": "2.3",
  "title": "Transform Control",
  "description": "CSS transform settings",
  "controlProperties": [
    "type",
    "label",
    "group",
    "inline",
    "css",
    "hasRequired",
    "tab"
  ],
  "type": "object",
  "properties": {
    "translateX": {
      "type": "string"
    },
    "translateY": {
      "type": "string"
    },
    "translateZ": {
      "type": "string"
    },
    "scaleX": {
      "type": "string"
    },
    "scaleY": {
      "type": "string"
    },
    "scaleZ": {
      "type": "string"
    },
    "rotateX": {
      "type": "string"
    },
    "rotateY": {
      "type": "string"
    },
    "rotateZ": {
      "type": "string"
    },
    "skewX": {
      "type": "string"
    },
    "skewY": {
      "type": "string"
    },
    "perspective": {
      "type": "string"
    }
  },
  "titleZh": "变换控件",
  "descriptionZh": "CSS 变换设置。"
}

前言

CSS 变换设置。

基本信息

  • 英文名称Transform Control
  • 中文名称:变换控件
  • Schema IDbricks://controls/transform
  • Schema 版本2.3
  • 类型object

属性

  • translateX (string)
  • translateY (string)
  • translateZ (string)
  • scaleX (string)
  • scaleY (string)
  • scaleZ (string)
  • rotateX (string)
  • rotateY (string)
  • rotateZ (string)
  • skewX (string)
  • skewY (string)
  • perspective (string)

Schema 定义

完整 JSON 定义

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/transform",
  "schemaVersion": "2.3",
  "title": "Transform Control",
  "description": "CSS transform settings",
  "controlProperties": [
    "type",
    "label",
    "group",
    "inline",
    "css",
    "hasRequired",
    "tab"
  ],
  "type": "object",
  "properties": {
    "translateX": {
      "type": "string"
    },
    "translateY": {
      "type": "string"
    },
    "translateZ": {
      "type": "string"
    },
    "scaleX": {
      "type": "string"
    },
    "scaleY": {
      "type": "string"
    },
    "scaleZ": {
      "type": "string"
    },
    "rotateX": {
      "type": "string"
    },
    "rotateY": {
      "type": "string"
    },
    "rotateZ": {
      "type": "string"
    },
    "skewX": {
      "type": "string"
    },
    "skewY": {
      "type": "string"
    },
    "perspective": {
      "type": "string"
    }
  },
  "titleZh": "变换控件",
  "descriptionZh": "CSS 变换设置。"
}

补充说明

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