📄 原始资料 （已截断） | 展开查看原始 JSON（toggle.json）
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"$id": "bricks://elements/toggle",
"schemaVersion": "2.3",
"type": "object",
"title": "Toggle",
"description": "Schema for Bricks Toggle element",
"metadata": {
"name": "toggle",
"category": "general",
"tag": "div",
"nestable": false
},
"settings": {
"icon": {
"label": "Icon",
"valueSchema": {
"type": "object",
"description": "Icon settings",
"properties": {
"library": {
"type": "string"
},
"icon": {
"type": "string"
},
"svg": {
"type": "object"
}
},
"descriptionZh": "图标设置。"
},
"controlType": "icon",
"labelZh": "图标"
},
"iconColor": {
"label": "Color",
"css": [
{
"property": "color"
},
{
"property": "fill"
}
],
"hasRequired": true,
"valueSchema": {
"description": "Color value in various formats",
"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"
]
}
],
"descriptionZh": "各种格式的颜色值。"
},
"controlType": "color",
"labelZh": "颜色"
},
"iconSize": {
"label": "Size",
"units": true,
"css": [
{
"property": "font-size"
}
],
"hasRequired": true,
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "尺寸"
},
"animation": {
"label": "Animation",
"options": {
"boring": "close (x)",
"arrow": "arrow (<-)",
"arrow-r": "arrow-r (->)",
"arrowalt": "arrowalt",
"arrowalt-r": "arrowalt-r",
"arrowturn": "arrowturn",
"arrowturn-r": "arrowturn-r",
"minus": "minus (-)",
"spin": "spin",
"spring": "spring",
"squeeze": "squeeze",
"vortex": "vortex",
"boringZh": "关闭 (×)",
"arrowZh": "箭头 (←)",
"arrow-rZh": "箭头 (→)",
"minusZh": "减号 (-)"
},
"hasRequired": true,
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Single selection",
"descriptionZh": "单选。"
},
{
"type": "array",
"items": {
"type": "string"
},
"description": "Multiple selection",
"descriptionZh": "多选。"
}
]
},
"controlType": "select",
"labelZh": "动画"
},
"ariaLabel": {
"label": "aria-label",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "aria-label"
},
"toggleSelector": {
"label": "CSS selector",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "CSS 选择器"
},
"toggleAttribute": {
"label": "Attribute",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "属性"
},
"toggleValue": {
"label": "Value",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "值"
},
"barScale": {
"label": "Scale",
"css": [
{
"property": "--brxe-toggle-scale"
}
],
"hasRequired": true,
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "缩放"
},
"barHeight": {
"label": "Height",
"units": true,
"css": [
{
"property": "--brxe-toggle-bar-height",
"selector": ".brxa-inner"
}
],
"hasRequired": true,
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "高度"
},
"barRadius": {
"label": "Radius",
"units": true,
"css": [
{
"property": "--brxe-toggle-bar-radius",
"selector": ".brxa-inner"
}
],
"hasRequired": true,
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "圆角"
},
"barColor": {
"label": "Color",
"css": [
{
"property": "color",
"selector": ".brxa-wrap"
}
],
"hasRequired": true,
"valueSchema": {
"description": "Color value in various formats",
"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"
]
}
],
"descriptionZh": "各种格式的颜色值。"
},
"controlType": "color",
"labelZh": "颜色"
},
"_content": {
"label": "Content",
"css": [
{
"property": "content
... (内容过长已截断，完整 JSON 见原始文件)