https://github.com/liuyunhe/vue3-json-schema-form

一个vue3搭建的json-schema表单组件库,支持自定义校验
https://github.com/liuyunhe/vue3-json-schema-form

json-schema monaco-editor vue3-typescript

Last synced: about 1 month ago
JSON representation

一个vue3搭建的json-schema表单组件库,支持自定义校验

• Host: GitHub
• URL: https://github.com/liuyunhe/vue3-json-schema-form
• Owner: liuyunhe
• Created: 2021-05-28T08:05:06.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-09T06:42:49.000Z (over 3 years ago)
• Last Synced: 2024-11-07T10:53:36.090Z (3 months ago)
• Topics: json-schema, monaco-editor, vue3-typescript
• Language: TypeScript
• Homepage:
• Size: 1.49 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue3 jsonschema form

![Coverage](https://img.shields.io/coveralls/github/pure-vue/vue3-jsonschema-from)

![License](https://img.shields.io/npm/l/@v3jsf/core)

![Version](https://img.shields.io/npm/v/@v3jsf/core)

> This library is still under early developing, some api will change before we reach `1.0.0` version.

Web Forms never come that easy, Just vue3 component and JsonSchema, you can nearly do everything to build your own form.

If you:

- want to build dynamic form which you try to save the form config into your database

- tried of writting form code by typing every field

- try to build some system which your user can build a form by Drag And Drop

you should try this.

You can play with the [playground]() to get familiar with this lib. Or you may want to read the [doc]() to find out what exactly this lib can do.

# How to contribute

As I saied, this repo is still under heavy development, if you have some idea about how this lib should be, issue and pr always welcome.

### Development Setup

First you should clone this repo

```shell

git clone https://github.com/pure-vue/vue3-jsonschema-from.git

```

This is a monorepo which use `lerna` to manage different packages. The simplest way to setup is run:

```shell

npx lerna bootstrap

```

Then you can run `npm run dev` to build packages, it will listen to file changes and do auto rebuild.

We have a `playground` project, you can cd to it and run `npm run dev` to start it.

We still trying hard to make our process better.

### How to PR

You can fork this repo, and do some change on your forked repo.

After you done your coding, you'd better run unit test to make sure everything alright. And if you add some new feature, you should add some unit tests to tell people your code will work fine.

Then you push your code to github, and github will gidue you to make the PR.