📄 原始资料 （已截断） | 展开查看原始 JSON（post-reading-progress-bar.json）
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"$id": "bricks://elements/post-reading-progress-bar",
"schemaVersion": "2.3",
"type": "object",
"title": "Reading progress bar",
"description": "Schema for Bricks Reading progress bar element",
"metadata": {
"name": "post-reading-progress-bar",
"category": "single",
"tag": "div",
"nestable": false
},
"settings": {
"contentSelector": {
"label": "Content selector",
"valueSchema": {
"type": "string"
},
"controlType": "text",
"labelZh": "内容选择器"
},
"barPosition": {
"label": "Position",
"options": {
"top": "Top",
"bottom": "Bottom",
"custom": "Custom",
"topZh": "顶部",
"bottomZh": "底部",
"customZh": "自定义"
},
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Single selection",
"descriptionZh": "单选。"
},
{
"type": "array",
"items": {
"type": "string"
},
"description": "Multiple selection",
"descriptionZh": "多选。"
}
]
},
"controlType": "select",
"labelZh": "位置"
},
"barHeight": {
"label": "Bar height",
"units": true,
"css": [
{
"property": "height"
}
],
"valueSchema": {
"oneOf": [
{
"type": "string",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "number",
"labelZh": "进度条高度"
},
"barColor": {
"label": "Bar color",
"css": [
{
"property": "background-color",
"selector": "&::-webkit-progress-value"
},
{
"property": "background-color",
"selector": "&::-moz-progress-bar"
}
],
"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": "条颜色"
},
"barBackgroundColor": {
"label": "Bar background color",
"css": [
{
"property": "background-color",
"selector": "&::-webkit-progress-bar"
},
{
"property": "background-color"
}
],
"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",
"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",
"description": "Value with unit (e.g., \"10px\", \"50%\")",
"descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
},
{
"type": "number"
}
]
},
"controlType": "nu
... (内容过长已截断，完整 JSON 见原始文件)