vue-json-pretty - npm Package Compare versions

Comparing version 1.9.4 to 1.9.5

lib/vue-json-pretty.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueJsonPretty=t():e.VueJsonPretty=t()}(this,(function(){return function(){var e={228:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}},858:function(e){e.exports=function(e){if(Array.isArray(e))return e}},646:function(e,t,n){var o=n(228);e.exports=function(e){if(Array.isArray(e))return o(e)}},713:function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},860:function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},884:function(e){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],o=!0,i=!1,l=void 0;try{for(var a,r=e[Symbol.iterator]();!(o=(a=r.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw l}}return n}}},521:function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},206:function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},38:function(e,t,n){var o=n(858),i=n(884),l=n(379),a=n(521);e.exports=function(e,t){return o(e)||i(e,t)||l(e,t)||a()}},319:function(e,t,n){var o=n(646),i=n(860),l=n(379),a=n(206);e.exports=function(e){return o(e)||i(e)||l(e)||a()}},8:function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},379:function(e,t,n){var o=n(228);e.exports=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}},629:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return S}});var o=n(38),i=n.n(o),l=n(319),a=n.n(l),r=n(713),s=n.n(r);function c(e,t,n,o,i,l,a,r){var s,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),l&&(c._scopeId="data-v-"+l),a?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=s):i&&(s=r?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(c.functional){c._injectStyles=s;var u=c.render;c.render=function(e,t){return s.call(t),u(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,s):[s]}return{exports:e,options:c}}var u=c({props:{data:{required:!0,type:String}},methods:{toggleBrackets:function(e){this.$emit("click",e)}}},(function(){var e=this,t=e.$createElement;return(e._self._c||t)("span",{staticClass:"vjs-tree-brackets",on:{click:function(t){return t.stopPropagation(),e.toggleBrackets(t)}}},[e._v(e._s(e.data))])}),[],!1,null,null,null).exports,d=c({props:{checked:{type:Boolean,default:!1},isMultiple:Boolean},computed:{uiType:function(){return this.isMultiple?"checkbox":"radio"},model:{get:function(){return this.checked},set:function(e){this.$emit("input",e)}}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("label",{class:["vjs-check-controller",e.checked?"is-checked":""],on:{click:function(e){e.stopPropagation()}}},[n("span",{class:"vjs-check-controller-inner is-"+e.uiType}),n("input",{class:"vjs-check-controller-original is-"+e.uiType,attrs:{type:e.uiType},domProps:{checked:e.model},on:{change:function(t){return e.$emit("change",e.model)}}})])}),[],!1,null,null,null).exports,h=c({props:{nodeType:{type:String,required:!0}},computed:{isOpen:function(){return"objectStart"===this.nodeType||"arrayStart"===this.nodeType},isClose:function(){return"objectCollapsed"===this.nodeType||"arrayCollapsed"===this.nodeType}},methods:{handleClick:function(){this.$emit("click")}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.isOpen||e.isClose?n("span",{class:"vjs-carets vjs-carets-"+(e.isOpen?"open":"close"),on:{click:e.handleClick}},[n("svg",{attrs:{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"}},[n("path",{attrs:{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"}})])]):e._e()}),[],!1,null,null,null).exports,p=n(8),f=n.n(p);function y(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()}function g(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"root",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=o.key,l=o.index,a=o.type,r=void 0===a?"content":a,s=o.showComma,c=void 0!==s&&s,u=o.length,d=void 0===u?1:u,h=y(e);if("array"===h){var p=v(e.map((function(e,o,i){return g(e,"".concat(t,"[").concat(o,"]"),n+1,{index:o,showComma:o!==i.length-1,length:d,type:r})})));return[g("[",t,n,{key:i,length:e.length,type:"arrayStart"})[0]].concat(p,g("]",t,n,{showComma:c,length:e.length,type:"arrayEnd"})[0])}if("object"===h){var f=Object.keys(e),b=v(f.map((function(o,i,l){return g(e[o],/^[a-zA-Z_]\w*$/.test(o)?"".concat(t,".").concat(o):"".concat(t,'["').concat(o,'"]'),n+1,{key:o,showComma:i!==l.length-1,length:d,type:r})})));return[g("{",t,n,{key:i,index:l,length:f.length,type:"objectStart"})[0]].concat(b,g("}",t,n,{showComma:c,length:f.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:i,index:l,path:t,showComma:c,length:d,type:r}]}function v(e){if("function"==typeof Array.prototype.flat)return e.flat();for(var t=a()(e),n=[];t.length;){var o=t.shift();Array.isArray(o)?t.unshift.apply(t,a()(o)):n.push(o)}return n}function b(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new WeakMap;if(null==e)return e;if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if("object"!==f()(e))return e;if(t.get(e))return t.get(e);if(Array.isArray(e)){var n=e.map((function(e){return b(e,t)}));return t.set(e,n),n}var o={};for(var i in e)o[i]=b(e[i],t);return t.set(e,o),o}var m=c({components:{Brackets:u,CheckController:d,Carets:h},props:{node:{required:!0,type:Object},collapsed:Boolean,showDoubleQuotes:Boolean,showLength:Boolean,checked:Boolean,selectableType:{type:String,default:""},showSelectController:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showLineNumber:{type:Boolean,default:!1},selectOnClickNode:{type:Boolean,default:!0},nodeSelectable:{type:Function,default:function(){return!0}},highlightSelectedNode:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"}},data:function(){return{editing:!1}},computed:{valueClass:function(){return"vjs-value vjs-value-".concat(this.dataType)},dataType:function(){return y(this.node.content)},prettyKey:function(){return this.showDoubleQuotes?'"'.concat(this.node.key,'"'):this.node.key},selectable:function(){return this.nodeSelectable(this.node)&&(this.isMultiple||this.isSingle)},isMultiple:function(){return"multiple"===this.selectableType},isSingle:function(){return"single"===this.selectableType},defaultValue:function(){var e,t=null===(e=this.node)||void 0===e?void 0:e.content;return null==t&&(t+=""),"string"===this.dataType?'"'.concat(t,'"'):t}},methods:{handleInputChange:function(e){var t,n,o="null"===(n=null===(t=e.target)||void 0===t?void 0:t.value)?null:"undefined"===n?void 0:"true"===n||"false"!==n&&(n[0]+n[n.length-1]==='""'||n[0]+n[n.length-1]==="''"?n.slice(1,-1):"number"==typeof Number(n)&&!isNaN(Number(n))||"NaN"===n?Number(n):n);this.$emit("value-change",o,this.node.path)},handleIconClick:function(){this.$emit("icon-click",!this.collapsed,this.node.path)},handleBracketsClick:function(){this.$emit("brackets-click",!this.collapsed,this.node.path)},handleSelectedChange:function(){this.$emit("selected-change",this.node)},handleNodeClick:function(){this.$emit("node-click",this.node),this.selectable&&this.selectOnClickNode&&this.$emit("selected-change",this.node)},handleValueEdit:function(e){var t=this;if(this.editable&&!this.editing){this.editing=!0;var n=function n(o){var i;o.target!==e.target&&(null===(i=o.target)||void 0===i?void 0:i.parentElement)!==e.target&&(t.editing=!1,document.removeEventListener("click",n))};document.removeEventListener("click",n),document.addEventListener("click",n)}}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked},on:{click:e.handleNodeClick}},[e.showLineNumber?n("span",{staticClass:"vjs-node-index"},[e._v("\n    "+e._s(e.node.id+1)+"\n  ")]):e._e(),e.showSelectController&&e.selectable&&"objectEnd"!==e.node.type&&"arrayEnd"!==e.node.type?n("check-controller",{attrs:{"is-multiple":e.isMultiple,checked:e.checked},on:{change:e.handleSelectedChange}}):e._e(),n("div",{staticClass:"vjs-indent"},[e._l(e.node.level,(function(t,o){return n("div",{key:o,class:{"vjs-indent-unit":!0,"has-line":e.showLine}})})),e.showIcon?n("carets",{attrs:{"node-type":e.node.type},on:{click:e.handleIconClick}}):e._e()],2),e.node.key?n("span",{staticClass:"vjs-key"},[e._t("key",[e._v(e._s(e.prettyKey))],{node:e.node,defaultKey:e.prettyKey}),n("span",{staticClass:"vjs-colon"},[e._v(e._s(":"+(e.showKeyValueSpace?" ":"")))])],2):e._e(),n("span",["content"!==e.node.type?n("brackets",{attrs:{data:e.node.content},on:{click:e.handleBracketsClick}}):n("span",{class:e.valueClass,on:{click:function(t){!e.editable||e.editableTrigger&&"click"!==e.editableTrigger||e.handleValueEdit(t)},dblclick:function(t){e.editable&&"dblclick"===e.editableTrigger&&e.handleValueEdit(t)}}},[e.editable&&e.editing?n("input",{style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"},domProps:{value:e.defaultValue},on:{change:e.handleInputChange}}):e._t("value",[e._v(e._s(e.defaultValue))],{node:e.node,defaultValue:e.defaultValue})],2),e.node.showComma?n("span",[e._v(",")]):e._e(),e.showLength&&e.collapsed?n("span",{staticClass:"vjs-comment"},[e._v(" // "+e._s(e.node.length)+" items ")]):e._e()],1)],1)}),[],!1,null,null,null);function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=c({name:"VueJsonPretty",components:{TreeNode:m.exports},model:{prop:"data"},props:{data:{type:[String,Number,Boolean,Array,Object],default:null},deep:{type:Number,default:1/0},rootPath:{type:String,default:"root"},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},selectableType:{type:String,default:""},showSelectController:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showLineNumber:{type:Boolean,default:!1},selectOnClickNode:{type:Boolean,default:!0},selectedValue:{type:[Array,String],default:function(){return""}},nodeSelectable:{type:Function,default:function(){return!0}},highlightSelectedNode:{type:Boolean,default:!0},collapsedOnClickBrackets:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"}},data:function(){return{translateY:0,visibleData:null,hiddenPaths:this.initHiddenPaths(g(this.data,this.rootPath),this.deep)}},computed:{originFlatData:function(){return g(this.data,this.rootPath)},flatData:function(e){for(var t=e.originFlatData,n=e.hiddenPaths,o=null,i=[],l=t.length,a=0;a<l;a++){var r=C(C({},t[a]),{},{id:a}),s=n[r.path];if(o&&o.path===r.path){var c="objectStart"===o.type,u=C(C(C({},r),o),{},{showComma:r.showComma,content:c?"{...}":"[...]",type:c?"objectCollapsed":"arrayCollapsed"});o=null,i.push(u)}else{if(s&&!o){o=r;continue}if(o)continue;i.push(r)}}return i},selectedPaths:{get:function(){var e=this.selectedValue;return e&&"multiple"===this.selectableType&&Array.isArray(e)?e:[e]},set:function(e){this.$emit("update:selectedValue",e)}},propsError:function(){return!this.selectableType||this.selectOnClickNode||this.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."}},watch:{propsError:{handler:function(e){if(e)throw new Error("[VueJsonPretty] ".concat(e))},immediate:!0},flatData:{handler:function(e){this.updateVisibleData(e)},immediate:!0},deep:{handler:function(e){this.hiddenPaths=this.initHiddenPaths(this.originFlatData,e)}}},methods:{initHiddenPaths:function(e,t){return e.reduce((function(e,n){var o=n.level>=t;return"objectStart"!==n.type&&"arrayStart"!==n.type||!o?e:C(C({},e),{},s()({},n.path,1))}),{})},updateVisibleData:function(e){if(this.virtual){var t=this.height/this.itemHeight,n=this.$refs.tree&&this.$refs.tree.scrollTop||0,o=Math.floor(n/this.itemHeight),i=o<0?0:o+t>e.length?e.length-t:o;i<0&&(i=0);var l=i+t;this.translateY=i*this.itemHeight,this.visibleData=e.filter((function(e,t){return t>=i&&t<l}))}else this.visibleData=e},handleTreeScroll:function(){this.updateVisibleData(this.flatData)},handleSelectedChange:function(e){var t=e.path,n=this.selectableType;if("multiple"===n){var o=this.selectedPaths.findIndex((function(e){return e===t})),l=a()(this.selectedPaths);-1!==o?this.selectedPaths.splice(o,1):this.selectedPaths.push(t),this.$emit("selected-change",this.selectedPaths,l)}else if("single"===n&&this.selectedPaths[0]!==t){var r=i()(this.selectedPaths,1)[0],s=t;this.selectedPaths=s,this.$emit("selected-change",s,r)}},handleNodeClick:function(e){this.$emit("node-click",e)},updateCollapsedPaths:function(e,t){if(e)this.hiddenPaths=C(C({},this.hiddenPaths),{},s()({},t,1));else{var n=C({},this.hiddenPaths);delete n[t],this.hiddenPaths=n}},handleBracketsClick:function(e,t){this.collapsedOnClickBrackets&&this.updateCollapsedPaths(e,t),this.$emit("brackets-click",e)},handleIconClick:function(e,t){this.updateCollapsedPaths(e,t),this.$emit("icon-click",e)},handleValueChange:function(e,t){var n=b(this.data),o=this.rootPath;new Function("data","val","data".concat(t.slice(o.length),"=val"))(n,e),this.$emit("input",n)}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"tree",class:{"vjs-tree":!0,"is-virtual":e.virtual},style:e.showLineNumber?{paddingLeft:12*Number(e.originFlatData.length.toString().length)+"px"}:{},on:{scroll:function(t){e.virtual&&e.handleTreeScroll()}}},[n("div",{staticClass:"vjs-tree-list",style:e.virtual&&{height:e.height+"px"}},[n("div",{staticClass:"vjs-tree-list-holder",style:e.virtual&&{height:e.flatData.length*e.itemHeight+"px"}},[n("div",{staticClass:"vjs-tree-list-holder-inner",style:e.virtual&&{transform:"translateY("+e.translateY+"px)"}},e._l(e.visibleData,(function(t){return n("tree-node",{key:t.id,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:e.itemHeight+"px"}:{},attrs:{node:t,collapsed:!!e.hiddenPaths[t.path],"show-double-quotes":e.showDoubleQuotes,"show-length":e.showLength,"collapsed-on-click-brackets":e.collapsedOnClickBrackets,checked:e.selectedPaths.includes(t.path),"selectable-type":e.selectableType,"show-line":e.showLine,"show-line-number":e.showLineNumber,"show-select-controller":e.showSelectController,"select-on-click-node":e.selectOnClickNode,"node-selectable":e.nodeSelectable,"highlight-selected-node":e.highlightSelectedNode,"show-icon":e.showIcon,"show-key-value-space":e.showKeyValueSpace,editable:e.editable,"editable-trigger":e.editableTrigger},on:{"node-click":e.handleNodeClick,"brackets-click":e.handleBracketsClick,"icon-click":e.handleIconClick,"selected-change":e.handleSelectedChange,"value-change":e.handleValueChange},scopedSlots:e._u([{key:"key",fn:function(t){return[e._t("nodeKey",null,{node:t.node,defaultKey:t.defaultKey})]}},{key:"value",fn:function(t){return[e._t("nodeValue",null,{node:t.node,defaultValue:t.defaultValue})]}}],null,!0)})})),1)])])])}),[],!1,null,null,null).exports,S=Object.assign({},w,{version:"1.9.4"})}},t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}return n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(629)}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueJsonPretty=t():e.VueJsonPretty=t()}(this,(function(){return function(){var e={228:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}},858:function(e){e.exports=function(e){if(Array.isArray(e))return e}},646:function(e,t,n){var o=n(228);e.exports=function(e){if(Array.isArray(e))return o(e)}},713:function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},860:function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},884:function(e){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],o=!0,i=!1,l=void 0;try{for(var a,r=e[Symbol.iterator]();!(o=(a=r.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw l}}return n}}},521:function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},206:function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},38:function(e,t,n){var o=n(858),i=n(884),l=n(379),a=n(521);e.exports=function(e,t){return o(e)||i(e,t)||l(e,t)||a()}},319:function(e,t,n){var o=n(646),i=n(860),l=n(379),a=n(206);e.exports=function(e){return o(e)||i(e)||l(e)||a()}},8:function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},379:function(e,t,n){var o=n(228);e.exports=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}},569:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return S}});var o=n(38),i=n.n(o),l=n(319),a=n.n(l),r=n(713),s=n.n(r);function c(e,t,n,o,i,l,a,r){var s,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),l&&(c._scopeId="data-v-"+l),a?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=s):i&&(s=r?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(c.functional){c._injectStyles=s;var u=c.render;c.render=function(e,t){return s.call(t),u(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,s):[s]}return{exports:e,options:c}}var u=c({props:{data:{required:!0,type:String}},methods:{toggleBrackets:function(e){this.$emit("click",e)}}},(function(){var e=this,t=e.$createElement;return(e._self._c||t)("span",{staticClass:"vjs-tree-brackets",on:{click:function(t){return t.stopPropagation(),e.toggleBrackets(t)}}},[e._v(e._s(e.data))])}),[],!1,null,null,null).exports,d=c({props:{checked:{type:Boolean,default:!1},isMultiple:Boolean},computed:{uiType:function(){return this.isMultiple?"checkbox":"radio"},model:{get:function(){return this.checked},set:function(e){this.$emit("input",e)}}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("label",{class:["vjs-check-controller",e.checked?"is-checked":""],on:{click:function(e){e.stopPropagation()}}},[n("span",{class:"vjs-check-controller-inner is-"+e.uiType}),n("input",{class:"vjs-check-controller-original is-"+e.uiType,attrs:{type:e.uiType},domProps:{checked:e.model},on:{change:function(t){return e.$emit("change",e.model)}}})])}),[],!1,null,null,null).exports,h=c({props:{nodeType:{type:String,required:!0}},computed:{isOpen:function(){return"objectStart"===this.nodeType||"arrayStart"===this.nodeType},isClose:function(){return"objectCollapsed"===this.nodeType||"arrayCollapsed"===this.nodeType}},methods:{handleClick:function(){this.$emit("click")}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.isOpen||e.isClose?n("span",{class:"vjs-carets vjs-carets-"+(e.isOpen?"open":"close"),on:{click:e.handleClick}},[n("svg",{attrs:{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"}},[n("path",{attrs:{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"}})])]):e._e()}),[],!1,null,null,null).exports,p=n(8),f=n.n(p);function y(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()}function g(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"root",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=o.key,l=o.index,a=o.type,r=void 0===a?"content":a,s=o.showComma,c=void 0!==s&&s,u=o.length,d=void 0===u?1:u,h=y(e);if("array"===h){var p=b(e.map((function(e,o,i){return g(e,"".concat(t,"[").concat(o,"]"),n+1,{index:o,showComma:o!==i.length-1,length:d,type:r})})));return[g("[",t,n,{key:i,length:e.length,type:"arrayStart"})[0]].concat(p,g("]",t,n,{showComma:c,length:e.length,type:"arrayEnd"})[0])}if("object"===h){var f=Object.keys(e),v=b(f.map((function(o,i,l){return g(e[o],/^[a-zA-Z_]\w*$/.test(o)?"".concat(t,".").concat(o):"".concat(t,'["').concat(o,'"]'),n+1,{key:o,showComma:i!==l.length-1,length:d,type:r})})));return[g("{",t,n,{key:i,index:l,length:f.length,type:"objectStart"})[0]].concat(v,g("}",t,n,{showComma:c,length:f.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:i,index:l,path:t,showComma:c,length:d,type:r}]}function b(e){if("function"==typeof Array.prototype.flat)return e.flat();for(var t=a()(e),n=[];t.length;){var o=t.shift();Array.isArray(o)?t.unshift.apply(t,a()(o)):n.push(o)}return n}function v(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new WeakMap;if(null==e)return e;if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if("object"!==f()(e))return e;if(t.get(e))return t.get(e);if(Array.isArray(e)){var n=e.map((function(e){return v(e,t)}));return t.set(e,n),n}var o={};for(var i in e)o[i]=v(e[i],t);return t.set(e,o),o}var m=c({components:{Brackets:u,CheckController:d,Carets:h},props:{node:{required:!0,type:Object},collapsed:Boolean,showDoubleQuotes:Boolean,showLength:Boolean,checked:Boolean,selectableType:{type:String,default:""},showSelectController:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showLineNumber:{type:Boolean,default:!1},selectOnClickNode:{type:Boolean,default:!0},nodeSelectable:{type:Function,default:function(){return!0}},highlightSelectedNode:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"}},data:function(){return{editing:!1}},computed:{valueClass:function(){return"vjs-value vjs-value-".concat(this.dataType)},dataType:function(){return y(this.node.content)},prettyKey:function(){return this.showDoubleQuotes?'"'.concat(this.node.key,'"'):this.node.key},selectable:function(){return this.nodeSelectable(this.node)&&(this.isMultiple||this.isSingle)},isMultiple:function(){return"multiple"===this.selectableType},isSingle:function(){return"single"===this.selectableType},defaultValue:function(){var e,t=null===(e=this.node)||void 0===e?void 0:e.content;return null==t&&(t+=""),"string"===this.dataType?'"'.concat(t,'"'):t}},methods:{handleInputChange:function(e){var t,n,o="null"===(n=null===(t=e.target)||void 0===t?void 0:t.value)?null:"undefined"===n?void 0:"true"===n||"false"!==n&&(n[0]+n[n.length-1]==='""'||n[0]+n[n.length-1]==="''"?n.slice(1,-1):"number"==typeof Number(n)&&!isNaN(Number(n))||"NaN"===n?Number(n):n);this.$emit("value-change",o,this.node.path)},handleIconClick:function(){this.$emit("icon-click",!this.collapsed,this.node.path)},handleBracketsClick:function(){this.$emit("brackets-click",!this.collapsed,this.node.path)},handleSelectedChange:function(){this.$emit("selected-change",this.node)},handleNodeClick:function(){this.$emit("node-click",this.node),this.selectable&&this.selectOnClickNode&&this.$emit("selected-change",this.node)},handleValueEdit:function(e){var t=this;if(this.editable&&!this.editing){this.editing=!0;var n=function n(o){var i;o.target!==e.target&&(null===(i=o.target)||void 0===i?void 0:i.parentElement)!==e.target&&(t.editing=!1,document.removeEventListener("click",n))};document.removeEventListener("click",n),document.addEventListener("click",n)}}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked},on:{click:e.handleNodeClick}},[e.showLineNumber?n("span",{staticClass:"vjs-node-index"},[e._v("\n    "+e._s(e.node.id+1)+"\n  ")]):e._e(),e.showSelectController&&e.selectable&&"objectEnd"!==e.node.type&&"arrayEnd"!==e.node.type?n("check-controller",{attrs:{"is-multiple":e.isMultiple,checked:e.checked},on:{change:e.handleSelectedChange}}):e._e(),n("div",{staticClass:"vjs-indent"},[e._l(e.node.level,(function(t,o){return n("div",{key:o,class:{"vjs-indent-unit":!0,"has-line":e.showLine}})})),e.showIcon?n("carets",{attrs:{"node-type":e.node.type},on:{click:e.handleIconClick}}):e._e()],2),e.node.key?n("span",{staticClass:"vjs-key"},[e._t("key",[e._v(e._s(e.prettyKey))],{node:e.node,defaultKey:e.prettyKey}),n("span",{staticClass:"vjs-colon"},[e._v(e._s(":"+(e.showKeyValueSpace?" ":"")))])],2):e._e(),n("span",["content"!==e.node.type?n("brackets",{attrs:{data:e.node.content},on:{click:e.handleBracketsClick}}):n("span",{class:e.valueClass,on:{click:function(t){!e.editable||e.editableTrigger&&"click"!==e.editableTrigger||e.handleValueEdit(t)},dblclick:function(t){e.editable&&"dblclick"===e.editableTrigger&&e.handleValueEdit(t)}}},[e.editable&&e.editing?n("input",{style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"},domProps:{value:e.defaultValue},on:{change:e.handleInputChange}}):e._t("value",[e._v(e._s(e.defaultValue))],{node:e.node,defaultValue:e.defaultValue})],2),e.node.showComma?n("span",[e._v(",")]):e._e(),e.showLength&&e.collapsed?n("span",{staticClass:"vjs-comment"},[e._v(" // "+e._s(e.node.length)+" items ")]):e._e()],1)],1)}),[],!1,null,null,null);function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=c({name:"VueJsonPretty",components:{TreeNode:m.exports},model:{prop:"data"},props:{collapsedNodeLength:{type:Number,default:1/0},data:{type:[String,Number,Boolean,Array,Object],default:null},deep:{type:Number,default:1/0},rootPath:{type:String,default:"root"},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},selectableType:{type:String,default:""},showSelectController:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showLineNumber:{type:Boolean,default:!1},selectOnClickNode:{type:Boolean,default:!0},selectedValue:{type:[Array,String],default:function(){return""}},nodeSelectable:{type:Function,default:function(){return!0}},highlightSelectedNode:{type:Boolean,default:!0},collapsedOnClickBrackets:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"}},data:function(){return{translateY:0,visibleData:null,hiddenPaths:this.initHiddenPaths(g(this.data,this.rootPath),this.deep,this.collapsedNodeLength)}},computed:{originFlatData:function(){return g(this.data,this.rootPath)},flatData:function(e){for(var t=e.originFlatData,n=e.hiddenPaths,o=null,i=[],l=t.length,a=0;a<l;a++){var r=C(C({},t[a]),{},{id:a}),s=n[r.path];if(o&&o.path===r.path){var c="objectStart"===o.type,u=C(C(C({},r),o),{},{showComma:r.showComma,content:c?"{...}":"[...]",type:c?"objectCollapsed":"arrayCollapsed"});o=null,i.push(u)}else{if(s&&!o){o=r;continue}if(o)continue;i.push(r)}}return i},selectedPaths:{get:function(){var e=this.selectedValue;return e&&"multiple"===this.selectableType&&Array.isArray(e)?e:[e]},set:function(e){this.$emit("update:selectedValue",e)}},propsError:function(){return!this.selectableType||this.selectOnClickNode||this.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."}},watch:{propsError:{handler:function(e){if(e)throw new Error("[VueJsonPretty] ".concat(e))},immediate:!0},flatData:{handler:function(e){this.updateVisibleData(e)},immediate:!0},deep:{handler:function(e){this.hiddenPaths=this.initHiddenPaths(this.originFlatData,e,this.collapsedNodeLength)}},collapsedNodeLength:{handler:function(e){this.hiddenPaths=this.initHiddenPaths(this.originFlatData,this.deep,e)}}},methods:{initHiddenPaths:function(e,t,n){return e.reduce((function(e,o){var i=o.level>=t||o.length>=n;return"objectStart"!==o.type&&"arrayStart"!==o.type||!i?e:C(C({},e),{},s()({},o.path,1))}),{})},updateVisibleData:function(e){if(this.virtual){var t=this.height/this.itemHeight,n=this.$refs.tree&&this.$refs.tree.scrollTop||0,o=Math.floor(n/this.itemHeight),i=o<0?0:o+t>e.length?e.length-t:o;i<0&&(i=0);var l=i+t;this.translateY=i*this.itemHeight,this.visibleData=e.filter((function(e,t){return t>=i&&t<l}))}else this.visibleData=e},handleTreeScroll:function(){this.updateVisibleData(this.flatData)},handleSelectedChange:function(e){var t=e.path,n=this.selectableType;if("multiple"===n){var o=this.selectedPaths.findIndex((function(e){return e===t})),l=a()(this.selectedPaths);-1!==o?this.selectedPaths.splice(o,1):this.selectedPaths.push(t),this.$emit("selected-change",this.selectedPaths,l)}else if("single"===n&&this.selectedPaths[0]!==t){var r=i()(this.selectedPaths,1)[0],s=t;this.selectedPaths=s,this.$emit("selected-change",s,r)}},handleNodeClick:function(e){this.$emit("node-click",e)},updateCollapsedPaths:function(e,t){if(e)this.hiddenPaths=C(C({},this.hiddenPaths),{},s()({},t,1));else{var n=C({},this.hiddenPaths);delete n[t],this.hiddenPaths=n}},handleBracketsClick:function(e,t){this.collapsedOnClickBrackets&&this.updateCollapsedPaths(e,t),this.$emit("brackets-click",e)},handleIconClick:function(e,t){this.updateCollapsedPaths(e,t),this.$emit("icon-click",e)},handleValueChange:function(e,t){var n=v(this.data),o=this.rootPath;new Function("data","val","data".concat(t.slice(o.length),"=val"))(n,e),this.$emit("input",n)}}},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"tree",class:{"vjs-tree":!0,"is-virtual":e.virtual},style:e.showLineNumber?{paddingLeft:12*Number(e.originFlatData.length.toString().length)+"px"}:{},on:{scroll:function(t){e.virtual&&e.handleTreeScroll()}}},[n("div",{staticClass:"vjs-tree-list",style:e.virtual&&{height:e.height+"px"}},[n("div",{staticClass:"vjs-tree-list-holder",style:e.virtual&&{height:e.flatData.length*e.itemHeight+"px"}},[n("div",{staticClass:"vjs-tree-list-holder-inner",style:e.virtual&&{transform:"translateY("+e.translateY+"px)"}},e._l(e.visibleData,(function(t){return n("tree-node",{key:t.id,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:e.itemHeight+"px"}:{},attrs:{node:t,collapsed:!!e.hiddenPaths[t.path],"show-double-quotes":e.showDoubleQuotes,"show-length":e.showLength,"collapsed-on-click-brackets":e.collapsedOnClickBrackets,checked:e.selectedPaths.includes(t.path),"selectable-type":e.selectableType,"show-line":e.showLine,"show-line-number":e.showLineNumber,"show-select-controller":e.showSelectController,"select-on-click-node":e.selectOnClickNode,"node-selectable":e.nodeSelectable,"highlight-selected-node":e.highlightSelectedNode,"show-icon":e.showIcon,"show-key-value-space":e.showKeyValueSpace,editable:e.editable,"editable-trigger":e.editableTrigger},on:{"node-click":e.handleNodeClick,"brackets-click":e.handleBracketsClick,"icon-click":e.handleIconClick,"selected-change":e.handleSelectedChange,"value-change":e.handleValueChange},scopedSlots:e._u([{key:"key",fn:function(t){return[e._t("nodeKey",null,{node:t.node,defaultKey:t.defaultKey})]}},{key:"value",fn:function(t){return[e._t("nodeValue",null,{node:t.node,defaultValue:t.defaultValue})]}}],null,!0)})})),1)])])])}),[],!1,null,null,null).exports,S=Object.assign({},w,{version:"1.9.5"})}},t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}return n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(569)}()}));

