@chief-editor/brick-control

{ "id": "b52f29db-e70a-7d91-6a8b-e5e6557af0a1", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "id": "27deb3db-d031-7079-6dee-e59d9f9cd59f", "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": "cc100681-40ce-7db1-138a-c479a1c2a40c", "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": "b22d876f-5b92-c312-4f80-b1b084558384", "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": "2cf0f813-0a79-3575-50d1-60f0b408b7fa", "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": "b22d876f-5b92-c312-4f80-b1b084558384_content", "type": "Stream", "floatType": "none" } } }, { "id": "7b69b733-6c31-de4d-62fd-255c0d361440", "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": "82078591-6426-22a7-771e-d4ad694849f5", "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": "7b69b733-6c31-de4d-62fd-255c0d361440_content", "type": "Stream", "floatType": "none" } } }, { "id": "d01966b3-9bdf-c4b4-eeb4-5b13ce76b3a0", "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": "3ef03c40-5d89-d3fa-40a6-2ea62e8f2be6", "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": "d01966b3-9bdf-c4b4-eeb4-5b13ce76b3a0_content", "type": "Stream", "floatType": "none" } } } ], "id": "cc100681-40ce-7db1-138a-c479a1c2a40c_content", "type": "Stream", "floatType": "none" } } }, { "id": "5554b14f-d8bc-96f4-83c4-5d9ec2bdf9c7", "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": "31aea51a-68f3-da8a-1efa-86d493821905", "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": "2ecf2cb6-0c95-f3bf-2c77-ed0d510f52e0", "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": "52966a4a-6fdf-3cdd-cf07-d6f1e681dda5", "type": "BorderInput", "info": { "id": "", "field": "defaultValue", "label": "背景色", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "defaultValue": "solid 1px rgba(0, 0, 0, 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, 1)", "textDecoration": "none", "cursor": "", "lineHeight": "22px", "textAlign": "left" }, "layout": { "height": 64, "horizontal": "left", "vertical": "top" }, "events": { "eventList": [] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "2ecf2cb6-0c95-f3bf-2c77-ed0d510f52e0_content", "type": "Stream", "floatType": "none" } } }, { "id": "bb11a55c-dfc2-3bb2-aa3d-a5353540e259", "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": "31aea51a-68f3-da8a-1efa-86d493821905_content", "type": "Stream", "floatType": "none" } } } ], "id": "27deb3db-d031-7079-6dee-e59d9f9cd59f_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "0ef8f500-1eca-1636-9c68-656e2449a6e6", "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": "71d6613a-cd12-96a6-2075-4331d4557981", "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": "88789ad8-30dc-701b-6f36-a383abe91a68", "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": "71d6613a-cd12-96a6-2075-4331d4557981_content", "type": "Stream", "floatType": "none" } } }, { "id": "c8de7d42-aa9f-061c-d342-4d145a4ff678", "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": "25b7f00d-ce63-94a2-641e-c59cc67b5505", "type": "Input", "info": { "id": "", "field": "marginBottom", "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": "c8de7d42-aa9f-061c-d342-4d145a4ff678_content",