el-form-renderer

Introduction
- WHAT
- WHY
Features
Links
Quick Start
Inspiration
Contributing
Contributors
License

Introduction

WHAT

el-form-renderer is based on element-ui, but not limited element-ui components. On the basis of completely inheriting the form attribute of element-ui, extension is made. Some non-form components or custom components, such as picture uploading and rich text editor, can also be integrated, thus, users can render a complete form by using a piece of json.

WHY

In our daily development, there are lots page with form, and usually the form structure is similar, the logic is repeated. el-form-renderer does not have complicated logic. It only convert JSON to render form item, save time and energy to write business logic, and reduce duplicate code.

Features

Render form with json
Support integrate with custom components
Support batch update form data with updateForm method
Support setOptions method, dynamically change select options
Content support inputFormat , outputFormat , trim to process component's input and output values
Support v-model

⬆Back to Top

Links

⬆Back to Top

Quick Start

yarn add @femessage/el-form-renderer

<template>
  <el-form-renderer :content="content"></el-form-renderer>
</template>
<script>
  import ElFormRenderer from '@femessage/el-form-renderer'
  export default {
    components: {
      ElFormRenderer,
    },
    data() {
      return {
        content: [],
      }
    },
  }
</script>

⬆Back to Top

Inspiration

thanks to element-patch

Contributing

For those who are interested in contributing to this project, such as:

report a bug
request new feature
fix a bug
implement a new feature

Please refer to our contributing guide.

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):

_Alvin 💻 👀 🐛 📝 🤔	_levy 👀 🚇 🤔 🚧	_EVILLT 💻 🐛 📝 🤔	_{Donald Shen} 💻 📖 💡 📝	_ColMugX 💻 ⚠️ 📖	_OuZuYu 🐛	_Han 💻 📖
_yolofit 🐛	_chengaopan 💻