UNPKG

@chief-editor/brick-control

Version:

Control Brick for chief editor

767 lines (766 loc) 115 kB
{ "id": "35777ad0-11a1-0509-0942-9d1a18e383f5", "board": { "id": "root", "type": "Stream", "floatType": "none", "bricks": [ { "id": "eb5dae85-0625-6f4b-0453-fc831be8f371", "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": {} } }, "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": {} } }, "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": {} } }, "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": "eb6f8068-7eca-fdee-1110-3f415121824c", "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": "85d14cd9-5468-ca22-a988-2d78eaeb162e", "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 }, "layout": { "horizontal": "left", "vertical": "top" }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] }, "parts": { "content": { "bricks": [ { "id": "50fb1769-3b6c-752d-d76e-15c22fe5f93a", "type": "Opacity", "info": { "id": "", "field": "defaultValue", "label": "布局", "expandProps": { "props": {}, "styles": {} } }, "config": { "props": { "min": 0, "max": 100, "step": 1, "opacity": 0, "defaultValue": 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, 0.8)", "textDecoration": "none", "cursor": "", "lineHeight": "22px", "textAlign": "left" }, "layout": { "height": 24, "horizontal": "left", "vertical": "top", "width": "" }, "events": { "eventList": [] }, "hooks": { "hookList": [] }, "watchers": { "watchers": [] } } ], "id": "85d14cd9-5468-ca22-a988-2d78eaeb162e_content", "type": "Stream", "floatType": "none" } } } ], "id": "aa489fbd-e2a9-79af-8d21-97ba5a696ac6_content", "type": "Stream", "floatType": "none" } } }, { "id": "608ec21e-04b6-1568-8e0a-5d1ccdae0b2c", "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": "eb5dae85-0625-6f4b-0453-fc831be8f371_props", "type": "Stream", "floatType": "none" }, "style": { "bricks": [ { "id": "1411b50c-4ced-3053-7a57-8d15126b4e8b", "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": "55573835-f9e0-ac50-b8d7-788191f0f622", "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": "4416ad99-2b39-ccf6-7f12-4d0088010f06", "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": "55573835-f9e0-ac50-b8d7-788191f0f622_content", "type": "Stream", "floatType": "none" } } }, { "id": "f07ceefc-4395-85da-a159-eb585f6db0be", "type": "FormContainer", "info": { "id": "", "field": "", "label": "下外边距容器", "expandProps": { "props": {}, "styles": {}