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

{
  "componentName": "Page",
  "fileName": "test",
  "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": {
    "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": "李雷"
      },
      "children": [{
        "componentName": "Input",
        "props": {
          "placeholder": "请输入",
          "size": "medium",
          "style": {
            "width": 320
          }
        }
      }]
    }, {
      "componentName": "Form.Item",
      "props": {
        "label": "年龄：",
        "name": "age",
        "initValue": "22"
      },
      "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"
              }
            },
            "提交"
          ]
        }, {
          "componentName": "Button",
          "props": {
            "type": "normal",
            "style": {
              "margin": "0 5px 0 5px"
            },
            "htmlType": "reset"
          },
          "children": "重置"
        }]
      }]
    }]
  }]
}