# vue-form-builder

**Repository Path**: ugphpcn/vue-form-builder

## Basic Information

- **Project Name**: vue-form-builder
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-26
- **Last Updated**: 2023-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue Form Builder

[![CircleCI](https://circleci.com/gh/openfext/vue-use.svg?style=svg)](https://circleci.com/gh/openfext/vue-use)
[![codecov](https://codecov.io/gh/openfext/vue-form-builder/branch/develop/graph/badge.svg)](https://codecov.io/gh/openfext/vue-form-builder)
[![License](https://img.shields.io/npm/l/@fext/vue-form-builder.svg)](https://www.npmjs.com/package/@fext/vue-form-builder)
[![Version](https://img.shields.io/npm/v/@fext/vue-form-builder.svg)](https://www.npmjs.com/package/@fext/vue-form-builder)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/openfext/vue-form-builder)

Vue Form Builder 是一个基于 JSON Schema 和 Vue Composition API 的动态表单构建器。任意自定义表单组件及主流 UI 框架例如 [Element UI](https://element.eleme.cn/)，[View UI](https://www.iviewui.com/)，[Ant Design Vue](https://www.antdv.com/) 等都能够轻松支持。

:cn: 简体中文 | [:us: English](README.md)

## 主要特性

- :tv: **强大** - 通过 Vue Composition API 管理表单状态，再也不用野路子了
- :camera: **灵活** - 支持任意、任意、任意自定义表单组件，重要的事情说三遍
- :watch: **兼容** - 多种主流 UI 框架开箱即配，就等你来
- :radio: **可靠** - 多个生产环境的应用已在使用，还在等什么呢

## 参考文档

- [介绍](https://openfext.github.io/docs/vue-form-builder/intro.html)
- [指南](https://openfext.github.io/docs/vue-form-builder/guide/start.html)
- [API Reference](https://openfext.github.io/docs/vue-form-builder/api/component.html)
- [Config Reference](https://openfext.github.io/docs/vue-form-builder/config/schema.html)

## 在线示例

[:zap: Live Preview](https://openfext.github.io/vue-admin-next/#/form/form-builder) | [:book: Element UI Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-element-ui--basic-usage) | [:book: View UI Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-view-ui--basic-usage) | [:book: Ant Design Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-ant-design-vue--basic-usage)

![Screen Capture](https://github.com/openfext/vue-form-builder/raw/develop/.github/preview.gif)

## 联系方式

欢迎加入群聊讨论项目问题和前端技术 💬

### QQ

群号：667576147

![QQGroupQRCode](https://user-images.githubusercontent.com/2902215/84306575-3e785280-ab8e-11ea-8c53-af8620b5cc69.JPG)

### 微信群

加作者微信进群：

![WeChatQRCode](https://user-images.githubusercontent.com/2902215/84306570-3c15f880-ab8e-11ea-9041-8ea4ccbaa772.JPG)

## 使用技术

- [Vue.js](https://github.com/vuejs/vue)
- [Vue Use](https://github.com/openfext/vue-use)
- [Vee Validate](https://github.com/logaretm/vee-validate)
- [ElementUI](https://github.com/ElemeFE/element)
- [View UI](https://github.com/view-design/ViewUI)
- [Ant Design Vue](https://github.com/vueComponent/ant-design-vue)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2018 - present, Felix Yang