📄 原始资料 （已截断） | 展开查看原始 JSON（offcanvas.json）
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"$id": "bricks://elements/offcanvas",
"schemaVersion": "2.3",
"type": "object",
"title": "Offcanvas",
"description": "Schema for Bricks Offcanvas element",
"metadata": {
"name": "offcanvas",
"category": "general",
"tag": "div",
"nestable": true
},
"settings": {
"direction": {
"label": "Direction",
"options": {
"top": "Top",
"right": "Right",
"bottom": "Bottom",
"left": "Left",
"topZh": "顶部",
"rightZh": "右侧",
"bottomZh": "底部",
"leftZh": "左侧"
},
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Single selection",
"descriptionZh": "单选。"
},
{
"type": "array",
"items": {
"type": "string"
},
"description": "Multiple selection",
"descriptionZh": "多选。"
}
]
},
"controlType": "select",
"labelZh": "方向"
},
"effect": {
"label": "Effect",
"options": {
"slide": "Slide",
"offset": "Offset",
"slideZh": "滑动",
"offsetZh": "偏移"
},
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Single selection",
"descriptionZh": "单选。"
},
{
"type": "array",
"items": {
"type": "string"
},
"description": "Multiple selection",
"descriptionZh": "多选。"
}
]
},
"controlType": "select",
"labelZh": "效果"
},
"closeOn": {
"label": "Close on",
"options": {
"backdrop": "Backdrop",
"esc": "ESC (",
"none": "None",
"backdropZh": "背景遮罩",
"escZh": "ESC 键",
"noneZh": "无"
},
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Single selection",
"descriptionZh": "单选。"
},
{
"type": "array",
"items": {
"type": "string"
},
"description": "Multiple selection",
"descriptionZh": "多选。"
}
]
},
"controlType": "select",
"labelZh": "关闭触发"
},
"width": {
"label": "Width",
"units": true,
"css": [
{
"property": "width",
"selector": "&[data-direction] .brx-offcanvas-inner"
}
],
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "宽度"
},
"height": {
"label": "Height",
"units": true,
"css": [
{
"property": "height",
"selector": "&[data-direction] .brx-offcanvas-inner"
}
],
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "高度"
},
"transitionDuration": {
"label": "Transition",
"units": true,
"css": [
{
"property": "transition-duration",
"selector": ".brx-offcanvas-inner, .brx-offcanvas-backdrop"
}
],
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "过渡"
},
"transitionTimingFunction": {
"label": "Transition",
"css": [
{
"property": "transition-timing-function",
"selector": ".brx-offcanvas-inner, .brx-offcanvas-backdrop"
}
],
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "过渡"
},
"ariaLabel": {
"label": "aria-label",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "aria-label"
},
"noScrollBody": {
"label": "No scroll",
"valueSchema": {
"type": "boolean"
},
"controlType": "checkbox",
"labelZh": "禁止滚动"
},
"scrollToTop": {
"label": "Scroll to top",
"valueSchema": {
"type": "boolean"
},
"controlType": "checkbox",
"labelZh": "滚动到顶部"
},
"noAutoFocus": {
"label": "Disable auto focus",
"valueSchema": {
"type": "boolean"
},
"controlType": "checkbox",
"labelZh": "禁用自动聚焦"
},
"openByDefault": {
"label": "Open on page load",
"valueSchema": {
"type": "boolean"
},
"controlType": "checkbox",
"labelZh": "页面加载时打开"
},
"_content": {
"label": "Content",
"css": [
{
"property": "content",
"value": "%s"
}
],
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "内容"
},
"_margin": {
"label": "Margin",
"valueSchema": {
"type": "object",
"description": "Spacing value with directional properties",
"properties": {
"top": {
"type": "string",
"description": "Top spacing value with unit",
"descriptionZh": "顶部间距值（带单位）。"
},
"right": {
"type": "string",
"description": "Right spacing value with unit",
"descriptionZh": "右侧间距值（带单位）。"
},
"bottom": {
"type": "string",
"description": "Bottom spacing value with unit",
"descriptionZh": "底部间距值（带单位）。"
},
"left": {
"type": "string",
"description": "Left spacing value with unit",
"descriptionZh": "左侧间距值（带单位）。"
}
},
"additionalProperties": false,
"descriptionZh": "带方向属性的间距值。"
},
"css": [
{
"property": "margin"
}
],
"controlType": "spacing",
"labelZh": "外边距"
},
"_padding": {
"label": "Padding",
"valueSchema": {
"type": "object",
"description": "Spacing value with directional properties",
"properties": {
"top": {
"type": "string",
"description": "Top spacing value with unit",
"descriptionZh": "顶部间距值（带单位）。"
},
"right": {
"type": "string",
"description": "Right spacing value with unit",
"descriptionZh": "右侧间距值（带单位）。"
},
"bottom": {
"type": "string",
"description": "Bottom spacing value with unit",
"descriptionZh": "底部间距值（带单位）。"
},
"left": {
"type": "string",
"description": "Left spacing value with unit",
"descriptionZh": "左侧间距值（带单位）。"
}
},
"additionalProperties": false,
"descriptionZh": "带方向属性的间距值。"
},
"css": [
{
"property": "padding"
}
],
"controlType": "spacing",
"labelZh": "内边距"
},
"_width": {
"label": "Width",
"css": [
{
"property": "width"
}
],
"valueSchema": {
"oneOf": [
{
"type": "string",
... (内容过长已截断，完整 JSON 见原始文件)