@chief-editor/brick-control
Version:
Control Brick for chief editor
777 lines (776 loc) • 114 kB
JSON
{
"id": "185ecc6d-8402-cbb6-1583-e3ab8631825c",
"board": {
"id": "root",
"type": "Stream",
"floatType": "none",
"bricks": [
{
"id": "84e28ae6-7368-232c-0a75-2eb956928afe",
"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": "9fcff749-7cb0-a151-8b7a-f26f7d12a715",
"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": "e768987e-3eb5-7e41-42b3-81ed0ec2cc09",
"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": "e1f248bc-1443-12de-7445-e1bae79b4537",
"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": "e768987e-3eb5-7e41-42b3-81ed0ec2cc09_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "59803ba0-50c7-b946-245b-1c2581a72ddd",
"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": "10ef23f9-4dbf-2588-35b6-15e5db59b874",
"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": "59803ba0-50c7-b946-245b-1c2581a72ddd_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "5cfebf2c-b54a-7a47-0eb3-b488fe3911af",
"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": "b460b841-f097-b5f5-b81e-b291ac96cc5a",
"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": "5cfebf2c-b54a-7a47-0eb3-b488fe3911af_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "9fcff749-7cb0-a151-8b7a-f26f7d12a715_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "d8bbef94-d57c-c4fc-9522-6e8e03fb78e9",
"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": "8719c41b-b8d7-b6e5-b046-bfb1eb608c8d",
"type": "Panel",
"info": {
"id": "",
"field": "config",
"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": "f850b37b-d6f7-264b-1a6d-01f270437c37",
"type": "Layer",
"info": {
"id": "",
"field": "props",
"label": "普通层",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true
}
},
"styles": {},
"layout": {
"horizontal": "left",
"vertical": "top"
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
},
"parts": {
"content": {
"bricks": [
{
"id": "f3c43834-57dc-bb18-3cb4-8370e92f405b",
"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": "fe65fefc-9914-e12d-9800-5f1e264265a0",
"type": "RadiusInput",
"info": {
"id": "",
"field": "defaultValue",
"label": "圆角",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"defaultValue": ""
}
},
"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",
"width": "100%",
"textAlign": "left"
},
"layout": {
"height": 24,
"horizontal": "left",
"vertical": "top",
"width": ""
},
"events": {
"eventList": []
},
"hooks": {
"hookList": []
},
"watchers": {
"watchers": []
}
}
],
"id": "f3c43834-57dc-bb18-3cb4-8370e92f405b_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "f850b37b-d6f7-264b-1a6d-01f270437c37_content",
"type": "Stream",
"floatType": "none"
}
}
}
],
"id": "8719c41b-b8d7-b6e5-b046-bfb1eb608c8d_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "48694d95-a5ad-c23e-79bd-9c37f777a9bc",
"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": "84e28ae6-7368-232c-0a75-2eb956928afe_props",
"type": "Stream",
"floatType": "none"
},
"style": {
"bricks": [
{
"id": "683d3020-cc13-df71-fd90-05319359bc17",
"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": "731231af-3ebd-5a61-8e1f-cd566116413f",
"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": "6e2e5348-510e-2277-f6f9-d92c95920727",
"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": "731231af-3ebd-5a61-8e1f-cd566116413f_content",
"type": "Stream",
"floatType": "none"
}
}
},
{
"id": "0792db3d-3e10-ba61-1f77-b0d10452389c",
"type": "FormContainer",
"info": {
"id": "",
"field": "",
"label": "下外边距容器",
"expandProps": {
"props": {},
"styles": {}
}
},
"config": {
"props": {
"className": "",
"showBrick": true,
"hasLabel": true,
"cLabel": "下外边距",
"required": false,
"tooltip": "",
"hint": "",
"align": "left"