1
- # element-form-builder
1
+ # Vue Form Builder
2
2
3
3
[ ![ CircleCI] ( https://circleci.com/gh/openfext/vue-use.svg?style=svg )] ( https://circleci.com/gh/openfext/vue-use )
4
- [ ![ codecov] ( https://codecov.io/gh/codetrial/element -form-builder/branch/develop/graph/badge.svg )] ( https://codecov.io/gh/codetrial/element -form-builder )
5
- [ ![ License] ( https://img.shields.io/npm/l/element -form-builder.svg )] ( https://www.npmjs.com/package/element -form-builder )
6
- [ ![ Version] ( https://img.shields.io/npm/v/element -form-builder.svg )] ( https://www.npmjs.com/package/element -form-builder )
4
+ [ ![ codecov] ( https://codecov.io/gh/openfext/vue -form-builder/branch/develop/graph/badge.svg )] ( https://codecov.io/gh/openfext/vue -form-builder )
5
+ [ ![ License] ( https://img.shields.io/npm/l/@fext/vue -form-builder.svg )] ( https://www.npmjs.com/package/@fext/vue -form-builder )
6
+ [ ![ Version] ( https://img.shields.io/npm/v/@fext/vue -form-builder.svg )] ( https://www.npmjs.com/package/@fext/vue -form-builder )
7
7
8
8
Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as Element UI are supported.
9
9
10
10
## Example
11
11
12
- [ :zap : Live Preview] ( https://openfext.github.io/vue-admin-next/#/form/form-builder ) | [ :book : Storybook] ( https://codetrial .github.io/element -form-builder )
12
+ [ :zap : Live Preview] ( https://openfext.github.io/vue-admin-next/#/form/form-builder ) | [ :book : Storybook] ( https://openfext .github.io/vue -form-builder )
13
13
14
- ![ Screen Capture] ( https://github.com/codetrial/element -form-builder/raw/develop/.github/preview.gif )
14
+ ![ Screen Capture] ( https://github.com/openfext/vue -form-builder/raw/develop/.github/preview.gif )
15
15
16
16
## Core Features
17
17
@@ -27,16 +27,16 @@ First you need a vue application like [Vue Admin Next](https://github.com/openfe
27
27
### Install
28
28
29
29
``` bash
30
- npm i element -form-builder
30
+ npm i @fext/vue -form-builder
31
31
```
32
32
33
33
### Registration
34
34
35
35
#### Global Registration
36
36
37
37
``` javascript
38
- import FormBuilder from ' element -form-builder' ;
39
- import ElFormAdaptor from ' element -form-builder/lib/adaptor/element' ;
38
+ import FormBuilder from ' @fext/vue -form-builder' ;
39
+ import ElFormAdaptor from ' @fext/vue -form-builder/lib/adaptor/element' ;
40
40
41
41
Vue .use (FormBuilder); // form-builder
42
42
Vue .use (ElFormAdaptor); // el-form-adaptor
@@ -47,8 +47,8 @@ Vue.use(ElFormAdaptor); // el-form-adaptor
47
47
Use the factory method based on the specified component:
48
48
49
49
``` javascript
50
- import { createFormBuilder } from ' element -form-builder' ;
51
- import { ElFormAdaptor } from ' element -form-builder/lib/adaptor/element' ;
50
+ import { createFormBuilder } from ' @fext/vue -form-builder' ;
51
+ import { ElFormAdaptor } from ' @fext/vue -form-builder/lib/adaptor/element' ;
52
52
import AwesomeFormComponents from ' path/to/awesome/components' ;
53
53
54
54
export default {
0 commit comments