diff --git a/dist/css/index.01197d1f.css b/dist/css/index.01197d1f.css deleted file mode 100644 index 5eb3eda..0000000 --- a/dist/css/index.01197d1f.css +++ /dev/null @@ -1 +0,0 @@ -*{padding:0;margin:0;box-sizing:border-box}.title{text-align:center;font-size:40px;font-weight:700;height:100px;line-height:100px}.desc{padding:20px;padding:0 3em;font-size:1.2em}.container,.desc{width:80vw;min-width:800px;margin:auto}.container{display:flex;padding:20px;justify-content:center;height:calc(100vh - 150px)}.code-container{max-height:600px;overflow:auto}.schema{margin-left:20px;width:50%;height:100%;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px}.CodeMirror{height:100%!important}.vue-codemirror{flex:1;margin:0 24px;border:1px solid rgba(0,0,0,.1);min-height:300px;overflow:auto;border-radius:6px}.json-schema-editor .row[data-v-3cf03c5a]{display:flex;margin:12px}.json-schema-editor .row .ant-col-name .ant-col-name-c[data-v-3cf03c5a],.json-schema-editor .row .ant-col-name[data-v-3cf03c5a]{display:flex;align-items:center}.json-schema-editor .row .ant-col-name .ant-col-name-required[data-v-3cf03c5a]{flex:0 0 24px;text-align:center}.json-schema-editor .row .ant-col-type[data-v-3cf03c5a]{width:100%}.json-schema-editor .row .ant-col-setting[data-v-3cf03c5a]{display:inline-block}.json-schema-editor .row .setting-icon[data-v-3cf03c5a]{color:rgba(0,0,0,.45);border:none}.json-schema-editor .row .plus-icon[data-v-3cf03c5a]{border:none}.json-schema-editor .row .close-icon[data-v-3cf03c5a]{color:#888;border:none}.json-schema-editor-advanced-modal{color:rgba(0,0,0,.65);min-width:600px}.json-schema-editor-advanced-modal pre{font-family:monospace;height:100%;overflow-y:auto;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;width:50%}.json-schema-editor-advanced-modal h3{display:block;border-left:3px solid #1890ff;padding:0 8px}.json-schema-editor-advanced-modal .ant-advanced-search-form .ant-form-item{display:flex}.json-schema-editor-advanced-modal .ant-advanced-search-form .ant-form-item .ant-form-item-control-wrapper{flex:1} \ No newline at end of file diff --git a/dist/css/index.ce7fffd6.css b/dist/css/index.ce7fffd6.css new file mode 100644 index 0000000..99e87d7 --- /dev/null +++ b/dist/css/index.ce7fffd6.css @@ -0,0 +1 @@ +*{padding:0;margin:0;box-sizing:border-box}.title{text-align:center;font-size:40px;font-weight:700;height:100px;line-height:100px}.version{font-size:16px}.desc{padding:20px;padding:0 3em;font-size:1.2em}.container,.desc{width:80vw;min-width:800px;margin:auto}.container{display:flex;padding:20px;justify-content:center;height:calc(100vh - 150px)}.code-container{max-height:600px;overflow:auto}.schema{margin-left:20px;width:50%;height:100%;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px}.CodeMirror{height:100%!important}.vue-codemirror{flex:1;margin:0 24px;border:1px solid rgba(0,0,0,.1);min-height:300px;overflow:auto;border-radius:6px}.json-schema-editor .row[data-v-4c79b4a6]{display:flex;margin:12px}.json-schema-editor .row .ant-col-name .ant-col-name-c[data-v-4c79b4a6],.json-schema-editor .row .ant-col-name[data-v-4c79b4a6]{display:flex;align-items:center}.json-schema-editor .row .ant-col-name .ant-col-name-required[data-v-4c79b4a6]{flex:0 0 24px;text-align:center}.json-schema-editor .row .ant-col-type[data-v-4c79b4a6]{width:100%}.json-schema-editor .row .ant-col-setting[data-v-4c79b4a6]{display:inline-block}.json-schema-editor .row .setting-icon[data-v-4c79b4a6]{color:rgba(0,0,0,.45);border:none}.json-schema-editor .row .plus-icon[data-v-4c79b4a6]{border:none}.json-schema-editor .row .close-icon[data-v-4c79b4a6]{color:#888;border:none}.json-schema-editor-advanced-modal{color:rgba(0,0,0,.65);min-width:600px}.json-schema-editor-advanced-modal pre{font-family:monospace;height:100%;overflow-y:auto;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;width:50%}.json-schema-editor-advanced-modal h3{display:block;border-left:3px solid #1890ff;padding:0 8px}.json-schema-editor-advanced-modal .ant-advanced-search-form .ant-form-item{display:flex}.json-schema-editor-advanced-modal .ant-advanced-search-form .ant-form-item .ant-form-item-control-wrapper{flex:1} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index e02e15d..fed2d02 100644 --- a/dist/index.html +++ b/dist/index.html @@ -105,4 +105,4 @@ -o-transform: rotate(10deg); transform: rotate(10deg); } - }
\ No newline at end of file + }
\ No newline at end of file diff --git a/dist/js/index.88d56127.js b/dist/js/index.88d56127.js deleted file mode 100644 index b2ff766..0000000 --- a/dist/js/index.88d56127.js +++ /dev/null @@ -1 +0,0 @@ -(function(e){function t(t){for(var n,o,r=t[0],c=t[1],l=t[2],u=0,p=[];u=0},advanced:function(){return le[this.pickValue.type]},advancedAttr:function(){return le[this.pickValue.type].attr},ownProps:function(){return["type","title","properties","items","required"].concat(Object(C["a"])(Object.keys(this.advancedAttr)))},advancedNotEmptyValue:function(){var e=Object.assign({},this.advancedValue);for(var t in e)E(e[t])&&delete e[t];return e},completeNodeValue:function(){var e,t={},a=Object(g["a"])({},this.pickValue),n=Object(V["a"])(this.customProps);try{for(n.s();!(e=n.n()).done;){var s=e.value;t[s.key]=s.value}}catch(i){n.e(i)}finally{n.f()}return this._pickDiffKey().forEach((function(e){return delete a[e]})),Object.assign({},a,t,this.advancedNotEmptyValue)},enumText:function(){var e=this.advancedValue["enum"];return e&&e.length?e.join("\n"):""}},data:function(){return{TYPE_NAME:ce,hidden:!1,countAdd:1,modalVisible:!1,advancedValue:{},addProp:{},customProps:[],customing:!1,local:ue(this.lang)}},methods:{onInputName:function(e){var t=this.pickKey,a=e.target.value;if(t!==a){var n=this.parent.properties[t];this.$delete(this.parent.properties,t),this.$set(this.parent.properties,a,n);var s=this.parent.required||[],i=s.indexOf(t);s.length>0&&i>-1&&(s.splice(i,1),s.push(a),this.$set(this.parent,"required",Object(C["a"])(new Set(s))))}},onChangeType:function(){var e=this;this.parseCustomProps(),this.customProps.forEach((function(t){e.$delete(e.pickValue,t.key)})),this.customProps=[],this.$delete(this.pickValue,"properties"),this.$delete(this.pickValue,"items"),this.$delete(this.pickValue,"required"),this.$delete(this.pickValue,"format"),this.$delete(this.pickValue,"enum"),this.isArray&&this.$set(this.pickValue,"items",{type:"string"})},onCheck:function(e){this._checked(e.target.checked,this.parent)},onRootCheck:function(e){this._deepCheck(e.target.checked,this.pickValue)},changeEnumValue:function(e){var t=this.pickValue.type,a=e.target.value,n=a.split("\n");"string"===t?this.advancedValue.enum=n.map((function(e){return e})):0===n.length||1===n.length&&""==n[0]?this.advancedValue.enum=null:this.advancedValue.enum=n.map((function(e){return+e}))},_deepCheck:function(e,t){var a=this;"object"===t.type&&t.properties?(e?this.$set(t,"required",Object.keys(t.properties)):this.$delete(t,"required"),Object.keys(t.properties).forEach((function(n){return a._deepCheck(e,t.properties[n])}))):"array"===t.type&&"object"===t.items.type&&(e?this.$set(t.items,"required",Object.keys(t.items.properties)):this.$delete(t.items,"required"),Object.keys(t.items.properties).forEach((function(n){return a._deepCheck(e,t.items.properties[n])})))},_checked:function(e,t){var a=t.required;if(e)a||this.$set(this.parent,"required",[]),a=this.parent.required,-1===a.indexOf(this.pickKey)&&a.push(this.pickKey);else{var n=a.indexOf(this.pickKey);n>=0&&a.splice(n,1)}0===a.length&&this.$delete(t,"required")},addChild:function(){var e=this._joinName(),t="string",a=this.pickValue;a.properties||this.$set(a,"properties",{});var n=a.properties;this.$set(n,e,{type:t})},parseCustomProps:function(){var e=this,t=this.ownProps;Object.keys(this.pickValue).forEach((function(a){-1===t.indexOf(a)&&e.confirmAddCustomNode({key:a,value:e.pickValue[a]})}))},addCustomNode:function(){this.$set(this.addProp,"key",this._joinName()),this.$set(this.addProp,"value",""),this.customing=!0},removeCustomNode:function(e){var t=this;this.customProps.forEach((function(a,n){a.key!==e||t.customProps.splice(n,1)}))},confirmAddCustomNode:function(e){var t=e||this.addProp,a=!1;this.customProps.forEach((function(t){t.key===e.key&&(a=!0)})),a||(this.customProps.push(t),this.addProp={},this.customing=!1)},removeNode:function(){var e=this.parent,t=e.properties,a=e.required;if(this.$delete(t,this.pickKey),a){var n=a.indexOf(this.pickKey);n>=0&&a.splice(n,1),0===a.length&&this.$delete(this.parent,"required")}},_joinName:function(){return"field_".concat(this.deep,"_").concat(this.countAdd++)},onSetting:function(){for(var e in this.modalVisible=!0,this.advancedValue=Object(g["a"])({},this.advanced.value),this.advancedValue)this.pickValue[e]&&(this.advancedValue[e]=this.pickValue[e]);this.parseCustomProps()},handleOk:function(){var e=this;for(var t in this.modalVisible=!1,this.advancedValue)E(this.advancedValue[t])?this.$delete(this.pickValue,t):this.$set(this.pickValue,t,this.advancedValue[t]);var a=this._pickDiffKey();a.forEach((function(t){return e.$delete(e.pickValue,t)}));var n,s=Object(V["a"])(this.customProps);try{for(s.s();!(n=s.n()).done;){var i=n.value;this.$set(this.pickValue,i.key,i.value)}}catch(o){s.e(o)}finally{s.f()}},_pickDiffKey:function(){var e=this,t=Object.keys(this.pickValue);return t.filter((function(t){return-1===e.ownProps.indexOf(t)}))}}},me=pe,he=(a("ed9f"),a("6dc4"),Object(p["a"])(me,_,x,!1,null,"3cf03c5a",null)),fe=he.exports;fe.install=function(e){e.component(fe.name,fe)};var be=fe,ve=[be],je=function e(t){e.installed||(e.installed=!0,ve.map((function(e){t.component(e.name,e)})))};"undefined"!==typeof window&&window.Vue&&je(window.Vue);var ye=Object(g["a"])({install:je},ve);s["a"].config.productionTip=!1,s["a"].use(n["a"]),s["a"].use(ye),new s["a"]({render:function(e){return e(k)}}).$mount("#app")},ed9f:function(e,t,a){"use strict";var n=a("f91b"),s=a.n(n);s.a},f381:function(e,t,a){},f91b:function(e,t,a){}}); \ No newline at end of file diff --git a/dist/js/index.d4c8a8cf.js b/dist/js/index.d4c8a8cf.js new file mode 100644 index 0000000..3b57697 --- /dev/null +++ b/dist/js/index.d4c8a8cf.js @@ -0,0 +1 @@ +(function(e){function t(t){for(var n,o,r=t[0],c=t[1],l=t[2],u=0,p=[];u 1%","last 2 versions","not dead"]}')},"95f3":function(e,t,a){},ba5b:function(e,t,a){},c31f:function(e,t,a){"use strict";a.r(t);a("04f3");var n=a("ed3b"),s=(a("e260"),a("e6cf"),a("cca6"),a("a79d"),a("2b0e")),i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"app"}},[a("div",{staticClass:"title"},[a("a",{attrs:{href:"https://github.com/zyqwst/json-schema-editor-vue",target:"_blank"}},[e._v("json-schema-editor-vue")]),a("span",{staticClass:"version"},[e._v(" version："+e._s(e.version))])]),a("div",{staticClass:"desc"},[a("div",[e._v("A json-schema editor of high efficient and easy-to-use, base on Vue. "),a("a",{on:{click:function(t){e.visible=!0}}},[e._v("import json")])])]),a("div",{staticClass:"container"},[a("codemirror",{staticClass:"code",attrs:{readOnly:!1},model:{value:e.jsonStr,callback:function(t){e.jsonStr=t},expression:"jsonStr"}}),a("json-schema-editor",{staticClass:"schema",attrs:{value:e.tree,disabledType:"",lang:"zh_CN",custom:""}})],1),a("a-modal",{attrs:{title:"import json",width:"800px",height:"600x"},on:{ok:e.handleImportJson},model:{value:e.visible,callback:function(t){e.visible=t},expression:"visible"}},[a("div",{staticClass:"code-container"},[a("codemirror",{staticClass:"code",attrs:{readOnly:!1},model:{value:e.importJson,callback:function(t){e.importJson=t},expression:"importJson"}})],1)])],1)},o=[],r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("codemirror",{attrs:{options:e.cmOptions},model:{value:e.content,callback:function(t){e.content=t},expression:"content"}})},c=[],l=a("8f94"),d=(a("a7be"),a("b866"),a("b6fc"),a("f9d4"),a("ffda"),{components:{codemirror:l["codemirror"]},props:{readOnly:{type:Boolean,default:!0},mode:{type:String,default:"text/javascript"},value:{type:String,required:!0},theme:{type:String,default:"idea"},lineNumbers:{type:Boolean,default:!0}},watch:{value:{handler:function(e){this.content=e}},content:function(e){this.$emit("input",e)}},data:function(){return{content:this.value,cmOptions:{tabSize:2,mode:this.mode,theme:this.theme,lineNumbers:this.lineNumbers,readOnly:this.readOnly}}}}),u=d,p=a("2877"),m=Object(p["a"])(u,r,c,!1,null,null,null),h=m.exports,f=a("25e5"),b=a.n(f),v=a("9224"),j={name:"App",components:{Codemirror:h},computed:{jsonStr:{get:function(){return JSON.stringify(this.tree,null,2)},set:function(e){this.tree=JSON.parse(e)}}},data:function(){return{version:v.version,importJson:"",visible:!1,tree:{root:{type:"object",title:"条件",properties:{name:{type:"string",title:"名称",maxLength:10,minLength:2},appId:{type:"integer",title:"应用ID"},credate:{type:"string",title:"创建日期",format:"date"}},required:["name","appId","credate"]}}}},methods:{handleImportJson:function(){var e=b.a.json(JSON.parse(this.importJson));delete e.$schema,this.tree.root=e,this.visible=!1}}},y=j,k=(a("42b1"),Object(p["a"])(y,i,o,!1,null,null,null)),g=k.exports,_=(a("d81d"),a("b0c0"),a("5530")),x=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"json-schema-editor"},[a("a-row",{staticClass:"row",attrs:{gutter:10}},[a("a-col",{staticClass:"ant-col-name",attrs:{span:8}},[a("div",{staticClass:"ant-col-name-c",style:{marginLeft:20*e.deep+"px"}},["object"===e.pickValue.type?a("a-button",{staticStyle:{color:"rgba(0,0,0,.65)"},attrs:{type:"link",icon:e.hidden?"caret-right":"caret-down"},on:{click:function(t){e.hidden=!e.hidden}}}):a("span",{staticStyle:{width:"32px",display:"inline-block"}}),a("a-input",{staticClass:"ant-col-name-input",attrs:{disabled:e.disabled||e.root,value:e.pickKey},on:{blur:e.onInputName}})],1),e.root?a("a-tooltip",[a("span",{attrs:{slot:"title"},domProps:{textContent:e._s(e.local["checked_all"])},slot:"title"},[e._v("全选")]),a("a-checkbox",{staticClass:"ant-col-name-required",attrs:{disabled:!e.isObject&&!e.isArray},on:{change:e.onRootCheck}})],1):a("a-tooltip",[a("span",{attrs:{slot:"title"},domProps:{textContent:e._s(e.local["required"])},slot:"title"},[e._v("是否必填")]),a("a-checkbox",{staticClass:"ant-col-name-required",attrs:{disabled:e.isItem,checked:e.checked},on:{change:e.onCheck}})],1)],1),a("a-col",{attrs:{span:4}},[a("a-select",{staticClass:"ant-col-type",attrs:{disabled:e.disabledType,getPopupContainer:function(t){return t.parentNode||e.document.body}},on:{change:e.onChangeType},model:{value:e.pickValue.type,callback:function(t){e.$set(e.pickValue,"type",t)},expression:"pickValue.type"}},e._l(e.TYPE_NAME,(function(t){return a("a-select-option",{key:t},[e._v(" "+e._s(t)+" ")])})),1)],1),a("a-col",[a("a-input",{staticClass:"ant-col-title",attrs:{value:e.pickValue.title,placeholder:e.local["title"]},on:{blur:function(t){return e.pickValue.title=t.target.value}}})],1),a("a-col",{staticClass:"ant-col-setting",attrs:{span:6}},[a("a-tooltip",[a("span",{attrs:{slot:"title"},domProps:{textContent:e._s(e.local["adv_setting"])},slot:"title"},[e._v("高级设置")]),a("a-button",{staticClass:"setting-icon",attrs:{type:"link",icon:"setting"},on:{click:e.onSetting}})],1),e.isObject?a("a-tooltip",[a("span",{attrs:{slot:"title"},domProps:{textContent:e._s(e.local["add_child_node"])},slot:"title"},[e._v("添加子节点")]),a("a-button",{staticClass:"plus-icon",attrs:{type:"link",icon:"plus"},on:{click:e.addChild}})],1):e._e(),e.root||e.isItem?e._e():a("a-tooltip",[a("span",{attrs:{slot:"title"},domProps:{textContent:e._s(e.local["remove_node"])},slot:"title"},[e._v("删除节点")]),a("a-button",{staticClass:"close-icon ant-btn-icon-only",attrs:{type:"link"},on:{click:e.removeNode}},[a("i",{staticClass:"anticon anticon-plus",attrs:{"aria-label":"icon: plus"}},[a("svg",{attrs:{viewBox:"64 64 896 896","data-icon":"plus",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",focusable:"false"}},[a("path",{attrs:{d:"M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512z","p-id":"1142"}})])])])],1)],1)],1),e.hidden||!e.pickValue.properties||e.isArray?e._e():e._l(e.pickValue.properties,(function(t,n,s){var i;return a("json-schema-editor",{key:s,staticClass:"children",attrs:{value:(i={},i[n]=t,i),parent:e.pickValue,deep:e.deep+1,root:!1,lang:e.lang,custom:e.custom}})})),e.isArray?[a("json-schema-editor",{staticClass:"children",attrs:{value:{items:e.pickValue.items},deep:e.deep+1,disabled:"",isItem:"",root:!1,lang:e.lang,custom:e.custom}})]:e._e(),e.modalVisible?a("a-modal",{attrs:{title:e.local["adv_setting"],maskClosable:!1,okText:e.local["ok"],cancelText:e.local["cancel"],width:"800px",dialogClass:"json-schema-editor-advanced-modal"},on:{ok:e.handleOk},model:{value:e.modalVisible,callback:function(t){e.modalVisible=t},expression:"modalVisible"}},[a("h3",{domProps:{textContent:e._s(e.local["base_setting"])}},[e._v("基础设置")]),a("a-form",{staticClass:"ant-advanced-search-form",model:{value:e.advancedValue,callback:function(t){e.advancedValue=t},expression:"advancedValue"}},[a("a-row",{attrs:{gutter:6}},e._l(e.advancedValue,(function(t,n){return a("a-col",{key:n,attrs:{span:8}},[a("a-form-item",[a("span",[e._v(e._s(e.local[n]))]),"integer"===e.advancedAttr[n].type||"number"===e.advancedAttr[n].type?a("a-input-number",{staticStyle:{width:"100%"},attrs:{placeholder:n},model:{value:e.advancedValue[n],callback:function(t){e.$set(e.advancedValue,n,t)},expression:"advancedValue[key]"}}):"boolean"===e.advancedAttr[n].type?a("span",{staticStyle:{display:"inline-block",width:"100%"}},[a("a-switch",{model:{value:e.advancedValue[n],callback:function(t){e.$set(e.advancedValue,n,t)},expression:"advancedValue[key]"}})],1):"enum"===n?a("a-textarea",{attrs:{value:e.enumText,rows:2,placeholder:e.local["enum_msg"]},on:{blur:e.changeEnumValue}}):"array"===e.advancedAttr[n].type?a("a-select",{staticStyle:{width:"100%"},attrs:{getPopupContainer:function(t){return t.parentNode||e.document.body},placeholder:e.local[n]},model:{value:e.advancedValue[n],callback:function(t){e.$set(e.advancedValue,n,t)},expression:"advancedValue[key]"}},[a("a-select-option",{attrs:{value:""}},[e._v(e._s(e.local["nothing"]))]),e._l(e.advancedAttr[n].enums,(function(t){return a("a-select-option",{key:t},[e._v(" "+e._s(t)+" ")])}))],2):a("a-input",{staticStyle:{width:"100%"},attrs:{placeholder:n},model:{value:e.advancedValue[n],callback:function(t){e.$set(e.advancedValue,n,t)},expression:"advancedValue[key]"}})],1)],1)})),1)],1),a("h3",{directives:[{name:"show",rawName:"v-show",value:e.custom,expression:"custom"}],domProps:{textContent:e._s(e.local["add_custom"])}},[e._v("添加自定义属性")]),a("a-form",{directives:[{name:"show",rawName:"v-show",value:e.custom,expression:"custom"}],staticClass:"ant-advanced-search-form"},[a("a-row",{attrs:{gutter:6}},[e._l(e.customProps,(function(t){return a("a-col",{key:t.key,attrs:{span:8}},[a("a-form-item",{attrs:{label:t.key}},[a("a-input",{staticStyle:{width:"calc(100% - 30px)"},model:{value:t.value,callback:function(a){e.$set(t,"value",a)},expression:"item.value"}}),a("a-button",{staticStyle:{width:"30px"},attrs:{icon:"close",type:"link"},on:{click:function(a){return e.removeCustomNode(t.key)}}})],1)],1)})),a("a-col",{directives:[{name:"show",rawName:"v-show",value:void 0!=e.addProp.key,expression:"addProp.key != undefined"}],attrs:{span:8}},[a("a-form-item",[a("a-input",{staticStyle:{width:"100px"},attrs:{slot:"label"},slot:"label",model:{value:e.addProp.key,callback:function(t){e.$set(e.addProp,"key",t)},expression:"addProp.key"}}),a("a-input",{staticStyle:{width:"100%"},model:{value:e.addProp.value,callback:function(t){e.$set(e.addProp,"value",t)},expression:"addProp.value"}})],1)],1),a("a-col",{attrs:{span:8}},[a("a-form-item",[e.customing?a("a-button",{attrs:{icon:"check",type:"link"},on:{click:function(t){return e.confirmAddCustomNode(null)}}}):a("a-tooltip",{attrs:{title:e.local["add_custom"]}},[a("a-button",{attrs:{icon:"plus",type:"link"},on:{click:e.addCustomNode}})],1)],1)],1)],2)],1),a("h3",{domProps:{textContent:e._s(e.local["preview"])}},[e._v("预览")]),a("pre",{staticStyle:{width:"100%"}},[e._v(e._s(e.completeNodeValue))])],1):e._e()],2)},V=[],C=(a("99af"),a("4de4"),a("4160"),a("c975"),a("a15b"),a("a434"),a("a9e3"),a("b64b"),a("d3b7"),a("07ac"),a("ac1f"),a("6062"),a("3ca3"),a("1276"),a("159b"),a("ddb0"),a("b85c")),w=a("2909"),O=(a("055b"),a("160c")),P=(a("c721"),a("3af3")),A=(a("9e39"),a("f933")),S=(a("02cf"),a("9839")),N=(a("20c5"),a("bb76")),$=(a("a106"),a("09d9")),q=(a("a71a"),a("b558")),z=(a("805a"),a("0c63")),I=(a("e1f5"),a("5efb")),M=(a("1815"),a("e32c")),E=(a("50ac"),a("9a63"));function T(e){return"undefined"===typeof e||(null===e||""===e)}var L={description:null,maxProperties:null,minProperties:null},J={description:{name:"描述",type:"string"},maxProperties:{name:"最大元素个数",type:"integer"},minProperties:{name:"最小元素个数",type:"integer"}},K={value:L,attr:J},B=K,D={description:null,maxLength:null,minLength:null,pattern:null,format:void 0,enum:void 0},R={description:{name:"描述",type:"string"},maxLength:{name:"最大字符数",type:"integer"},minLength:{name:"最小字符数",type:"integer"},pattern:{name:"正则表达式",type:"string"},format:{name:"格式",type:"array",enums:["date","date-time","email","hostname","ipv4","ipv6","uri"]},enum:{name:"枚举",type:"array"}},U={value:D,attr:R},F=U,Y={description:null,minItems:null,maxItems:null,uniqueItems:!1},H={description:{name:"描述",type:"string"},maxItems:{name:"最大元素个数",type:"integer"},minItems:{name:"最小元素个数",type:"integer"},uniqueItems:{name:"元素不可重复",type:"boolean"}},G={value:Y,attr:H},Q=G,W={description:null},X={description:{name:"描述",type:"string"}},Z={value:W,attr:X},ee=Z,te={description:null,maximum:null,minimum:null,exclusiveMaximum:null,exclusiveMinimum:null,enum:[]},ae={description:{name:"描述",type:"string"},maximum:{name:"最大值",type:"integer"},minimum:{name:"最小值",type:"integer"},exclusiveMaximum:{name:"不包含最大值",type:"boolean"},exclusiveMinimum:{name:"不包含最小值",type:"boolean"},enum:{name:"枚举",type:"array"}},ne={value:te,attr:ae},se=ne,ie={description:null,maximum:null,minimum:null,exclusiveMaximum:null,exclusiveMinimum:null,enum:[]},oe={description:{name:"描述",type:"string"},maximum:{name:"最大值",type:"number"},minimum:{name:"最小值",type:"number"},exclusiveMaximum:{name:"不包含最大值",type:"boolean"},exclusiveMinimum:{name:"不包含最小值",type:"boolean"},enum:{name:"枚举",type:"array"}},re={value:ie,attr:oe},ce=re,le=["string","number","integer","object","array","boolean"],de={object:B,string:F,array:Q,boolean:ee,integer:se,number:ce},ue={en_US:{title:"Title",import_json:"Import JSON",base_setting:"Base Setting",all_setting:"Source Code",default:"Default",description:"Description",adv_setting:"Advanced Settings",add_child_node:"Add child node",add_sibling_node:"Add sibling nodes",add_node:"Add sibling/child nodes",remove_node:"Remove node",child_node:"Child node",sibling_node:"Sibling node",ok:"OK",cancel:"Cancel",minLength:"Min length",maxLength:"Max length",pattern:"MUST be a valid regular expression.",exclusiveMinimum:"Value strictly less than",exclusiveMaximum:"Value strictly more than",minimum:"Min",maximum:"Max",uniqueItems:"Unique Items",minItems:"MinItems",maxItems:"MaxItems",minProperties:"MinProperties",maxProperties:"MaxProperties",checked_all:"Checked All",valid_json:"Not valid json",enum:"Enum",enum_msg:"One value per line",enum_desc:"desc",enum_desc_msg:"enum description",required:"Required",mock:"mock",mockLink:"Help",format:"Format",nothing:"Nothing",preview:"Preview",add_custom:"Add Custom Prop"},zh_CN:{title:"标题",import_json:"导入 json",base_setting:"基础设置",all_setting:"编辑源码",default:"默认值",description:"描述",adv_setting:"高级设置",add_child_node:"添加子节点",add_sibling_node:"添加兄弟节点",add_node:"添加兄弟/子节点",remove_node:"删除节点",child_node:"子节点",sibling_node:"兄弟节点",ok:"确定",cancel:"取消",minLength:"最小长度",maxLength:"最大长度",pattern:"用正则表达式约束字符串",exclusiveMinimum:"开启后，数据必须大于最小值",exclusiveMaximum:"开启后，数据必须小于最大值",minimum:"最小值",maximum:"最大值",uniqueItems:"开启后，每个元素都不相同",minItems:"最小元素个数",maxItems:"最大元素个数",minProperties:"最小元素个数",maxProperties:"最大元素个数",checked_all:"全选",valid_json:"不是合法的json字符串",enum:"枚举",enum_msg:"每行写一个值",enum_desc:"备注",enum_desc_msg:"备注描述信息",required:"是否必须",mock:"mock",mockLink:"查看文档",format:"格式化",nothing:"无",preview:"预览",add_custom:"添加自定义属性"}},pe=function(e){return ue[e]};n["a"].install(s["a"]);var me={name:"JsonSchemaEditor",components:{ARow:E["a"],ACol:M["a"],AButton:I["a"],AIcon:z["a"],AInput:q["a"],AInputNumber:$["a"],ATextarea:q["a"].TextArea,ACheckbox:N["a"],ASelect:S["a"],ASelectOption:S["a"].Option,ATooltip:A["a"],AModal:n["a"],AForm:P["a"],AFormItem:P["a"].Item,ASwitch:O["a"]},props:{value:{type:Object,required:!0},disabled:{type:Boolean,default:!1},disabledType:{type:Boolean,default:!1},isItem:{type:Boolean,default:!1},deep:{type:Number,default:0},root:{type:Boolean,default:!0},parent:{type:Object,default:null},custom:{type:Boolean,default:!1},lang:{type:String,default:"zh_CN"}},computed:{pickValue:function(){return Object.values(this.value)[0]},pickKey:function(){return Object.keys(this.value)[0]},isObject:function(){return"object"===this.pickValue.type},isArray:function(){return"array"===this.pickValue.type},checked:function(){return this.parent&&this.parent.required&&this.parent.required.indexOf(this.pickKey)>=0},advanced:function(){return de[this.pickValue.type]},advancedAttr:function(){return de[this.pickValue.type].attr},ownProps:function(){return["type","title","properties","items","required"].concat(Object(w["a"])(Object.keys(this.advancedAttr)))},advancedNotEmptyValue:function(){var e=Object.assign({},this.advancedValue);for(var t in e)T(e[t])&&delete e[t];return e},completeNodeValue:function(){var e,t={},a=Object(_["a"])({},this.pickValue),n=Object(C["a"])(this.customProps);try{for(n.s();!(e=n.n()).done;){var s=e.value;t[s.key]=s.value}}catch(i){n.e(i)}finally{n.f()}return this._pickDiffKey().forEach((function(e){return delete a[e]})),Object.assign({},a,t,this.advancedNotEmptyValue)},enumText:function(){var e=this.advancedValue["enum"];return e&&e.length?e.join("\n"):""}},data:function(){return{TYPE_NAME:le,hidden:!1,countAdd:1,modalVisible:!1,advancedValue:{},addProp:{},customProps:[],customing:!1,local:pe(this.lang)}},methods:{onInputName:function(e){var t=this.pickKey,a=e.target.value;if(t!==a){var n=this.parent.properties[t];this.$delete(this.parent.properties,t),this.$set(this.parent.properties,a,n);var s=this.parent.required||[],i=s.indexOf(t);s.length>0&&i>-1&&(s.splice(i,1),s.push(a),this.$set(this.parent,"required",Object(w["a"])(new Set(s))))}},onChangeType:function(){var e=this;this.parseCustomProps(),this.customProps.forEach((function(t){e.$delete(e.pickValue,t.key)})),this.customProps=[],this.$delete(this.pickValue,"properties"),this.$delete(this.pickValue,"items"),this.$delete(this.pickValue,"required"),this.$delete(this.pickValue,"format"),this.$delete(this.pickValue,"enum"),this.isArray&&this.$set(this.pickValue,"items",{type:"string"})},onCheck:function(e){this._checked(e.target.checked,this.parent)},onRootCheck:function(e){this._deepCheck(e.target.checked,this.pickValue)},changeEnumValue:function(e){var t=this.pickValue.type,a=e.target.value,n=a.split("\n");"string"===t?this.advancedValue.enum=n.map((function(e){return e})):0===n.length||1===n.length&&""==n[0]?this.advancedValue.enum=null:this.advancedValue.enum=n.map((function(e){return+e}))},_deepCheck:function(e,t){var a=this;"object"===t.type&&t.properties?(e?this.$set(t,"required",Object.keys(t.properties)):this.$delete(t,"required"),Object.keys(t.properties).forEach((function(n){return a._deepCheck(e,t.properties[n])}))):"array"===t.type&&"object"===t.items.type&&(e?this.$set(t.items,"required",Object.keys(t.items.properties)):this.$delete(t.items,"required"),Object.keys(t.items.properties).forEach((function(n){return a._deepCheck(e,t.items.properties[n])})))},_checked:function(e,t){var a=t.required;if(e)a||this.$set(this.parent,"required",[]),a=this.parent.required,-1===a.indexOf(this.pickKey)&&a.push(this.pickKey);else{var n=a.indexOf(this.pickKey);n>=0&&a.splice(n,1)}0===a.length&&this.$delete(t,"required")},addChild:function(){var e=this._joinName(),t="string",a=this.pickValue;a.properties||this.$set(a,"properties",{});var n=a.properties;this.$set(n,e,{type:t})},parseCustomProps:function(){var e=this,t=this.ownProps;Object.keys(this.pickValue).forEach((function(a){-1===t.indexOf(a)&&e.confirmAddCustomNode({key:a,value:e.pickValue[a]})}))},addCustomNode:function(){this.$set(this.addProp,"key",this._joinName()),this.$set(this.addProp,"value",""),this.customing=!0},removeCustomNode:function(e){var t=this;this.customProps.forEach((function(a,n){a.key!==e||t.customProps.splice(n,1)}))},confirmAddCustomNode:function(e){var t=e||this.addProp,a=!1;this.customProps.forEach((function(e){e.key===t.key&&(a=!0)})),a||(this.customProps.push(t),this.addProp={},this.customing=!1)},removeNode:function(){var e=this.parent,t=e.properties,a=e.required;if(this.$delete(t,this.pickKey),a){var n=a.indexOf(this.pickKey);n>=0&&a.splice(n,1),0===a.length&&this.$delete(this.parent,"required")}},_joinName:function(){return"field_".concat(this.deep,"_").concat(this.countAdd++)},onSetting:function(){for(var e in this.modalVisible=!0,this.advancedValue=Object(_["a"])({},this.advanced.value),this.advancedValue)this.pickValue[e]&&(this.advancedValue[e]=this.pickValue[e]);this.parseCustomProps()},handleOk:function(){var e=this;for(var t in this.modalVisible=!1,this.advancedValue)T(this.advancedValue[t])?this.$delete(this.pickValue,t):this.$set(this.pickValue,t,this.advancedValue[t]);var a=this._pickDiffKey();a.forEach((function(t){return e.$delete(e.pickValue,t)}));var n,s=Object(C["a"])(this.customProps);try{for(s.s();!(n=s.n()).done;){var i=n.value;this.$set(this.pickValue,i.key,i.value)}}catch(o){s.e(o)}finally{s.f()}},_pickDiffKey:function(){var e=this,t=Object.keys(this.pickValue);return t.filter((function(t){return-1===e.ownProps.indexOf(t)}))}}},he=me,fe=(a("41e2"),a("6dc4"),Object(p["a"])(he,x,V,!1,null,"4c79b4a6",null)),be=fe.exports;be.install=function(e){e.component(be.name,be)};var ve=be,je=[ve],ye=function e(t){e.installed||(e.installed=!0,je.map((function(e){t.component(e.name,e)})))};"undefined"!==typeof window&&window.Vue&&ye(window.Vue);var ke=Object(_["a"])({install:ye},je);s["a"].config.productionTip=!1,s["a"].use(n["a"]),s["a"].use(ke),new s["a"]({render:function(e){return e(g)}}).$mount("#app")},f381:function(e,t,a){}}); \ No newline at end of file diff --git a/examples/App.vue b/examples/App.vue index 896168d..533a9d2 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -1,10 +1,11 @@