@chief-editor/brick-control
Version:
Control Brick for chief editor
767 lines (766 loc) • 115 kB
JSON
{
"id": "35777ad0-11a1-0509-0942-9d1a18e383f5",
"board": {
"id": "root",
"type": "Stream",
"floatType": "none",
"bricks": [
{
"id": "eb5dae85-0625-6f4b-0453-fc831be8f371",
"type": "Tab",
"info": {
"id": "",
"field": "",
"label": "选项卡",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"open": true,
"title": "面板",
"__temp_index__": "props"
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"datasource": {
"type": "local",
"useStaticDatasource": true,
"hasDefaultValue": false,
"data": [
{
"label": "属性",
"value": "props"
},
{
"label": "样式",
"value": "style"
}
]
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"props": {
"bricks": [
{
"id": "9f4c0e35-01e5-6701-5047-bbc3bc9745fa",
"type": "Panel",
"info": {
"id": "",
"field": "info",
"label": "面板",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"open": true,
"title": "基本信息"
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "6ffdbae2-8132-44b2-e487-db233147a80e",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "组件",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "组件ID",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingBottom": 12
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "01ce9904-248e-e8a2-8081-ba70ed1d8949",
"type": "Input",
"info": {
"id": "",
"field": "id",
"label": "透明度",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"prefix": "",
"suffix": ""
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "6ffdbae2-8132-44b2-e487-db233147a80e_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "42f6da6c-26ae-a1a7-a53f-1edbf9932b7a",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "字段名",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "字段名",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingBottom": 12
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "3e2186af-b47c-58b2-0452-2e421dcb5d27",
"type": "Input",
"info": {
"id": "",
"field": "field",
"label": "字段名",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"prefix": "",
"suffix": "",
"placeholder": "请输入字段名"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "42f6da6c-26ae-a1a7-a53f-1edbf9932b7a_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "eb3d3a16-b02e-a993-121b-d7d1173b9668",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "组件名称",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "组件名称",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingBottom": 8
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "b132650b-70c6-22c6-aa7f-4918672198e5",
"type": "Input",
"info": {
"id": "",
"field": "label",
"label": "组件名称",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"prefix": "",
"suffix": "",
"placeholder": "请输入组件名称"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "eb3d3a16-b02e-a993-121b-d7d1173b9668_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "9f4c0e35-01e5-6701-5047-bbc3bc9745fa_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "eb6f8068-7eca-fdee-1110-3f415121824c",
"type": "Divider",
"info": {
"id": "",
"field": "",
"label": "分割线",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"type": "horizontal"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
},
{
"id": "b173e85a-ae0a-a6e3-67f8-3cd5b8f1f142",
"type": "Layer",
"info": {
"id": "",
"field": "config",
"label": "普通层",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "aa489fbd-e2a9-79af-8d21-97ba5a696ac6",
"type": "Panel",
"info": {
"id": "",
"field": "props",
"label": "属性面板",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"open": true,
"title": "属性"
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "85d14cd9-5468-ca22-a988-2d78eaeb162e",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "表单域",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "默认透明度",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "50fb1769-3b6c-752d-d76e-15c22fe5f93a",
"type": "Opacity",
"info": {
"id": "",
"field": "defaultValue",
"label": "布局",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"min": 0,
"max": 100,
"step": 1,
"opacity": 0,
"defaultValue": 1
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingTop": 0,
"paddingBottom": 0,
"paddingLeft": 0,
"paddingRight": 0,
"backgroundImage": "",
"backgroundSize": "cover",
"backgroundPosition": "center",
"backgroundRepeat": "no-repeat",
"borderRadius": "",
"fontFamily": "",
"fontSize": 12,
"color": "rgba(255, 255, 255, 0.8)",
"textDecoration": "none",
"cursor": "",
"lineHeight": "22px",
"textAlign": "left"
},
"layout": {
"height": 24,
"horizontal": "left",
"vertical": "top",
"width": ""
},
"events": {
"eventList": []
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "85d14cd9-5468-ca22-a988-2d78eaeb162e_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "aa489fbd-e2a9-79af-8d21-97ba5a696ac6_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "608ec21e-04b6-1568-8e0a-5d1ccdae0b2c",
"type": "Divider",
"info": {
"id": "",
"field": "",
"label": "分割线",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"type": "horizontal"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "b173e85a-ae0a-a6e3-67f8-3cd5b8f1f142_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "eb5dae85-0625-6f4b-0453-fc831be8f371_props",
"type": "Stream",
"floatType": "none"
},
"style": {
"bricks": [
{
"id": "1411b50c-4ced-3053-7a57-8d15126b4e8b",
"type": "Panel",
"info": {
"id": "",
"field": "styles",
"label": "样式面板",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"open": true,
"title": "间距"
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "55573835-f9e0-ac50-b8d7-788191f0f622",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "上外边距容器",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "上外边距",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingBottom": 12,
"paddingTop": "0"
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "4416ad99-2b39-ccf6-7f12-4d0088010f06",
"type": "Input",
"info": {
"id": "",
"field": "marginTop",
"label": "输入框",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"prefix": "",
"suffix": ""
}
},
"styles": {
"marginTop": 0,
"marginBottom": 0,
"marginLeft": 0,
"marginRight": 0,
"paddingTop": 0
},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "55573835-f9e0-ac50-b8d7-788191f0f622_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "f07ceefc-4395-85da-a159-eb585f6db0be",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "下外边距容器",
"expandProps": {
"props": {},
"styles": {}