admin/json-schema-editor-vue
1
0
Fork 0
mirror of https://github.com/Ssl1S/json-schema-editor-vue.git synced 2025-12-30 01:37:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

1.添加国际化支持；2.自定义属性开关

Browse Source
This commit is contained in:
zyqwst
2020-10-12 22:33:58 +08:00
parent a7747bf229
commit 2677bc7c92
30 changed files with 26711 additions and 10716 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
README.md
View File

@@ -1,15 +1,33 @@
<p align="center">
<img width="60" src="https://github.com/zyqwst/json-schema-editor-vue/blob/master/examples/assets/logo.png">
<img width="60" src="https://gitee.com/hz8866/json-schema-editor-vue/raw/master/examples/assets/logo.png">
</p>
<h1 align="center">
<a href="http://json-schema.sviip.com/" target="_blank">json-schema-editor-vue</a>
</h1>
<p align="center">A json-schema editor of high efficient and easy-to-use, base on Vue</p>
[![Start](https://img.shields.io/github/stars/zyqwst/json-schema-editor-vue?style=social)](https://github.com/zyqwst/json-schema-editor-vue/stargazers)
[![Fork](https://img.shields.io/github/forks/zyqwst/json-schema-editor-vue?style=social)](https://github.com/zyqwst/json-schema-editor-vue/fork)
[![GitHub open issues](https://img.shields.io/github/issues/zyqwst/json-schema-editor-vue.svg)](https://github.com/zyqwst/json-schema-editor-vue/issues?q=is%3Aopen+is%3Aissue)
[![npm download](https://img.shields.io/npm/dt/json-schema-editor-vue.svg?maxAge=30)](https://www.npmjs.com/package/json-schema-editor-vue)
[![npm download per month](https://img.shields.io/npm/dm/json-schema-editor-vue.svg)](https://www.npmjs.com/package/json-schema-editor-vue)
[![npm version](https://img.shields.io/npm/v/json-schema-editor-vue.svg)](https://www.npmjs.com/package/json-schema-editor-vue)
[![MIT License](https://img.shields.io/github/license/zyqwst/json-schema-editor-vue.svg)](https://github.com/zyqwst/json-schema-editor-vue/blob/master/LICENSE)
A json-schema editor of high efficient and easy-to-use, base on Vue
<p align="center">
<img width="100%" src="https://raw.githubusercontent.com/zyqwst/json-schema-editor-vue/master/examples/assets/capture.png">
<img width="100%" src="https://gitee.com/hz8866/json-schema-editor-vue/raw/master/examples/assets/capture.png">
</p>
**支持自定义属性，满足特殊的需求**
<p align="center">
<img width="100%" src="https://gitee.com/hz8866/json-schema-editor-vue/raw/master/examples/assets/custom.png">
</p>
### Example
**Demo** [http://json-schema.sviip.com](http://json-schema.sviip.com)
**[国内Demo](http://json-schema-editor.sviip.com)**
### Usage
```bash
@@ -17,7 +35,7 @@ npm install json-schema-editor-vue
```
```vue
import JsonSchemaEditor from '../packages/index'
import JsonSchemaEditor from 'json-schema-editor-vue'
Vue.use(JsonSchemaEditor)
```
@@ -46,7 +64,18 @@ export default {
}
</script>
```
### json-schema-editor-vue属性说明如下：
|属性|说明|类型|是否必须|默认值|
:-|:-|:-|:-|:-
|value|传入一个默认的树节点，用来接收编辑后的json schema结果|Object|是||
|disabled|节点名称不可编辑|Boolean||`false`|
|disabledType|节点类型不可选择|Boolean||`false`|
|root|是否是根节点|Boolean||`true`|
|custom|是否允许添加自定义属性|Boolean||`false`|
Don't forget to star if it helped!
如果对您有帮助，别忘记给个星哦
### Links
- [json-schema-editor-visual](https://github.com/YMFE/json-schema-editor-visual)