{ "id": "4b389651-141e-120c-1e78-5298cdba7b0e", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "id": "7361d161-6110-6a85-337e-64cb1523dd19", "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": "508eef2e-f788-a6dc-9988-a5cf8ae75a68", "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": "0d4d5baa-8a7a-41f3-ae35-12e88f5f3da7", "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": "73892eac-2859-8bc6-866f-9aa3ff4bcdc0", "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": "0d4d5baa-8a7a-41f3-ae35-12e88f5f3da7_content", "type": "Stream", "floatType": "none" } } }, { "id": "ef583f8d-7ebe-9fef-90ba-05fd3a9f5765", "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": "0e1d270b-a4d3-ab0e-86e1-9eca93e20ce3", "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": "ef583f8d-7ebe-9fef-90ba-05fd3a9f5765_content", "type": "Stream", "floatType": "none" } } }, { "id": "7af996fd-0e53-b2d7-a9b9-c2801b392063", "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": "9c347577-c4b5-80b2-106c-fe039241c6cb", "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": "ac6abeb7-f379-92d6-df69-a58f296f94f2", "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": "7af996fd-0e53-b2d7-a9b9-c2801b392063_content", "type": "Stream", "floatType": "none" } } } ], "id": "508eef2e-f788-a6dc-9988-a5cf8ae75a68_content", "type": "Stream", "floatType": "none" } } }, { "id": "cafa787a-cb14-bbf1-c744-b4e9c06ca6c3", "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": "27f8bee3-8358-44c5-45cb-c3b8396bd8e2", "type": "Panel", "info": { "id": "", "field": "", "label": "面板", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "open": true, "title": "数据" } }, "styles": { "paddingTop": "", "paddingBottom": "", "paddingLeft": "", "paddingRight": "" }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "4b0c6c0e-1196-bb47-da62-f3225204235d", "type": "Datasource", "info": { "id": "", "field": "datasource", "label": "数据源", "expandProps": { "props": {}, "styles": {} } }, "datasource": { "type": "local", "data": [ { "value": "local", "label": "本地" }, { "value": "bind", "label": "绑定" }, { "value": "func", "label": "函数" } ], "defaultValueType": "simple", "defaultValue": "local" }, "config": {}, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "events": { "eventList": [] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "27f8bee3-8358-44c5-45cb-c3b8396bd8e2_content", "type": "Stream", "floatType": "none" } } }, { "id": "f52c71ad-f4c2-63fa-972c-a695eb9faee3", "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": "7361d161-6110-6a85-337e-64cb1523dd19_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "1e2c56c8-609f-9c82-ddfd-e913f81f1eaf", "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": "bbd749a9-268c-3c8b-80e2-c099b53119ab", "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": "a621a6ef-39b0-5751-4eb7-708ea228f900", "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": "bbd749a9-268c-3c8b-80e2-c099b53119ab_content", "type": "Stream", "floatType": "none" } } }, { "id": "f44ef062-d456-719a-01df-16b57ded717c", "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": "aa57a705-9694-0698-49e2-57d8e51eb7c6", "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": "f44ef062-d456-719a-01df-16b57ded717c_content", "type": "Stream", "floatType": "none" } } }, { "id": "90992e7e-c5a1-8cf0-1874-b472ecea9916", "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": "be5d80f5-d8ea-2cf0-44dd-0bfedfff6980", "type": "Input", "info": { "id": "", "field": "marginLeft", "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": "90992e7e-c5a1-8cf0-1874-b472ecea9916_content", "type": "Stream", "floatType": "none" } } }, { "id": "e5d207a0-fd74-4475-81f3-baa7424b4c89", "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": "6e4abad2-5226-e895-b8d2-2b8f707a91cd", "type": "Input", "info": { "id": "", "field": "marginRight", "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": "e5d207a0-fd74-4475-81f3-baa7424b4c89_content", "type": "Stream", "floatType": "none" } } }, { "id": "42e95317-2f41-1594-5345-d25cb191a809", "type": "Divider", "info": { "id": "", "field": "", "label": "分割线", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "type": "horizontal" } }, "styles": { "marginTop": 0, "marginBottom": 12, "marginLeft": 0, "marginRight": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } }, { "id": "686d6983-0de0-c443-959e-2b3f68e8a195", "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": "d2d2aa35-78f9-4041-355e-677f183d1cdc", "type": "Input", "info": { "id": "", "field": "paddingTop", "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": "686d6983-0de0-c443-959e-2b3f68e8a195_content", "type": "Stream", "floatType": "none" } } }, { "id": "c8e6b3a8-52d8-db6a-690c-2af6be463925", "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": "0da21a24-8dcf-de21-318c-8f043e673459", "type": "Input", "info": { "id": "", "field": "paddingBottom", "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": "c8e6b3a8-52d8-db6a-690c-2af6be463925_content", "type": "Stream", "floatType": "none" } } }, { "id": "2edd81fb-4df7-f08f-4a90-4698abf56079", "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": "ea753468-8fbc-0b18-8ffb-82a5e91d98a0", "type": "Input", "info": { "id": "", "field": "paddingLeft", "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": "2edd81fb-4df7-f08f-4a90-4698abf56079_content", "type": "Stream", "floatType": "none" } } }, { "id": "0280e68e-01e2-e3f5-792c-36a57aa60ec8", "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": "d2e18b3f-c3a6-d6ca-cb6e-b0b365a67a23", "type": "Input", "info": { "id": "", "field": "paddingRight", "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": "0280e68e-01e2-e3f5-792c-36a57aa60ec8_content", "type": "Stream", "floatType": "none" } } } ], "id": "1e2c56c8-609f-9c82-ddfd-e913f81f1eaf_content", "type": "Stream", "floatType": "none" } } }, { "id": "f0def74f-23d8-15b1-6e55-6299ed4a395b", "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": "7361d161-6110-6a85-337e-64cb1523dd19_style", "type": "Stream", "floatType": "none" } } } ] }, "width": 240, "height": 800 }