package.json

 {
   "name": "vue-json-pretty",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "description": "A JSON tree view component that is easy to use and also supports data selection.",
@@ -5,0 +5,0 @@ "author": "leezng <[e-mail]>",

README.md

@@ -109,24 +109,25 @@ <p align="center">
 
-| Property                 | Description                                     | Type                 | Default |
-| ------------------------ | ----------------------------------------------- | -------------------- | ------- |
-| data(v-model)            | JSON data, support v-model when use editable    | JSON object          | -       |
-| deep                     | Paths greater than this depth will be collapsed | number               | -       |
-| showLength               | Show the length when collapsed                  | boolean              | false   |
-| showLine                 | Show the line                                   | boolean              | true    |
-| showLineNumber           | Show the line number                            | boolean              | false   |
-| showIcon                 | Show the icon                                   | boolean              | false   |
-| showDoubleQuotes         | Show doublequotes on key                        | boolean              | true    |
-| virtual                  | Use virtual scroll                              | boolean              | false   |
-| height                   | The height of list when using virtual           | number               | 400     |
-| itemHeight               | The height of node when using virtual           | number               | 20      |
-| selectedValue.sync       | Selected data path                              | string, array        | -       |
-| rootPath                 | Root data path                                  | string               | `root`  |
-| nodeSelectable           | Defines whether a data path supports selection  | function(node)       | -       |
-| selectableType           | Support path select, default none               | `multiple`, `single` | -       |
-| showSelectController     | Show the select controller                      | boolean              | false   |
-| selectOnClickNode        | Trigger select when click node                  | boolean              | true    |
-| highlightSelectedNode    | Support highlighting selected nodes             | boolean              | true    |
-| collapsedOnClickBrackets | Support click brackets to collapse              | boolean              | true    |
-| editable                 | Support editable                                | boolean              | false   |
-| editableTrigger          | Trigger                                         | `click`, `dblclick`  | `click` |
+| Property                 | Description                                                                     | Type                 | Default |
+| ------------------------ |---------------------------------------------------------------------------------|----------------------|---------|
+| data(v-model)            | JSON data, support v-model when use editable                                    | JSON object          | -       |
+| collapsedNodeLength        | Objects or arrays which length is greater than this threshold will be collapsed | number               | -       |
+| deep                     | Paths greater than this depth will be collapsed                                 | number               | -       |
+| showLength               | Show the length when collapsed                                                  | boolean              | false   |
+| showLine                 | Show the line                                                                   | boolean              | true    |
+| showLineNumber           | Show the line number                                                            | boolean              | false   |
+| showIcon                 | Show the icon                                                                   | boolean              | false   |
+| showDoubleQuotes         | Show doublequotes on key                                                        | boolean              | true    |
+| virtual                  | Use virtual scroll                                                              | boolean              | false   |
+| height                   | The height of list when using virtual                                           | number               | 400     |
+| itemHeight               | The height of node when using virtual                                           | number               | 20      |
+| selectedValue.sync       | Selected data path                                                              | string, array        | -       |
+| rootPath                 | Root data path                                                                  | string               | `root`  |
+| nodeSelectable           | Defines whether a data path supports selection                                  | function(node)       | -       |
+| selectableType           | Support path select, default none                                               | `multiple`, `single` | -       |
+| showSelectController     | Show the select controller                                                      | boolean              | false   |
+| selectOnClickNode        | Trigger select when click node                                                  | boolean              | true    |
+| highlightSelectedNode    | Support highlighting selected nodes                                             | boolean              | true    |
+| collapsedOnClickBrackets | Support click brackets to collapse                                              | boolean              | true    |
+| editable                 | Support editable                                                                | boolean              | false   |
+| editableTrigger          | Trigger                                                                         | `click`, `dblclick`  | `click` |
 
@@ -133,0 +134,0 @@ ## Events

README.zh-CN.md

@@ -15,2 +15,3 @@ 简体中文 | [English](./README.md)
 | data(v-model)            | 源数据，注意不是 `JSON` 字符串 | `JSON` 数据对象      | -             |
+| collapsedNodeLength        | 长度大于此阈值的对象或数组将被折叠 | number               | Infinity      |
 | deep                     | 深度，大于该深度的路径将被折叠 | number               | Infinity      |
@@ -17,0 +18,0 @@ | showLength               | 在数据折叠的时候展示长度       | boolean              | false         |

No alert changes

Improved metrics

Total package byte prevSize

37746

3.33%

Number of lines in readme file

154

0.65%

No dependency changes