lowcode-engine/packages/code-generator/demo/schema.json

{
  "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\t}"
    }
  },
  "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": "Icon",
              "id": "node_dockcy8n9xey",
              "props": {
                "type": "success"
              }
            }, "搜索"]
          }, {
            "componentName": "Button",
            "id": "node_dockcy8n9xe10",
            "props": {
              "type": "normal",
              "style": {
                "margin": "0 5px 0 5px"
              },
              "htmlType": "reset"
            },
            "children": ["清空"]
          }]
        }]
      }]
    }, {
      "componentName": "Box",
      "id": "node_dockcy8n9xe12",
      "props": {
        "style": {
          "justifyContent": "flex-end",
          "display": "flex",
          "backgroundColor": "#ffffff",
          "flexDirection": "row",
          "paddingRight": "24px"
        }
      },
      "children": [{
        "componentName": "Button",
        "id": "node_dockcy8n9xe13",
        "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"
              }
            }
          },
          "__events": [{
            "type": "componentEvent",
            "name": "onClick",
            "relatedEventName": "onClick"
          }],
          "onClick": {
            "type": "JSFunction",
            "value": "function(){ this.onClick() }"
          }
        },
        "children": ["新建配置"]
      }]
    }, {
      "componentName": "Box",
      "id": "node_dockcy8n9xe15",
      "props": {
        "style": {
          "backgroundColor": "#ffffff"
        }
      },
      "children": [{
        "componentName": "Table",
        "id": "node_dockcy8n9xe16",
        "props": {
          "dataSource": [{
            "firstCategory": "其他",
            "secondCategory": "新品预览",
            "leafCategory": "",
            "projectType": "标识判断",
            "projectId": "",
            "title": "其他类目->新品预览类目类型知识库",
            "url": "其他",
            "operation": "编辑"
          }, {
            "firstCategory": "其他",
            "secondCategory": "新品预览",
            "leafCategory": "",
            "projectType": "",
            "projectId": "1",
            "title": "其他类目->新品预览项目Id知识库",
            "url": "其他",
            "operation": "编辑"
          }],
          "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_dockcy8n9xe17",
          "props": {
            "title": "一级类目",
            "dataIndex": "firstCategory"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe18",
          "props": {
            "title": "二级类目",
            "dataIndex": "secondCategory"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe19",
          "props": {
            "title": "叶子类目",
            "dataIndex": "leafCategory"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe1a",
          "props": {
            "title": "项目类型",
            "dataIndex": "projectType"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe1b",
          "props": {
            "title": "项目 ID",
            "dataIndex": "projectId"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe1c",
          "props": {
            "title": "知识条标题",
            "dataIndex": "title"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe1d",
          "props": {
            "title": "知识条链接",
            "dataIndex": "url"
          }
        }, {
          "componentName": "Table.Column",
          "id": "node_dockcy8n9xe1e",
          "props": {
            "title": "操作",
            "dataIndex": "operation"
          }
        }]
      }]
    }, {
      "componentName": "Box",
      "id": "node_dockcy8n9xe1f",
      "props": {
        "style": {
          "backgroundColor": "#ffffff",
          "paddingBottom": "24px"
        }
      },
      "children": [{
        "componentName": "Pagination",
        "id": "node_dockcy8n9xe1g",
        "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_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"
      },
      "children": {
        "type": "JSSlot"
      },
      "title": "标题",
      "footer": {
        "type": "JSSlot"
      },
      "events": []
    }
  }]
}