mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-04 17:27:09 +00:00
376 lines
15 KiB
JSON
376 lines
15 KiB
JSON
{
|
||
"componentName":"Page",
|
||
"id":"node_dockcviv8fo1",
|
||
"props":{
|
||
"ref":"outterView",
|
||
"autoLoading":true,
|
||
"style":{
|
||
"padding": "0 5px 0 5px"
|
||
}
|
||
},
|
||
"fileName":"test",
|
||
"dataSource":{
|
||
"list":[
|
||
]
|
||
},
|
||
"state":{
|
||
"text":"outter"
|
||
},
|
||
"css":"body {font-size: 12px;} .botton{width:100px;color:#ff00ff}",
|
||
"lifeCycles":{
|
||
"componentDidMount":{
|
||
"type":"JSFunction",
|
||
"value":"function() {\n console.log('did mount');\n }"
|
||
},
|
||
"componentWillUnmount":{
|
||
"type":"JSFunction",
|
||
"value":"function() {\n console.log('will umount');\n }"
|
||
}
|
||
},
|
||
"methods":{
|
||
"testFunc":{
|
||
"type":"JSFunction",
|
||
"value":"function() {\n console.log('test func');\n }"
|
||
},
|
||
"onClick":{
|
||
"type":"JSFunction",
|
||
"value":"function(){\n\t}"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo2k",
|
||
"props":{
|
||
"style":{
|
||
"backgroundColor":"rgba(31,56,88,0.1)",
|
||
"padding":"12px 12px 12px 12px"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo2l",
|
||
"props":{
|
||
"style":{
|
||
"padding":"12px 12px 12px 12px",
|
||
"backgroundColor":"#ffffff"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Breadcrumb",
|
||
"id":"node_dockcviv8fo2m",
|
||
"props":{
|
||
"prefix":"next-",
|
||
"maxNode":100,
|
||
"component":"nav"
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Breadcrumb.Item",
|
||
"id":"node_dockcviv8fo2n",
|
||
"props":{
|
||
"prefix":"next-"
|
||
},
|
||
"children":[
|
||
"222",
|
||
"222111"]
|
||
},
|
||
{
|
||
"componentName":"Breadcrumb.Item",
|
||
"id":"node_dockcviv8fo2q",
|
||
"props":{
|
||
"prefix":"next-"
|
||
},
|
||
"children":[
|
||
"222",
|
||
"222111"]
|
||
},
|
||
{
|
||
"componentName":"Breadcrumb.Item",
|
||
"id":"node_dockcviv8fo2t",
|
||
"props":{
|
||
"prefix":"next-"
|
||
},
|
||
"children":[
|
||
"222",
|
||
"222111"]
|
||
}]
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo2w",
|
||
"props":{
|
||
"style":{
|
||
"marginTop":"12px",
|
||
"backgroundColor":"#ffffff"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Form",
|
||
"id":"node_dockcviv8fo2x",
|
||
"props":{
|
||
"inline":true,
|
||
"style":{
|
||
"marginTop":"12px",
|
||
"marginRight":"12px",
|
||
"marginLeft":"12px"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Form.Item",
|
||
"id":"node_dockcviv8fo2y",
|
||
"props":{
|
||
"style":{
|
||
},
|
||
"label":"类目名："
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Select",
|
||
"id":"node_dockcviv8fo2z",
|
||
"props":{
|
||
"mode":"single",
|
||
"hasArrow":true,
|
||
"cacheValue":true,
|
||
"style":{
|
||
"width":"150px"
|
||
}
|
||
}
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Form.Item",
|
||
"id":"node_dockcviv8fo30",
|
||
"props":{
|
||
"style":{
|
||
},
|
||
"label":"项目类型："
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Select",
|
||
"id":"node_dockcviv8fo31",
|
||
"props":{
|
||
"mode":"single",
|
||
"hasArrow":true,
|
||
"cacheValue":true,
|
||
"style":{
|
||
"width":"200px"
|
||
}
|
||
}
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Form.Item",
|
||
"id":"node_dockcviv8fo32",
|
||
"props":{
|
||
"style":{
|
||
},
|
||
"label":"项目 ID："
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Input",
|
||
"id":"node_dockcviv8fo33",
|
||
"props":{
|
||
"hasBorder":true,
|
||
"size":"medium",
|
||
"autoComplete":"off",
|
||
"style":{
|
||
"width":"200px"
|
||
}
|
||
}
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Button.Group",
|
||
"id":"node_dockcviv8fo34",
|
||
"props":{
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Button",
|
||
"id":"node_dockcviv8fo35",
|
||
"props":{
|
||
"type":"primary",
|
||
"style":{
|
||
"margin":"0 5px 0 5px"
|
||
},
|
||
"htmlType":"submit"
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Icon",
|
||
"id":"node_dockcviv8fo36",
|
||
"props":{
|
||
"type":"success"
|
||
}
|
||
},
|
||
"搜索"]
|
||
},
|
||
{
|
||
"componentName":"Button",
|
||
"id":"node_dockcviv8fo38",
|
||
"props":{
|
||
"type":"normal",
|
||
"style":{
|
||
"margin":"0 5px 0 5px"
|
||
},
|
||
"htmlType":"reset"
|
||
},
|
||
"children":[
|
||
"清空"]
|
||
}]
|
||
}]
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo3a",
|
||
"props":{
|
||
"style":{
|
||
"justifyContent":"flex-end",
|
||
"display":"flex",
|
||
"backgroundColor":"#ffffff",
|
||
"flexDirection":"row",
|
||
"paddingRight":"24px"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Button",
|
||
"id":"node_dockcviv8fo3b",
|
||
"props":{
|
||
"prefix":"next-",
|
||
"type":"primary",
|
||
"size":"medium",
|
||
"htmlType":"button",
|
||
"component":"button",
|
||
"style":{
|
||
"width":"100px"
|
||
},
|
||
"events":{
|
||
"onClick":{
|
||
"type":"JSFunction",
|
||
"value":"function(){ this.onClick() }",
|
||
"__eventData":{
|
||
"type":"componentEvent",
|
||
"name":"onClick",
|
||
"relatedEventName":"onClick"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
"children":[
|
||
"新建配置"]
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo3d",
|
||
"props":{
|
||
"style":{
|
||
"backgroundColor":"#ffffff"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Table",
|
||
"id":"node_dockcviv8fo3e",
|
||
"props":{
|
||
"dataSource":[
|
||
{
|
||
"title":{
|
||
"name":"Quotation"
|
||
},
|
||
"id":100306660940,
|
||
"time":2000
|
||
}],
|
||
"size":"medium",
|
||
"prefix":"next-",
|
||
"hasBorder":true,
|
||
"hasHeader":true,
|
||
"isZebra":false,
|
||
"loading":false,
|
||
"expandedIndexSimulate":false,
|
||
"primaryKey":"id",
|
||
"locale":"zhCN.Table",
|
||
"crossline":false,
|
||
"style":{
|
||
"margin":"24px 12px 24px 12px"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Table.Column",
|
||
"id":"node_dockcviv8fo3f",
|
||
"props":{
|
||
"title":"name"
|
||
}
|
||
}]
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Box",
|
||
"id":"node_dockcviv8fo3g",
|
||
"props":{
|
||
"style":{
|
||
"backgroundColor":"#ffffff",
|
||
"paddingBottom":"24px"
|
||
}
|
||
},
|
||
"children":[
|
||
{
|
||
"componentName":"Pagination",
|
||
"id":"node_dockcviv8fo3h",
|
||
"props":{
|
||
"prefix":"next-",
|
||
"type":"normal",
|
||
"shape":"normal",
|
||
"size":"medium",
|
||
"defaultCurrent":1,
|
||
"total":100,
|
||
"pageShowCount":5,
|
||
"pageSize":10,
|
||
"pageSizePosition":"start",
|
||
"showJump":true,
|
||
"style":{
|
||
"display":"flex",
|
||
"justifyContent":"flex-end"
|
||
}
|
||
}
|
||
}]
|
||
}]
|
||
},
|
||
{
|
||
"componentName":"Dialog",
|
||
"id":"node_dockcviv8fo3i",
|
||
"props":{
|
||
"prefix":"next-",
|
||
"footerAlign":"right",
|
||
"footerActions":[
|
||
"ok",
|
||
"cancel"],
|
||
"closeable":"esc,close",
|
||
"hasMask":true,
|
||
"align":"cc cc",
|
||
"minMargin":40,
|
||
"visible":false,
|
||
"children":{
|
||
"type":"JSSlot"
|
||
},
|
||
"title":"标题",
|
||
"footer":{
|
||
"type":"JSSlot"
|
||
},
|
||
"events":[
|
||
]
|
||
}
|
||
}]
|
||
}
|