Giter Site home page Giter Site logo

zyqwst / json-schema-editor-vue Goto Github PK

View Code? Open in Web Editor NEW
280.0 2.0 76.0 5.98 MB

A json-schema editor of high efficient and easy-to-use, base on Vue

Home Page: http://json-schema.sviip.com

License: Apache License 2.0

JavaScript 99.36% Vue 0.49% HTML 0.14%
json-schemas json-schema-vue

json-schema-editor-vue's People

Contributors

zyqwst avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

json-schema-editor-vue's Issues

输入title点击空白处消失

image
输入title后左边好像没有及时显示,, import json完数据之后再点击title
应该是2.1.1版本就不行了

<a-input :value="pickValue.title" class="ant-col-title" :placeholder="local['title']" @blur="e => pickValue.title=e.target.value"/>
好像是这么写法影响到了

How to make possible nullable types?

It would be great to have the ability to enable nullable type.
For example, the nullable object should look like this:

{
  "properties": {},
  "type":["object",  "null"]
}

Thanks!

引入css报错

引入css时报错Module build failed: BrowserslistError: Unknown browser query dead
版本2.0.0
vue版本2.6.11

数组的使用

为什么添加数组的时候只有一个item项目,不能添加多项呢

element-admin-template项目,直接npm install后无法使用

环境:
@vue/cli 4.4.1
node 16.17
npm 8.15

{
"name": "vue-admin-template",
"version": "4.4.0",
"description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
"author": "Pan [email protected]",
"scripts": {
"local": "vue-cli-service serve --mode local",
"dev": "vue-cli-service serve",
"build:prod": "vue-cli-service build",
"build:dev": "vue-cli-service build --mode development",
"build:stage": "vue-cli-service build --mode staging",
"preview": "node build/index.js --preview",
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
"lint": "eslint --ext .js,.vue src",
"test:unit": "jest --clearCache && vue-cli-service test:unit",
"test:ci": "npm run lint && npm run test:unit"
},
"dependencies": {
"axios": "0.18.1",
"clipboard": "^2.0.11",
"core-js": "3.6.5",
"echarts": "4.2.1",
"element-ui": "2.13.2",
"js-cookie": "2.2.0",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"path-to-regexp": "2.4.0",
"qs": "^6.10.3",
"vue": "2.6.10",
"vue-count-to": "^1.0.13",
"vue-router": "3.0.6",
"vuex": "3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "4.4.4",
"@vue/cli-plugin-eslint": "4.4.4",
"@vue/cli-plugin-unit-jest": "4.4.4",
"@vue/cli-service": "4.4.4",
"@vue/test-utils": "1.0.0-beta.29",
"autoprefixer": "9.5.1",
"babel-eslint": "10.1.0",
"babel-jest": "23.6.0",
"babel-plugin-dynamic-import-node": "2.3.3",
"chalk": "2.4.2",
"connect": "3.6.6",
"eslint": "6.7.2",
"eslint-plugin-vue": "6.2.2",
"html-webpack-plugin": "3.2.0",
"json-schema-editor-vue": "^2.0.4",
"mockjs": "1.0.1-beta3",
"runjs": "4.3.2",
"sass": "1.26.8",
"sass-loader": "8.0.2",
"script-ext-html-webpack-plugin": "2.1.3",
"serve-static": "1.13.2",
"svg-sprite-loader": "4.1.3",
"svgo": "1.2.2",
"vue-template-compiler": "2.6.10"
},
"browserslist": [
"> 1%",
"last 2 versions"
],
"engines": {
"node": ">=8.9",
"npm": ">= 3.0.0"
},
"license": "MIT"
}

支不支持逆向,json到可视化表单

目前我尝试将json-schema-editor-vue跑了个demo
发现目前支持编辑表单生成json
1.想问下能否支持从json逆向到可视化表单
2.有二次开发的需求,但是技术上不太懂vue,想将生成的json保存起来存到数据库
3.目前json-schema-editor-vue 演示看起来有点问题,跟你提供的demo有一些出入:左侧不支持json显示,格式排版有些问题,不直到咋调...

image

vue3版本编辑器删除问题

作者你好,我想请问vue3版本,不论删除对象的哪一条,都是最后一个值被删除,请问这个有解决方案吗

参数类型的选择可以支持自由拓展嘛!

现在的number、string、array...可以支持大部分场景
现在我想将这一套配置转换成真实的表单,如果可以定义一些更加精确的类型,配置起来就更为方便
比如下拉框,我想加一个selected类型,多选框加一个checkbox类型,单选框加一个radio类型... 然后每个类型里面的高级配置也可以自定义,这样的拓展性可以满足嘛大佬~

不增加类型,只是单纯的支持自定义高级配置里面的基础配置也是可以滴

关于“$ref”解析

外部导入json schema时,不能解析“$ref”。目前项目中有这种场景,请问作者有解决方案吗?如果有空的话麻烦解答下,谢谢!

请问可以支持enum属性编辑吗

比如
{ "root": { "description": "", "required": [ "CustomerCode" ], "type": "object", "properties": { "CustomerCode": { "description": "code", "type": "string" }, "TypeItem": { "description": "type", "uniqueItems": false, "type": "array", "items": { "format": "int32", "enum": [ 1, 2, 3, 4 ],** "type": "integer" } } } } }
目前通过自定义属性也无法添加enum

Browser support?

Do you plan to generate a javascript bundle distribution file to embed without the need to compile it? Thanks, cool project.

样式问题

json稍微多就不行了,我看yapi可以支持很多

image

点击设置

image
不知道为什么会出现这个情况,如果作者有空的话!可以帮忙解答一下吗

添加自定义属性页面重复显示

如图,官方列子:设置一个自定义属性field保存后关闭窗口,再次点击设置进入,多了一个同样的field属性,再重复同样的操作都会多出同样的自定义属性。
同时还有另外一个问题,关闭窗口后再打开设置,删除自定义属性删除无效。
WeChat Screenshot_20220824111332

作者您好想问下,该组件如何支持递归嵌套类型的定义

我的json schema类似这种,children里面嵌套children的结构

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "definitions": {
    "node": {
      "type": "object",
      "properties": {
        "name": {
          "type": "string"
        },
        "children": {
          "type": "array",
          "items": {
            "$ref": "#/definitions/node"
          }
        }
      },
      "required": ["name"]
    }
  },
  "type": "object",
  "properties": {
    "root": {
      "$ref": "#/definitions/node"
    }
  },
  "required": ["root"]
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.