{ "id": "35777ad0-11a1-0509-0942-9d1a18e383f5", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "id": "637bbd20-3dab-f830-083f-84154755d01a", "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": "902136d6-9ebf-db05-d89f-b6704a99592a", "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": "8f7239a3-a6fd-d821-8180-0a5301822c2c", "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": "41e19e1b-6401-f893-e290-f23de4cd11ec", "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": "8f7239a3-a6fd-d821-8180-0a5301822c2c_content", "type": "Stream", "floatType": "none" } } }, { "id": "b97bfc30-00d6-ab6f-d829-3d0fdd042efb", "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": "f34edf8b-5399-c8c5-8c4a-e3b47b939455", "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": "b97bfc30-00d6-ab6f-d829-3d0fdd042efb_content", "type": "Stream", "floatType": "none" } } }, { "id": "6a8d7a78-571d-d18e-b37f-082fa22f4841", "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": "fe10391d-3ce0-210a-1e22-f5b8b4e31d32", "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": "6a8d7a78-571d-d18e-b37f-082fa22f4841_content", "type": "Stream", "floatType": "none" } } } ], "id": "902136d6-9ebf-db05-d89f-b6704a99592a_content", "type": "Stream", "floatType": "none" } } }, { "id": "c0c85d47-6a89-3bec-cc8d-907a8a3c237f", "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": "24061510-9765-8761-e57f-407409e7d401", "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": "48f0d046-4eee-a7f5-5417-248a2cfc5d15", "type": "VerticalRepeat", "info": { "id": "", "field": "itemConfigs", "label": "重复容器", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "__temp_index__": "", "getInitItemData": "buildInFlexItemAdd" } }, "styles": { "paddingTop": "", "paddingBottom": "", "paddingLeft": "", "paddingRight": "" }, "layout": { "horizontal": "left", "vertical": "top" }, "datasource": { "type": "local", "useStaticDatasource": true, "hasDefaultValue": false, "data": [ { "label": "属性", "value": "props" }, { "label": "样式", "value": "style" } ] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "template": { "bricks": [ { "id": "24fd8499-84ff-f6c9-3b03-6a855b93fe1f", "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": "0f223c45-dd48-17a9-bf96-28946948f6d9", "type": "InputNumber", "info": { "id": "", "field": "paddingTop", "label": "数字输入框", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "defaultValue": "0" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "24fd8499-84ff-f6c9-3b03-6a855b93fe1f_content", "type": "Stream", "floatType": "none" } } }, { "id": "76681f8e-4844-becd-30ea-6a480adeb530", "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": "bf4e7081-c124-c3a3-4e4d-f960cc641d25", "type": "InputNumber", "info": { "id": "", "field": "paddingBottom", "label": "下内边距", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "placeholder": "请输入下内边距", "defaultValue": "0" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "76681f8e-4844-becd-30ea-6a480adeb530_content", "type": "Stream", "floatType": "none" } } }, { "id": "efb4a861-856c-e297-d354-8fdcde154460", "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": "49d285e7-aa6d-0ec9-651f-d88e0b761590", "type": "InputNumber", "info": { "id": "", "field": "paddingLeft", "label": "左内边距", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "placeholder": "请输入左内边距", "defaultValue": "0" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "efb4a861-856c-e297-d354-8fdcde154460_content", "type": "Stream", "floatType": "none" } } }, { "id": "0c21caf9-0d49-3c6f-3be0-57cb26a69363", "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": "5c816912-d323-5795-c509-c0a38c913d54", "type": "InputNumber", "info": { "id": "", "field": "paddingRight", "label": "右内边距", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "placeholder": "请输入右内边距", "defaultValue": "0" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "0c21caf9-0d49-3c6f-3be0-57cb26a69363_content", "type": "Stream", "floatType": "none" } } }, { "id": "f6c8157c-716e-26fa-6aec-99661b635a64", "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": "f70ab499-3923-c228-d881-804097209dca", "type": "Select", "info": { "id": "", "field": "widthType", "label": "下拉选择", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "disabled": false, "clearable": false, "readonly": false, "placeholder": "", "defaultValue": "1" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": "", "paddingBottom": "", "paddingLeft": "", "paddingRight": "" }, "layout": { "horizontal": "left", "vertical": "top", "width": "", "height": "" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "datasource": { "type": "local", "useStaticDatasource": true, "hasDefaultValue": false, "data": [ { "label": "Flex", "value": "1" }, { "label": "定宽", "value": "2" } ] } } ], "id": "f6c8157c-716e-26fa-6aec-99661b635a64_content", "type": "Stream", "floatType": "none" } } }, { "id": "041deaa8-fba0-f8bd-4236-893fe610492a", "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": "983a6b31-b423-1047-ad52-c6f363fa71dc", "type": "Input", "info": { "id": "", "field": "width", "label": "输入框", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "className": "", "showBrick": true, "prefix": "", "suffix": "", "defaultValue": "1" } }, "styles": { "marginTop": 0, "marginBottom": 0, "marginLeft": 0, "marginRight": 0, "paddingTop": 0 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "041deaa8-fba0-f8bd-4236-893fe610492a_content", "type": "Stream", "floatType": "none" } } } ], "id": "48f0d046-4eee-a7f5-5417-248a2cfc5d15_template", "type": "Stream", "floatType": "none" } } } ], "id": "24061510-9765-8761-e57f-407409e7d401_content", "type": "Stream", "floatType": "none" } } }, { "id": "b9d2b3da-4c96-d837-7cdd-50964fffe5f2", "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": "637bbd20-3dab-f830-083f-84154755d01a_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "dc52d499-826e-64ee-4917-e2cc2a0b13e3", "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": "6fda902a-d990-bfd4-886a-debbb99e00ac", "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": "cb90f182-77c2-e9b1-940b-162b13dc25e3", "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": "6fda902a-d990-bfd4-886a-debbb99e00ac_content", "type": "Stream", "floatType": "none" } } }, { "id": "2d4c087f-d082-a58f-8992-4ee01eaeb44b", "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": "334092c3-cc1f-6d78-7bb0-409dd44137a4", "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": "2d4c087f-d082-a58f-8992-4ee01eaeb44b_content", "type": "Stream", "floatType": "none" } } }, { "id": "ee57d61d-2caf-33e9-658a-a00ff897ac40", "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": "a91a2a73-3fc1-e952-34e9-68dd2e0a2727", "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": "ee57d61d-2caf-33e9-658a-a00ff897ac40_content", "type": "Stream", "floatType": "none" } } }, { "id": "9596a031-2292-16f6-ec6d-0ff9fdc131b7", "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": "63713168-dcab-21f9-f98e-23824fe35373", "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": "9596a031-2292-16f6-ec6d-0ff9fdc131b7_content", "type": "Stream", "floatType": "none" } } } ], "id": "dc52d499-826e-64ee-4917-e2cc2a0b13e3_content", "type": "Stream", "floatType": "none" } } }, { "id": "b9a36cf3-2b57-b06e-27c6-6d08a0176d3e", "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": "637bbd20-3dab-f830-083f-84154755d01a_style", "type": "Stream", "floatType": "none" } } } ] }, "width": 240, "height": 800 }