mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-24 02:28:12 +00:00
demo 演示成果提交
This commit is contained in:
zude.hzd
parent
d0137877d9
commit
8b6cb03f6f
@ -4088,7 +4088,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "visible",
|
"name": "visible",
|
||||||
"propType": "bool",
|
"propType": "oneOfType",
|
||||||
"description": "是否显示",
|
"description": "是否显示",
|
||||||
"defaultValue": false
|
"defaultValue": false
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,32 +1,6 @@
|
|||||||
{
|
{
|
||||||
"componentName":"Page",
|
"componentName":"Page",
|
||||||
"fileName": "test",
|
"id":"node_dockcviv8fo1",
|
||||||
"dataSource": {
|
|
||||||
"list": []
|
|
||||||
},
|
|
||||||
"state": {
|
|
||||||
"text": "outter"
|
|
||||||
},
|
|
||||||
|
|
||||||
"css": "body {font-size: 12px;} .botton{width:100px;color:#ff00ff}",
|
|
||||||
"lifeCycles": {
|
|
||||||
"componentDidMount": {
|
|
||||||
"type": "JSExpression",
|
|
||||||
"value": "function() {\n \t\tconsole.log('did mount');\n\t}"
|
|
||||||
},
|
|
||||||
"componentWillUnmount": {
|
|
||||||
"type": "JSExpression",
|
|
||||||
"value": "function() {\n \t\tconsole.log('will umount');\n\t}"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
"methods": {
|
|
||||||
"testFunc": {
|
|
||||||
"type": "JSFunction",
|
|
||||||
"value": "function() {console.log('test func');}"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
"props":{
|
"props":{
|
||||||
"ref":"outterView",
|
"ref":"outterView",
|
||||||
"autoLoading":true,
|
"autoLoading":true,
|
||||||
@ -34,77 +8,194 @@
|
|||||||
"padding":20
|
"padding":20
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"children": [{
|
"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",
|
"componentName":"Form",
|
||||||
|
"id":"node_dockcviv8fo2x",
|
||||||
"props":{
|
"props":{
|
||||||
"labelCol": 3,
|
"inline":true,
|
||||||
"style": {},
|
|
||||||
"ref": "testForm"
|
|
||||||
},
|
|
||||||
"children": [{
|
|
||||||
"componentName": "Form.Item",
|
|
||||||
"props": {
|
|
||||||
"label": "姓名：",
|
|
||||||
"name": "name",
|
|
||||||
"initValue": "李雷"
|
|
||||||
},
|
|
||||||
"children": [{
|
|
||||||
"componentName": "Input",
|
|
||||||
"props": {
|
|
||||||
"placeholder": "请输入",
|
|
||||||
"size": "medium",
|
|
||||||
"style":{
|
"style":{
|
||||||
"width": 320
|
"marginTop":"12px",
|
||||||
|
"marginRight":"12px",
|
||||||
|
"marginLeft":"12px"
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
"componentName": "Form.Item",
|
|
||||||
"props": {
|
|
||||||
"label": "年龄：",
|
|
||||||
"name": "age",
|
|
||||||
"initValue": "22"
|
|
||||||
},
|
},
|
||||||
"children": [{
|
"children":[
|
||||||
"componentName": "NumberPicker",
|
{
|
||||||
"props": {
|
|
||||||
"size": "medium",
|
|
||||||
"type": "normal"
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
"componentName":"Form.Item",
|
"componentName":"Form.Item",
|
||||||
|
"id":"node_dockcviv8fo2y",
|
||||||
"props":{
|
"props":{
|
||||||
"label": "职业：",
|
"style":{
|
||||||
"name": "profession"
|
|
||||||
},
|
},
|
||||||
"children": [{
|
"label":"类目名："
|
||||||
|
},
|
||||||
|
"children":[
|
||||||
|
{
|
||||||
"componentName":"Select",
|
"componentName":"Select",
|
||||||
|
"id":"node_dockcviv8fo2z",
|
||||||
"props":{
|
"props":{
|
||||||
"dataSource": [{
|
"mode":"single",
|
||||||
"label": "教师",
|
"hasArrow":true,
|
||||||
"value": "t"
|
"cacheValue":true,
|
||||||
}, {
|
"style":{
|
||||||
"label": "医生",
|
"width":"150px"
|
||||||
"value": "d"
|
}
|
||||||
}, {
|
|
||||||
"label": "歌手",
|
|
||||||
"value": "s"
|
|
||||||
}]
|
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
}, {
|
},
|
||||||
|
{
|
||||||
"componentName":"Form.Item",
|
"componentName":"Form.Item",
|
||||||
|
"id":"node_dockcviv8fo30",
|
||||||
"props":{
|
"props":{
|
||||||
"style":{
|
"style":{
|
||||||
"textAlign": "center"
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"children": [{
|
"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",
|
"componentName":"Button.Group",
|
||||||
"props": {},
|
"id":"node_dockcviv8fo34",
|
||||||
"children": [{
|
"props":{
|
||||||
|
},
|
||||||
|
"children":[
|
||||||
|
{
|
||||||
"componentName":"Button",
|
"componentName":"Button",
|
||||||
|
"id":"node_dockcviv8fo35",
|
||||||
"props":{
|
"props":{
|
||||||
"type":"primary",
|
"type":"primary",
|
||||||
"style":{
|
"style":{
|
||||||
@ -115,14 +206,16 @@
|
|||||||
"children":[
|
"children":[
|
||||||
{
|
{
|
||||||
"componentName":"Icon",
|
"componentName":"Icon",
|
||||||
|
"id":"node_dockcviv8fo36",
|
||||||
"props":{
|
"props":{
|
||||||
"type":"success"
|
"type":"success"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"提交"
|
"搜索"]
|
||||||
]
|
},
|
||||||
}, {
|
{
|
||||||
"componentName":"Button",
|
"componentName":"Button",
|
||||||
|
"id":"node_dockcviv8fo38",
|
||||||
"props":{
|
"props":{
|
||||||
"type":"normal",
|
"type":"normal",
|
||||||
"style":{
|
"style":{
|
||||||
@ -130,9 +223,153 @@
|
|||||||
},
|
},
|
||||||
"htmlType":"reset"
|
"htmlType":"reset"
|
||||||
},
|
},
|
||||||
"children": "重置"
|
"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":[
|
||||||
|
]
|
||||||
|
}
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
|
|||||||
@ -63,9 +63,11 @@ export default {
|
|||||||
props: {
|
props: {
|
||||||
align: 'top',
|
align: 'top',
|
||||||
icon: 'shuxingkongjian',
|
icon: 'shuxingkongjian',
|
||||||
description: '大纲树',
|
description: '大纲树'
|
||||||
|
},
|
||||||
|
pluginProps: {
|
||||||
|
|
||||||
},
|
},
|
||||||
pluginProps: {},
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pluginKey: 'sourceEditor',
|
pluginKey: 'sourceEditor',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user