Neptune's Personal Maid

    @femessage/el-form-renderer
    TypeScript icon, indicating that this package has built-in type declarations

    1.24.0 • Public • Published

    el-form-renderer

    Build Status NPM Download NPM Version NPM License PRs Welcome Automated Release Notes by gren

    中文文档

    Table of Contents

    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

    💻

    This project follows the all-contributors specification. Contributions of any kind welcome!

    License

    MIT

    Back to Top

    Install

    npm i @femessage/el-form-renderer

    DownloadsWeekly Downloads

    846

    Version

    1.24.0

    License

    MIT

    Unpacked Size

    157 kB

    Total Files

    16

    Last publish

    Collaborators

    • levy9527