{ "id": "35777ad0-11a1-0509-0942-9d1a18e383f5", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "id": "966f7c11-fbf3-0f25-3e6d-387115c8d8eb", "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": {} }, "filed": "id" }, "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": {} }, "filed": "field" }, "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": {} }, "filed": "label" }, "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": "4d130028-b914-9def-8a7d-59dadca1dd5c", "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": "3f727712-d220-623c-5699-37629e93c521", "type": "Layer", "info": { "id": "", "field": "", "label": "普通层", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true } }, "styles": {}, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "2b0ddaa1-194c-1f05-ba1f-b3547ec0788c", "type": "FormContainer", "info": { "id": "", "field": "", "label": "表单项容器", "expandProps": { "props": {}, "styles": {} }, "__bind__": {} }, "config": { "props": { "className": "", "showBrick": true, "hasLabel": true, "cLabel": "标题", "required": false, "tooltip": "", "hint": "", "align": "left", "title": "默认提示", "__bind__": {} } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": "", "paddingBottom": "12px", "paddingLeft": "", "paddingRight": "", "__bind__": {} }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "f254071d-2b19-f824-cc24-b4ad6433cc61", "type": "Input", "info": { "id": "", "field": "title", "label": "输入框", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "placeholder": "请输入标题", "defaultValue": "" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0, "paddingBottom": "", "paddingLeft": "", "paddingRight": "" }, "layout": { "horizontal": "left", "vertical": "top", "width": "", "height": "" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "2b0ddaa1-194c-1f05-ba1f-b3547ec0788c_content", "type": "Stream", "floatType": "none" } } }, { "id": "2f6c4370-ad97-9d6a-506d-18a09caec7e5", "type": "FormContainer", "info": { "id": "", "field": "", "label": "表单项容器", "expandProps": { "props": {}, "styles": {} }, "__bind__": {} }, "config": { "props": { "className": "", "showBrick": true, "hasLabel": true, "cLabel": "是否开启绑定", "required": false, "tooltip": "", "hint": "", "align": "left", "__bind__": {} } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingBottom": 12, "paddingTop": "", "paddingLeft": "", "paddingRight": "", "__bind__": {} }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "5ecd7ee8-51b2-e133-58f1-2de05af9049a", "type": "Switch", "info": { "id": "", "field": "bind", "label": "开关", "expandProps": { "props": {}, "styles": {} }, "__bind__": {} }, "config": { "props": { "placeholder": "是否开启绑定", "defaultValue": false, "__bind__": {} } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0, "paddingBottom": "", "paddingLeft": "", "paddingRight": "", "__bind__": {} }, "layout": { "horizontal": "left", "vertical": "top", "width": "", "height": "", "__bind__": {} }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "2f6c4370-ad97-9d6a-506d-18a09caec7e5_content", "type": "Stream", "floatType": "none" } } }, { "id": "7e5853ac-e179-8369-21bd-c7f5d3c3e93e", "type": "FormContainer", "info": { "id": "", "field": "", "label": "表单项容器", "expandProps": { "props": {}, "styles": {} }, "__bind__": {} }, "config": { "props": { "className": "", "showBrick": true, "hasLabel": true, "cLabel": "绑定字段集合", "required": false, "tooltip": "", "hint": "", "align": "left", "__bind__": {} } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingBottom": 12, "paddingTop": "", "paddingLeft": "", "paddingRight": "", "__bind__": {} }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "84078445-6caf-bb87-4024-ef66efafcc95", "type": "JSONEditor", "info": { "id": "", "field": "bindData", "label": "编辑数据", "expandProps": { "props": {}, "styles": {} }, "__bind__": {} }, "config": { "props": { "defaultValue": [], "placeholder": "", "__bind__": {} } }, "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": "center", "__bind__": {} }, "layout": { "height": 24, "horizontal": "left", "vertical": "top", "width": "", "__bind__": {} }, "events": { "eventList": [] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "7e5853ac-e179-8369-21bd-c7f5d3c3e93e_content", "type": "Stream", "floatType": "none" } } } ], "id": "3f727712-d220-623c-5699-37629e93c521_content", "type": "Stream", "floatType": "none" } } } ], "id": "aa489fbd-e2a9-79af-8d21-97ba5a696ac6_content", "type": "Stream", "floatType": "none" } } }, { "id": "608888fc-9f2a-e4bb-e367-743663bcb6bc", "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": "966f7c11-fbf3-0f25-3e6d-387115c8d8eb_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "b866a5bc-8244-e20b-4814-a4fdeabf3d12", "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": "8e602cdc-4315-dff5-e960-a58ebe628d2f", "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": "e55cedf2-8ad4-b746-f80b-80579bdc3392", "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": "8e602cdc-4315-dff5-e960-a58ebe628d2f_content", "type": "Stream", "floatType": "none" } } }, { "id": "f6cae432-5ea3-f5c2-bb21-30c534f51677", "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": "35037651-770f-935a-989f-f3419f4661f9", "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": "f6cae432-5ea3-f5c2-bb21-30c534f51677_content", "type": "Stream", "floatType": "none" } } }, { "id": "ad2c86b3-a6f3-0da9-f3ad-de77abba74b4", "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": "6f7395cc-e931-639b-cfb0-e1b7809f3934", "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": "ad2c86b3-a6f3-0da9-f3ad-de77abba74b4_content", "type": "Stream", "floatType": "none" } } }, { "id": "f93ffb9f-5912-322e-f0c0-f286b4de090c", "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": "cd6d018e-4f3b-36cd-da72-2693f63481f1", "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": "f93ffb9f-5912-322e-f0c0-f286b4de090c_content", "type": "Stream", "floatType": "none" } } } ], "id": "b866a5bc-8244-e20b-4814-a4fdeabf3d12_content", "type": "Stream", "floatType": "none" } } }, { "id": "4c9b3a6e-4464-9782-9b3f-f835cf6736e4", "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": "966f7c11-fbf3-0f25-3e6d-387115c8d8eb_style", "type": "Stream", "floatType": "none" } } } ] }, "width": 240, "height": 800 }