Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/huangxizhou/former
👻 Amazing form adapter, write less, do much.
https://github.com/huangxizhou/former
element-ui form former json-schema vuejs2
Last synced: 3 months ago
JSON representation
👻 Amazing form adapter, write less, do much.
- Host: GitHub
- URL: https://github.com/huangxizhou/former
- Owner: HuangXiZhou
- License: wtfpl
- Created: 2019-01-23T10:34:02.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-04-03T10:35:48.000Z (over 5 years ago)
- Last Synced: 2024-09-22T09:02:51.702Z (3 months ago)
- Topics: element-ui, form, former, json-schema, vuejs2
- Language: JavaScript
- Homepage: https://huangxizhou.github.io/former
- Size: 1.55 MB
- Stars: 5
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
👻 Amazing form adapter, write less, do much.
[![Build Status][build-badge]][build]
[![codecov][codecov-badge]][codecov]
[![Codacy Badge][code-quality-badge]][code-quality]
[![version][version-badge]][package]
[![size][size-badge]][package]
[![downloads][downloads-badge]][package]
[![PRs Welcome][prs-badge]][prs]
## Feature
Former provides an adapter for the mainstream UI library `form` components and the ability from `JSON schema` to `Vue` view.
## Install
This module is distributed via [npm][npm] which is bundled with [node][node] and
should be installed as one of your project's `dependencies`:
```bash
$ npm install --save @xizhouh/formler
```
## Quick Start
```js
// main.js
import Vue from 'vue';
import Former from '@xizhouh/former';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
// or use iView
// import iView from 'iview';
// import 'iview/dist/styles/iview.css';
// Vue.use(iView);
Vue.component('Former', Former);
```
For more information like adapting other UI librarys, please refer to [Quick Start][document-quick-start] in our documentation.
## Browser Support
Modern browsers and Internet Explorer 10+.
## License
WTFPL
[npm]: https://www.npmjs.com/
[node]: https://nodejs.org
[build-badge]: https://img.shields.io/travis/HuangXiZhou/former.svg?style=flat-square
[build]: https://travis-ci.org/HuangXiZhou/former
[codecov-badge]: https://img.shields.io/codecov/c/gh/HuangXiZhou/former.svg?style=flat-square
[codecov]: https://codecov.io/gh/HuangXiZhou/former
[code-quality-badge]: https://img.shields.io/codacy/grade/4653fb27e45e46de94e94364d53cdeef.svg?style=flat-square
[code-quality]: https://www.codacy.com/app/HuangXiZhou/former
[version-badge]: https://img.shields.io/npm/v/@xizhouh/former.svg?style=flat-square
[size-badge]: https://img.shields.io/bundlephobia/minzip/@xizhouh/former.svg?style=flat-square
[package]: https://www.npmjs.com/package/@xizhouh/former
[downloads-badge]: https://img.shields.io/npm/dm/@xizhouh/former.svg?style=flat-square
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs]: https://github.com/HuangXiZhou/former/pulls
[document-quick-start]: https://huangxizhou.github.io/former/intro/quick-start.html