{ "id": "35777ad0-11a1-0509-0942-9d1a18e383f5", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "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": "8a7c22c3-9db3-5d4b-0531-cb685418e172", "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": "211de0fb-d927-9fda-f784-1565c6367aa9", "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": "97fe9e90-d59d-0621-dba1-405c598bb3bc", "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": "11827d53-981f-7fb4-f727-adcd519f81b6", "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": "97fe9e90-d59d-0621-dba1-405c598bb3bc_content", "type": "Stream", "floatType": "none" } } }, { "id": "c4021ee0-90bf-bb94-68af-0b8537d96c7b", "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": "2410492c-f175-8418-b10d-49661b3a89f7", "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": "c4021ee0-90bf-bb94-68af-0b8537d96c7b_content", "type": "Stream", "floatType": "none" } } }, { "id": "ba3af32a-51f7-3f7b-7e9b-e553f57e1fd1", "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": "e53713ae-964a-5e94-ac7f-bb3237302661", "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": "ba3af32a-51f7-3f7b-7e9b-e553f57e1fd1_content", "type": "Stream", "floatType": "none" } } } ], "id": "211de0fb-d927-9fda-f784-1565c6367aa9_content", "type": "Stream", "floatType": "none" } } }, { "id": "5b6fed9a-03e4-acd3-94bf-36eb0c6871ef", "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": "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": "2b0ddaa1-194c-1f05-ba1f-b3547ec0788c", "type": "FormContainer", "info": { "id": "", "field": "", "label": "表单项容器", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "hasLabel": true, "cLabel": "url 地址", "required": false, "tooltip": "", "hint": "", "align": "left" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": "", "paddingBottom": "", "paddingLeft": "", "paddingRight": "" }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "3646bbf6-2cb7-591d-5f23-aa4f5ce1a131", "type": "TextArea", "info": { "id": "", "field": "url", "label": "多行输入", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "placeholder": "请输入", "defaultValue": "" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": "", "paddingBottom": "", "paddingLeft": "", "paddingRight": "", "layout": null }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "2b0ddaa1-194c-1f05-ba1f-b3547ec0788c_content", "type": "Stream", "floatType": "none" } } } ], "id": "aa489fbd-e2a9-79af-8d21-97ba5a696ac6_content", "type": "Stream", "floatType": "none" } } }, { "id": "111b4a58-2ae6-5118-6c7a-e12b84dfca68", "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": "8a7c22c3-9db3-5d4b-0531-cb685418e172_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "7088a734-eea2-4a3a-d2c4-2b5022faae1e", "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": "1f31ed59-5695-34b5-10fe-96ddb44e6d69", "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": "c96ceee6-5eea-bb7b-b521-47541e0d753c", "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": "1f31ed59-5695-34b5-10fe-96ddb44e6d69_content", "type": "Stream", "floatType": "none" } } }, { "id": "4e6eb171-e944-a908-503f-a6a36909e234", "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": "88bdd9ab-1625-0e81-4f12-4fa4a5709e16", "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": "4e6eb171-e944-a908-503f-a6a36909e234_content", "type": "Stream", "floatType": "none" } } }, { "id": "fd33afe5-1c6d-6e37-8974-eaceec30d42a", "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": "43d9c4b8-5d7c-0c7f-401e-159b45d6c6bb", "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": "fd33afe5-1c6d-6e37-8974-eaceec30d42a_content", "type": "Stream", "floatType": "none" } } }, { "id": "34e348f0-82e8-b802-1ada-66f49290362d", "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": "7a07b66a-a164-06ae-308e-86beba8b5023", "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": "34e348f0-82e8-b802-1ada-66f49290362d_content", "type": "Stream", "floatType": "none" } } }, { "id": "f7d4bf1f-d61c-bd0c-c220-35e1b67014b9", "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": "106b8311-8dbd-1416-0782-c47cc5f935cd", "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": "c1871c87-222f-5ebc-5bc2-4d25994c0702", "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": "106b8311-8dbd-1416-0782-c47cc5f935cd_content", "type": "Stream", "floatType": "none" } } }, { "id": "3e1222d2-4c07-9d97-bb30-9f5b96edf98f", "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": "836d4acf-1b21-169c-9e38-df69c6446cc0", "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": "3e1222d2-4c07-9d97-bb30-9f5b96edf98f_content", "type": "Stream", "floatType": "none" } } }, { "id": "d9b76417-c43c-0705-85fd-7d0e24ab3d60", "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": "767d7b8d-064d-e37c-d2f5-bc2aea98b7f2", "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": "d9b76417-c43c-0705-85fd-7d0e24ab3d60_content", "type": "Stream", "floatType": "none" } } }, { "id": "c3070dfd-4ac6-1847-e994-5c66c89113d8", "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": "f854a4a7-ab1b-a9bd-1299-dec5eedc1df6", "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": "c3070dfd-4ac6-1847-e994-5c66c89113d8_content", "type": "Stream", "floatType": "none" } } } ], "id": "7088a734-eea2-4a3a-d2c4-2b5022faae1e_content", "type": "Stream", "floatType": "none" } } }, { "id": "50da5c5f-c478-bc51-c048-704b0faa14eb", "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": "618b5d50-ae41-732b-1959-3eec7f928eee", "type": "Panel", "info": { "id": "", "field": "", "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": "ff7bf6b0-eff1-e8d2-3205-0f5a43c290ad", "type": "Size", "info": { "id": "", "field": "layout", "label": "尺寸", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": {} }, "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" }, "events": { "eventList": [] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "618b5d50-ae41-732b-1959-3eec7f928eee_content", "type": "Stream", "floatType": "none" } } }, { "id": "cb5ee4e7-5ffe-d26b-15a2-ce0433fd8a30", "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": "8a7c22c3-9db3-5d4b-0531-cb685418e172_style", "type": "Stream", "floatType": "none" } } } ], "id": "b173e85a-ae0a-a6e3-67f8-3cd5b8f1f142_content", "type": "Stream", "floatType": "none" } } } ] }, "width": 240, "height": 800 }