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