mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-01 22:10:27 +00:00
567 lines
16 KiB
TypeScript
567 lines
16 KiB
TypeScript
export default{
|
||
"componentName": "Page",
|
||
"id": "node_dockcviv8fo1",
|
||
"props": {
|
||
"ref": "outterView",
|
||
"autoLoading": true,
|
||
"style": {
|
||
"padding": "0 5px 0 5px"
|
||
}
|
||
},
|
||
"fileName": "test",
|
||
"dataSource": {
|
||
"list": []
|
||
},
|
||
"state": {
|
||
"text": "outter",
|
||
"isShowDialog": false
|
||
},
|
||
"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 this.setState({\n isShowDialog: true\n })\n }"
|
||
},
|
||
"closeDialog": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n this.setState({\n isShowDialog: false\n })\n }"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xed",
|
||
"props": {
|
||
"style": {
|
||
"backgroundColor": "rgba(31,56,88,0.1)",
|
||
"padding": "12px 12px 12px 12px"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xee",
|
||
"props": {
|
||
"style": {
|
||
"padding": "12px 12px 12px 12px",
|
||
"backgroundColor": "#ffffff"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb",
|
||
"id": "node_dockcy8n9xef",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"maxNode": 100,
|
||
"component": "nav"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xeg",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "首页"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xei",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "品质中台"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xek",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "商家品质页面管理"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xem",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "质检知识条配置"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xeo",
|
||
"props": {
|
||
"style": {
|
||
"marginTop": "12px",
|
||
"backgroundColor": "#ffffff"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form",
|
||
"id": "node_dockcy8n9xep",
|
||
"props": {
|
||
"inline": true,
|
||
"style": {
|
||
"marginTop": "12px",
|
||
"marginRight": "12px",
|
||
"marginLeft": "12px"
|
||
},
|
||
"__events": []
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xeq",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "类目名："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockcy8n9xer",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true,
|
||
"style": {
|
||
"width": "150px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xes",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "项目类型："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockcy8n9xet",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true,
|
||
"style": {
|
||
"width": "200px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xeu",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "项目 ID："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"id": "node_dockcy8n9xev",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off",
|
||
"style": {
|
||
"width": "200px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Button.Group",
|
||
"id": "node_dockcy8n9xew",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockcy8n9xex",
|
||
"props": {
|
||
"type": "primary",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "submit",
|
||
"children": "搜索"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockcy8n9xe10",
|
||
"props": {
|
||
"type": "normal",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "reset",
|
||
"children": "清空"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xe1f",
|
||
"props": {
|
||
"style": {
|
||
"backgroundColor": "#ffffff",
|
||
"paddingBottom": "24px",
|
||
"display": "flex",
|
||
"flexDirection": "row",
|
||
"justifyContent": "flex-end"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockd5nrh9p4",
|
||
"props": {
|
||
"type": "primary",
|
||
"size": "medium",
|
||
"htmlType": "button",
|
||
"component": "button",
|
||
"children": "新建配置",
|
||
"style": {},
|
||
"__events": [
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onClick",
|
||
"relatedEventName": "onClick"
|
||
}
|
||
],
|
||
"onClick": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.onClick() }"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockd5nrh9p5",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "Table",
|
||
"id": "node_dockjielosj1",
|
||
"props": {
|
||
"showMiniPager": true,
|
||
"showActionBar": true,
|
||
"actionBar": [
|
||
{
|
||
"title": "新增",
|
||
"type": "primary"
|
||
},
|
||
{
|
||
"title": "编辑"
|
||
}
|
||
],
|
||
"columns": [
|
||
{
|
||
"dataKey": "name",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "姓名",
|
||
"editType": "text"
|
||
},
|
||
{
|
||
"dataKey": "age",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "年龄"
|
||
},
|
||
{
|
||
"dataKey": "email",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "邮箱"
|
||
}
|
||
],
|
||
"data": [
|
||
{
|
||
"name": "王小",
|
||
"id": "1",
|
||
"age": 15000,
|
||
"email": "aaa@abc.com"
|
||
},
|
||
{
|
||
"name": "王中",
|
||
"id": "2",
|
||
"age": 25000,
|
||
"email": "bbb@abc.com"
|
||
},
|
||
{
|
||
"name": "王大",
|
||
"id": "3",
|
||
"age": 35000,
|
||
"email": "ccc@abc.com"
|
||
}
|
||
],
|
||
"actionTitle": "操作",
|
||
"actionWidth": 180,
|
||
"actionType": "link",
|
||
"actionFixed": "right",
|
||
"actionHidden": false,
|
||
"maxWebShownActionCount": 2,
|
||
"actionColumn": [
|
||
{
|
||
"title": "编辑",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }"
|
||
},
|
||
"device": [
|
||
"desktop"
|
||
]
|
||
},
|
||
{
|
||
"title": "保存",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}"
|
||
},
|
||
"mode": "EDIT"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockd5nrh9pg",
|
||
"props": {
|
||
"style": {
|
||
"display": "flex",
|
||
"flexDirection": "row",
|
||
"justifyContent": "flex-end"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Pagination",
|
||
"id": "node_dockd5nrh9pf",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"shape": "normal",
|
||
"size": "medium",
|
||
"defaultCurrent": 1,
|
||
"total": 100,
|
||
"pageShowCount": 5,
|
||
"pageSize": 10,
|
||
"pageSizePosition": "start",
|
||
"showJump": true,
|
||
"style": {}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Dialog",
|
||
"id": "node_dockcy8n9xe1h",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"footerAlign": "right",
|
||
"footerActions": [
|
||
"ok",
|
||
"cancel"
|
||
],
|
||
"closeable": "esc,close",
|
||
"hasMask": true,
|
||
"align": "cc cc",
|
||
"minMargin": 40,
|
||
"visible": {
|
||
"type": "JSExpression",
|
||
"value": "this.state.isShowDialog"
|
||
},
|
||
"title": "标题",
|
||
"events": [],
|
||
"__events": [
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onCancel",
|
||
"relatedEventName": "closeDialog"
|
||
},
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onClose",
|
||
"relatedEventName": "closeDialog"
|
||
},
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onOk",
|
||
"relatedEventName": "testFunc"
|
||
}
|
||
],
|
||
"onCancel": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.closeDialog() }"
|
||
},
|
||
"onClose": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.closeDialog() }"
|
||
},
|
||
"onOk": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.testFunc() }"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form",
|
||
"id": "node_dockd5nrh9pi",
|
||
"props": {
|
||
"inline": false,
|
||
"labelAlign": "top",
|
||
"labelTextAlign": "right",
|
||
"size": "medium"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pj",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9pk",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pl",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9pm",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pn",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目",
|
||
"asterisk": true
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9po",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pp",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"id": "node_dockd5nrh9pr",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off"
|
||
}
|
||
},
|
||
]
|
||
},
|
||
]
|
||
},
|
||
]
|
||
},
|
||
{
|
||
"componentName": "ErrorComponent",
|
||
"id": "node_dockd5nrh9pr",
|
||
"props": {
|
||
"name": "error"
|
||
}
|
||
}
|
||
]
|
||
} |