https://github.com/ws456999/so-form

📔 generate form by json schema for vue.js https://ws456999.github.io/so-form/
https://github.com/ws456999/so-form

form javascript jsx vue

Last synced: 2 months ago
JSON representation

📔 generate form by json schema for vue.js https://ws456999.github.io/so-form/

• Host: GitHub
• URL: https://github.com/ws456999/so-form
• Owner: ws456999
• Created: 2018-11-12T11:11:44.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-05T12:26:25.000Z (about 6 years ago)
• Last Synced: 2024-04-26T06:20:14.727Z (8 months ago)
• Topics: form, javascript, jsx, vue
• Language: JavaScript
• Homepage:
• Size: 4.06 MB
• Stars: 10
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md

Awesome Lists containing this project

README

        


so-form, 渐进式通用vue表单




  

  

    

  

  



## Introduction

- so-form 是一个自动双向数据绑定，可拓展，提供 `json-schema` 自动渲染出对应表单组件`vue`插件

- so-form 对第三方组件库无侵入，提供了高度抽象能力解决繁琐的表单配置插件

## feature

- json-schema 2 form

- 自动双向数据绑定

- 表单支持自定义 render（[jsx 写法](https://cn.vuejs.org/v2/guide/render-function.html#JSX)）

- 支持拓展 components

- 各种方便插槽

- 全局切换`edit`/`preview`状态

- 目前支持`element-ui`跟`iview` ui框架

## install

```shell

  npm i so-form --save

```

## usage

- 📘 [中文文档](https://ws456999.github.io/so-form/)

## example gif

例如下图，通过左边的简单配置，就可以生成右边表单。

![example](./static/basic.gif)

## 组件

[目前支持的组件](https://ws456999.github.io/so-form/docs/started/component-list.html)

## todo

- [ ] babel插件，按需加载

## Contribution

Please send pull requests improving the usage and fixing bugs, improving documentation and providing better examples, or providing some testing, because these things are important.

## License

so-form is available under the [MIT license](https://tldrlegal.com/license/mit-license).