vue-json-pretty - npm Package Compare versions

Comparing version 2.4.0 to 2.5.0

esm/vue-json-pretty.js

@@ -1,1 +0,1 @@
-import*as e from"vue";var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},n={};function o(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}function r(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}}function a(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(e)||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.")}()}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}t.d(n,{Z:()=>j});const c=(s={computed:()=>e.computed,createTextVNode:()=>e.createTextVNode,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,reactive:()=>e.reactive,ref:()=>e.ref,watch:()=>e.watch,watchEffect:()=>e.watchEffect},p={},t.d(p,s),p),i=(0,c.defineComponent)({props:{data:{required:!0,type:String},onClick:Function},render:function(){var e=this.data,t=this.onClick;return(0,c.createVNode)("span",{class:"vjs-tree-brackets",onClick:t},[e])}}),u=(0,c.defineComponent)({emits:["change","update:modelValue"],props:{checked:{type:Boolean,default:!1},isMultiple:Boolean,onChange:Function},setup:function(e,t){var n=t.emit;return{uiType:(0,c.computed)((function(){return e.isMultiple?"checkbox":"radio"})),model:(0,c.computed)({get:function(){return e.checked},set:function(e){return n("update:modelValue",e)}})}},render:function(){var e=this.uiType,t=this.model,n=this.$emit;return(0,c.createVNode)("label",{class:["vjs-check-controller",t?"is-checked":""],onClick:function(e){return e.stopPropagation()}},[(0,c.createVNode)("span",{class:"vjs-check-controller-inner is-".concat(e)},null),(0,c.createVNode)("input",{checked:t,class:"vjs-check-controller-original is-".concat(e),type:e,onChange:function(){return n("change",t)}},null)])}}),d=(0,c.defineComponent)({props:{nodeType:{required:!0,type:String},onClick:Function},render:function(){var e=this.nodeType,t=this.onClick,n="objectStart"===e||"arrayStart"===e;return n||"objectCollapsed"===e||"arrayCollapsed"===e?(0,c.createVNode)("span",{class:"vjs-carets vjs-carets-".concat(n?"open":"close"),onClick:t},[(0,c.createVNode)("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},[(0,c.createVNode)("path",{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"},null)])]):null}});var s,p;function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()}function y(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?arguments[3]:void 0,r=o||{},a=r.key,l=r.index,c=r.type,i=void 0===c?"content":c,u=r.showComma,d=void 0!==u&&u,s=r.length,p=void 0===s?1:s,h=f(e);if("array"===h){var g=v(e.map((function(e,o,r){return y(e,"".concat(t,"[").concat(o,"]"),n+1,{index:o,showComma:o!==r.length-1,length:p,type:i})})));return[y("[",t,n,{showComma:!1,key:a,length:e.length,type:"arrayStart"})[0]].concat(g,y("]",t,n,{showComma:d,length:e.length,type:"arrayEnd"})[0])}if("object"===h){var b=Object.keys(e),m=v(b.map((function(o,r,a){return y(e[o],/^[a-zA-Z_]\w*$/.test(o)?"".concat(t,".").concat(o):"".concat(t,'["').concat(o,'"]'),n+1,{key:o,showComma:r!==a.length-1,length:p,type:i})})));return[y("{",t,n,{showComma:!1,key:a,index:l,length:b.length,type:"objectStart"})[0]].concat(m,y("}",t,n,{showComma:d,length:b.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:a,index:l,path:t,showComma:d,length:p,type:i}]}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 g(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"!==h(e))return e;if(t.get(e))return t.get(e);if(Array.isArray(e)){var n=e.map((function(e){return g(e,t)}));return t.set(e,n),n}var o={};for(var r in e)o[r]=g(e[r],t);return t.set(e,o),o}function b(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C={showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},renderNodeKey:Function,renderNodeValue:Function,selectableType:String,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},theme:{type:String,default:"light"},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"},onNodeClick:{type:Function},onBracketsClick:{type:Function},onIconClick:{type:Function},onValueChange:{type:Function}};const k=(0,c.defineComponent)({name:"TreeNode",props:m(m({},C),{},{node:{type:Object,required:!0},collapsed:Boolean,checked:Boolean,style:Object,onSelectedChange:{type:Function}}),emits:["nodeClick","bracketsClick","iconClick","selectedChange","valueChange"],setup:function(e,t){var n=t.emit,o=(0,c.computed)((function(){return f(e.node.content)})),r=(0,c.computed)((function(){return"vjs-value vjs-value-".concat(o.value)})),a=(0,c.computed)((function(){return e.showDoubleQuotes?'"'.concat(e.node.key,'"'):e.node.key})),l=(0,c.computed)((function(){return"multiple"===e.selectableType})),s=(0,c.computed)((function(){return"single"===e.selectableType})),p=(0,c.computed)((function(){return e.nodeSelectable(e.node)&&(l.value||s.value)})),h=(0,c.reactive)({editing:!1}),y=function(t){var o,r,a="null"===(r=null===(o=t.target)||void 0===o?void 0:o.value)?null:"undefined"===r?void 0:"true"===r||"false"!==r&&(r[0]+r[r.length-1]==='""'||r[0]+r[r.length-1]==="''"?r.slice(1,-1):"number"==typeof Number(r)&&!isNaN(Number(r))||"NaN"===r?Number(r):r);n("valueChange",a,e.node.path)},v=(0,c.computed)((function(){var t,n=null===(t=e.node)||void 0===t?void 0:t.content;return null===n?n="null":void 0===n&&(n="undefined"),"string"===o.value?'"'.concat(n,'"'):n+""})),g=function(){var t=e.renderNodeValue;return t?t({node:e.node,defaultValue:v.value}):v.value},b=function(){n("bracketsClick",!e.collapsed,e.node)},m=function(){n("iconClick",!e.collapsed,e.node)},C=function(){n("selectedChange",e.node)},k=function(){n("nodeClick",e.node),p.value&&e.selectOnClickNode&&n("selectedChange",e.node)},w=function(t){if(e.editable&&!h.editing){h.editing=!0;var n=function e(n){var o;n.target!==t.target&&(null===(o=n.target)||void 0===o?void 0:o.parentElement)!==t.target&&(h.editing=!1,document.removeEventListener("click",e))};document.removeEventListener("click",n),document.addEventListener("click",n)}};return function(){var t,n=e.node;return(0,c.createVNode)("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked,dark:"dark"===e.theme},onClick:k,style:e.style},[e.showLineNumber&&(0,c.createVNode)("span",{class:"vjs-node-index"},[n.id+1]),e.showSelectController&&p.value&&"objectEnd"!==n.type&&"arrayEnd"!==n.type&&(0,c.createVNode)(u,{isMultiple:l.value,checked:e.checked,onChange:C},null),(0,c.createVNode)("div",{class:"vjs-indent"},[Array.from(Array(n.level)).map((function(t,n){return(0,c.createVNode)("div",{key:n,class:{"vjs-indent-unit":!0,"has-line":e.showLine}},null)})),e.showIcon&&(0,c.createVNode)(d,{nodeType:n.type,onClick:m},null)]),n.key&&(0,c.createVNode)("span",{class:"vjs-key"},[(t=e.renderNodeKey,t?t({node:e.node,defaultKey:a.value||""}):a.value),(0,c.createVNode)("span",{class:"vjs-colon"},[":".concat(e.showKeyValueSpace?" ":"")])]),(0,c.createVNode)("span",null,["content"!==n.type&&n.content?(0,c.createVNode)(i,{data:n.content.toString(),onClick:b},null):(0,c.createVNode)("span",{class:r.value,onClick:!e.editable||e.editableTrigger&&"click"!==e.editableTrigger?void 0:w,onDblclick:e.editable&&"dblclick"===e.editableTrigger?w:void 0},[e.editable&&h.editing?(0,c.createVNode)("input",{value:v.value,onChange:y,style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"}},null):g()]),n.showComma&&(0,c.createVNode)("span",null,[","]),e.showLength&&e.collapsed&&(0,c.createVNode)("span",{class:"vjs-comment"},[(0,c.createTextVNode)(" // "),n.length,(0,c.createTextVNode)(" items ")])])])}}});function w(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const j=(0,c.defineComponent)({name:"Tree",props:N(N({},C),{},{data:{type:[String,Number,Boolean,Array,Object],default:null},collapsedNodeLength:{type:Number,default:1/0},deep:{type:Number,default:1/0},pathCollapsible:{type:Function,default:function(){return!1}},rootPath:{type:String,default:"root"},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},selectedValue:{type:[String,Array],default:function(){return""}},collapsedOnClickBrackets:{type:Boolean,default:!0},style:Object,onSelectedChange:{type:Function},theme:{type:String,default:"light"}}),slots:["renderNodeKey","renderNodeValue"],emits:["nodeClick","bracketsClick","iconClick","selectedChange","update:selectedValue","update:data"],setup:function(e,t){var n=t.emit,o=t.slots,i=(0,c.ref)(),u=(0,c.computed)((function(){return y(e.data,e.rootPath)})),d=function(t,n){return u.value.reduce((function(o,r){var a,c=r.level>=t||r.length>=n,i=null===(a=e.pathCollapsible)||void 0===a?void 0:a.call(e,r);return"objectStart"!==r.type&&"arrayStart"!==r.type||!c&&!i?o:N(N({},o),{},l({},r.path,1))}),{})},s=(0,c.reactive)({translateY:0,visibleData:null,hiddenPaths:d(e.deep,e.collapsedNodeLength)}),p=(0,c.computed)((function(){for(var e=null,t=[],n=u.value.length,o=0;o<n;o++){var r=N(N({},u.value[o]),{},{id:o}),a=s.hiddenPaths[r.path];if(e&&e.path===r.path){var l="objectStart"===e.type,c=N(N(N({},r),e),{},{showComma:r.showComma,content:l?"{...}":"[...]",type:l?"objectCollapsed":"arrayCollapsed"});e=null,t.push(c)}else{if(a&&!e){e=r;continue}if(e)continue;t.push(r)}}return t})),h=(0,c.computed)((function(){var t=e.selectedValue;return t&&"multiple"===e.selectableType&&Array.isArray(t)?t:[t]})),f=(0,c.computed)((function(){return!e.selectableType||e.selectOnClickNode||e.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."})),v=function(){var t=p.value;if(e.virtual){var n,o=e.height/e.itemHeight,r=(null===(n=i.value)||void 0===n?void 0:n.scrollTop)||0,a=Math.floor(r/e.itemHeight),l=a<0?0:a+o>t.length?t.length-o:a;l<0&&(l=0);var c=l+o;s.translateY=l*e.itemHeight,s.visibleData=t.filter((function(e,t){return t>=l&&t<c}))}else s.visibleData=t},b=function(){v()},m=function(t){var o,l,c=t.path,i=e.selectableType;if("multiple"===i){var u=h.value.findIndex((function(e){return e===c})),d=a(h.value);-1!==u?d.splice(u,1):d.push(c),n("update:selectedValue",d),n("selectedChange",d,a(h.value))}else if("single"===i&&h.value[0]!==c){var s=(o=h.value,l=1,function(e){if(Array.isArray(e))return e}(o)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(o=n.next()).done)&&(a.push(o.value),!t||a.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw r}}return a}}(o,l)||r(o,l)||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.")}())[0],p=c;n("update:selectedValue",p),n("selectedChange",p,s)}},C=function(e){n("nodeClick",e)},w=function(e,t){if(e)s.hiddenPaths=N(N({},s.hiddenPaths),{},l({},t,1));else{var n=N({},s.hiddenPaths);delete n[t],s.hiddenPaths=n}},j=function(t,o){e.collapsedOnClickBrackets&&w(t,o.path),n("bracketsClick",t,o)},S=function(e,t){w(e,t.path),n("iconClick",e,t)},O=function(t,o){var r=g(e.data),a=e.rootPath;new Function("data","val","data".concat(o.slice(a.length),"=val"))(r,t),n("update:data",r)};return(0,c.watchEffect)((function(){f.value&&function(e){throw new Error("[VueJSONPretty] ".concat(e))}(f.value)})),(0,c.watchEffect)((function(){p.value&&v()})),(0,c.watch)((function(){return e.deep}),(function(t){t&&(s.hiddenPaths=d(t,e.collapsedNodeLength))})),(0,c.watch)((function(){return e.collapsedNodeLength}),(function(t){t&&(s.hiddenPaths=d(e.deep,t))})),function(){var t,n,r=null!==(t=e.renderNodeKey)&&void 0!==t?t:o.renderNodeKey,a=null!==(n=e.renderNodeValue)&&void 0!==n?n:o.renderNodeValue,l=s.visibleData&&s.visibleData.map((function(t){return(0,c.createVNode)(k,{key:t.id,node:t,collapsed:!!s.hiddenPaths[t.path],theme:e.theme,showDoubleQuotes:e.showDoubleQuotes,showLength:e.showLength,checked:h.value.includes(t.path),selectableType:e.selectableType,showLine:e.showLine,showLineNumber:e.showLineNumber,showSelectController:e.showSelectController,selectOnClickNode:e.selectOnClickNode,nodeSelectable:e.nodeSelectable,highlightSelectedNode:e.highlightSelectedNode,editable:e.editable,editableTrigger:e.editableTrigger,showIcon:e.showIcon,showKeyValueSpace:e.showKeyValueSpace,renderNodeKey:r,renderNodeValue:a,onNodeClick:C,onBracketsClick:j,onIconClick:S,onSelectedChange:m,onValueChange:O,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:"".concat(e.itemHeight,"px")}:{}},null)}));return(0,c.createVNode)("div",{ref:i,class:{"vjs-tree":!0,"is-virtual":e.virtual,dark:"dark"===e.theme},onScroll:e.virtual?b:void 0,style:e.showLineNumber?N({paddingLeft:"".concat(12*Number(u.value.length.toString().length),"px")},e.style):e.style},[e.virtual?(0,c.createVNode)("div",{class:"vjs-tree-list",style:{height:"".concat(e.height,"px")}},[(0,c.createVNode)("div",{class:"vjs-tree-list-holder",style:{height:"".concat(p.value.length*e.itemHeight,"px")}},[(0,c.createVNode)("div",{class:"vjs-tree-list-holder-inner",style:{transform:"translateY(".concat(s.translateY,"px)")}},[l])])]):l])}}});var S=n.Z;export{S as default};
+import*as e from"vue";var t={207:(e,t,n)=>{e.exports=n(452)},452:e=>{var t=function(e){var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof v?t:v,a=Object.create(o.prototype),i=new V(r||[]);return a._invoke=function(e,t,n){var r=d;return function(o,a){if(r===f)throw new Error("Generator is already running");if(r===p){if("throw"===o)throw a;return P()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var c=S(i,n);if(c){if(c===y)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=p,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=f;var l=s(e,t,n);if("normal"===l.type){if(r=n.done?p:h,l.arg===y)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=p,n.method="throw",n.arg=l.arg)}}}(e,n,i),a}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var d="suspendedStart",h="suspendedYield",f="executing",p="completed",y={};function v(){}function g(){}function m(){}var b={};l(b,a,(function(){return this}));var w=Object.getPrototypeOf,N=w&&w(w(L([])));N&&N!==n&&r.call(N,a)&&(b=N);var k=m.prototype=v.prototype=Object.create(b);function C(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function n(o,a,i,c){var l=s(e[o],e,a);if("throw"!==l.type){var u=l.arg,d=u.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,c)}),(function(e){n("throw",e,i,c)})):t.resolve(d).then((function(e){u.value=e,i(u)}),(function(e){return n("throw",e,i,c)}))}c(l.arg)}var o;this._invoke=function(e,r){function a(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(a,a):a()}}function S(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,S(e,n),"throw"===n.method))return y;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=s(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,y;var a=o.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,y):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,y)}function O(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function x(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function L(e){if(e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:P}}function P(){return{value:t,done:!0}}return g.prototype=m,l(k,"constructor",m),l(m,"constructor",g),g.displayName=l(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,l(e,c,"GeneratorFunction")),e.prototype=Object.create(k),e},e.awrap=function(e){return{__await:e}},C(j.prototype),l(j.prototype,i,(function(){return this})),e.AsyncIterator=j,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new j(u(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},C(k),l(k,c,"Generator"),l(k,a,(function(){return this})),l(k,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=L,V.prototype={constructor:V,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(x),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return c.type="throw",c.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(l&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,y):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),y},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),x(n),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:L(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),y}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function i(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function c(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||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.")}()}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}r.d(o,{A:()=>L});const u=(f={Fragment:()=>e.Fragment,computed:()=>e.computed,createTextVNode:()=>e.createTextVNode,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,reactive:()=>e.reactive,ref:()=>e.ref,watch:()=>e.watch,watchEffect:()=>e.watchEffect},p={},r.d(p,f),p),s=(0,u.defineComponent)({props:{data:{required:!0,type:String},onClick:Function},render:function(){var e=this.data,t=this.onClick;return(0,u.createVNode)("span",{class:"vjs-tree-brackets",onClick:t},[e])}}),d=(0,u.defineComponent)({emits:["change","update:modelValue"],props:{checked:{type:Boolean,default:!1},isMultiple:Boolean,onChange:Function},setup:function(e,t){var n=t.emit;return{uiType:(0,u.computed)((function(){return e.isMultiple?"checkbox":"radio"})),model:(0,u.computed)({get:function(){return e.checked},set:function(e){return n("update:modelValue",e)}})}},render:function(){var e=this.uiType,t=this.model,n=this.$emit;return(0,u.createVNode)("label",{class:["vjs-check-controller",t?"is-checked":""],onClick:function(e){return e.stopPropagation()}},[(0,u.createVNode)("span",{class:"vjs-check-controller-inner is-".concat(e)},null),(0,u.createVNode)("input",{checked:t,class:"vjs-check-controller-original is-".concat(e),type:e,onChange:function(){return n("change",t)}},null)])}}),h=(0,u.defineComponent)({props:{nodeType:{required:!0,type:String},onClick:Function},render:function(){var e=this.nodeType,t=this.onClick,n="objectStart"===e||"arrayStart"===e;return n||"objectCollapsed"===e||"arrayCollapsed"===e?(0,u.createVNode)("span",{class:"vjs-carets vjs-carets-".concat(n?"open":"close"),onClick:t},[(0,u.createVNode)("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},[(0,u.createVNode)("path",{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"},null)])]):null}});var f,p;function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(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,r=(arguments.length>3?arguments[3]:void 0)||{},o=r.key,a=r.index,i=r.type,c=void 0===i?"content":i,l=r.showComma,u=void 0!==l&&l,s=r.length,d=void 0===s?1:s,h=v(e);if("array"===h){var f=m(e.map((function(e,r,o){return g(e,"".concat(t,"[").concat(r,"]"),n+1,{index:r,showComma:r!==o.length-1,length:d,type:c})})));return[g("[",t,n,{showComma:!1,key:o,length:e.length,type:"arrayStart"})[0]].concat(f,g("]",t,n,{showComma:u,length:e.length,type:"arrayEnd"})[0])}if("object"===h){var p=Object.keys(e),y=m(p.map((function(r,o,a){return g(e[r],/^[a-zA-Z_]\w*$/.test(r)?"".concat(t,".").concat(r):"".concat(t,'["').concat(r,'"]'),n+1,{key:r,showComma:o!==a.length-1,length:d,type:c})})));return[g("{",t,n,{showComma:!1,key:o,index:a,length:p.length,type:"objectStart"})[0]].concat(y,g("}",t,n,{showComma:u,length:p.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:o,index:a,path:t,showComma:u,length:d,type:c}]}function m(e){if("function"==typeof Array.prototype.flat)return e.flat();for(var t=c(e),n=[];t.length;){var r=t.shift();Array.isArray(r)?t.unshift.apply(t,c(r)):n.push(r)}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"!==y(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 r={};for(var o in e)r[o]=b(e[o],t);return t.set(e,r),r}function w(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}var N=r(207),k=r.n(N);function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S={data:{type:[String,Number,Boolean,Array,Object],default:null},rootPath:{type:String,default:"root"},indent:{type:Number,default:2},showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},renderNodeKey:Function,renderNodeValue:Function,renderNodeActions:{type:[Boolean,Function],default:void 0},selectableType:String,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},theme:{type:String,default:"light"},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"},onNodeClick:{type:Function},onNodeMouseover:{type:Function},onBracketsClick:{type:Function},onIconClick:{type:Function},onValueChange:{type:Function}};const O=(0,u.defineComponent)({name:"TreeNode",props:j(j({},S),{},{node:{type:Object,required:!0},collapsed:Boolean,checked:Boolean,style:Object,onSelectedChange:{type:Function}}),emits:["nodeClick","nodeMouseover","bracketsClick","iconClick","selectedChange","valueChange"],setup:function(e,t){var n=t.emit,r=(0,u.computed)((function(){return v(e.node.content)})),o=(0,u.computed)((function(){return"vjs-value vjs-value-".concat(r.value)})),a=(0,u.computed)((function(){return e.showDoubleQuotes?'"'.concat(e.node.key,'"'):e.node.key})),i=(0,u.computed)((function(){return"multiple"===e.selectableType})),c=(0,u.computed)((function(){return"single"===e.selectableType})),f=(0,u.computed)((function(){return e.nodeSelectable(e.node)&&(i.value||c.value)})),p=(0,u.reactive)({editing:!1}),y=function(t){var r,o,a="null"===(o=null===(r=t.target)||void 0===r?void 0:r.value)?null:"undefined"===o?void 0:"true"===o||"false"!==o&&(o[0]+o[o.length-1]==='""'||o[0]+o[o.length-1]==="''"?o.slice(1,-1):"number"==typeof Number(o)&&!isNaN(Number(o))||"NaN"===o?Number(o):o);n("valueChange",a,e.node.path)},g=(0,u.computed)((function(){var t,n=null===(t=e.node)||void 0===t?void 0:t.content;return null===n?n="null":void 0===n&&(n="undefined"),"string"===r.value?'"'.concat(n,'"'):n+""})),m=function(){var t=e.renderNodeValue;return t?t({node:e.node,defaultValue:g.value}):g.value},b=function(){n("bracketsClick",!e.collapsed,e.node)},N=function(){n("iconClick",!e.collapsed,e.node)},C=function(){n("selectedChange",e.node)},j=function(){n("nodeClick",e.node),f.value&&e.selectOnClickNode&&n("selectedChange",e.node)},S=function(){n("nodeMouseover",e.node)},O=function(t){if(e.editable&&!p.editing){p.editing=!0;var n=function e(n){var r;n.target!==t.target&&(null===(r=n.target)||void 0===r?void 0:r.parentElement)!==t.target&&(p.editing=!1,document.removeEventListener("click",e))};document.removeEventListener("click",n),document.addEventListener("click",n)}},x=function(){var e=(0,u.ref)(!1),t=function(){var t,n=(t=k().mark((function t(n){return k().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,navigator.clipboard.writeText(n);case 3:e.value=!0,setTimeout((function(){e.value=!1}),300),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("[vue-json-pretty] Copy failed: ",t.t0);case 10:case"end":return t.stop()}}),t,null,[[0,7]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(e){w(a,r,o,i,c,"next",e)}function c(e){w(a,r,o,i,c,"throw",e)}i(void 0)}))});return function(e){return n.apply(this,arguments)}}();return{copy:t}}().copy,V=function(){var t=e.node,n=t.key,r=t.path,o=e.rootPath,a=new Function("data","return data".concat(r.slice(o.length)))(e.data),i=JSON.stringify(n?l({},n,a):a,null,2);x(i)},L=function(){var t=e.renderNodeActions;if(!t)return null;var n={copy:V};return"function"==typeof t?t({node:e.node,defaultActions:n}):(0,u.createVNode)("span",{onClick:V,class:"vjs-tree-node-actions-item"},[(0,u.createTextVNode)("copy")])};return function(){var t,n=e.node;return(0,u.createVNode)("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked,dark:"dark"===e.theme},onClick:j,onMouseover:S,style:e.style},[e.showLineNumber&&(0,u.createVNode)("span",{class:"vjs-node-index"},[n.id+1]),e.showSelectController&&f.value&&"objectEnd"!==n.type&&"arrayEnd"!==n.type&&(0,u.createVNode)(d,{isMultiple:i.value,checked:e.checked,onChange:C},null),(0,u.createVNode)("div",{class:"vjs-indent"},[Array.from(Array(n.level)).map((function(t,n){return(0,u.createVNode)("div",{key:n,class:{"vjs-indent-unit":!0,"has-line":e.showLine}},[Array.from(Array(e.indent)).map((function(){return(0,u.createVNode)(u.Fragment,null,[(0,u.createTextVNode)(" ")])}))])})),e.showIcon&&(0,u.createVNode)(h,{nodeType:n.type,onClick:N},null)]),n.key&&(0,u.createVNode)("span",{class:"vjs-key"},[(t=e.renderNodeKey,t?t({node:e.node,defaultKey:a.value||""}):a.value),(0,u.createVNode)("span",{class:"vjs-colon"},[":".concat(e.showKeyValueSpace?" ":"")])]),(0,u.createVNode)("span",null,["content"!==n.type&&n.content?(0,u.createVNode)(s,{data:n.content.toString(),onClick:b},null):(0,u.createVNode)("span",{class:o.value,onClick:!e.editable||e.editableTrigger&&"click"!==e.editableTrigger?void 0:O,onDblclick:e.editable&&"dblclick"===e.editableTrigger?O:void 0},[e.editable&&p.editing?(0,u.createVNode)("input",{value:g.value,onChange:y,style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"}},null):m()]),n.showComma&&(0,u.createVNode)("span",null,[","]),e.showLength&&e.collapsed&&(0,u.createVNode)("span",{class:"vjs-comment"},[(0,u.createTextVNode)(" // "),n.length,(0,u.createTextVNode)(" items ")])]),e.renderNodeActions&&(0,u.createVNode)("span",{class:"vjs-tree-node-actions"},[L()])])}}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const L=(0,u.defineComponent)({name:"Tree",props:V(V({},S),{},{collapsedNodeLength:{type:Number,default:1/0},deep:{type:Number,default:1/0},pathCollapsible:{type:Function,default:function(){return!1}},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},selectedValue:{type:[String,Array],default:function(){return""}},collapsedOnClickBrackets:{type:Boolean,default:!0},style:Object,onSelectedChange:{type:Function},theme:{type:String,default:"light"}}),slots:["renderNodeKey","renderNodeValue","renderNodeActions"],emits:["nodeClick","nodeMouseover","bracketsClick","iconClick","selectedChange","update:selectedValue","update:data"],setup:function(e,t){var n=t.emit,r=t.slots,o=(0,u.ref)(),a=(0,u.computed)((function(){return g(e.data,e.rootPath)})),s=function(t,n){return a.value.reduce((function(r,o){var a,i=o.level>=t||o.length>=n,c=null===(a=e.pathCollapsible)||void 0===a?void 0:a.call(e,o);return"objectStart"!==o.type&&"arrayStart"!==o.type||!i&&!c?r:V(V({},r),{},l({},o.path,1))}),{})},d=(0,u.reactive)({translateY:0,visibleData:null,hiddenPaths:s(e.deep,e.collapsedNodeLength)}),h=(0,u.computed)((function(){for(var e=null,t=[],n=a.value.length,r=0;r<n;r++){var o=V(V({},a.value[r]),{},{id:r}),i=d.hiddenPaths[o.path];if(e&&e.path===o.path){var c="objectStart"===e.type,l=V(V(V({},o),e),{},{showComma:o.showComma,content:c?"{...}":"[...]",type:c?"objectCollapsed":"arrayCollapsed"});e=null,t.push(l)}else{if(i&&!e){e=o;continue}if(e)continue;t.push(o)}}return t})),f=(0,u.computed)((function(){var t=e.selectedValue;return t&&"multiple"===e.selectableType&&Array.isArray(t)?t:[t]})),p=(0,u.computed)((function(){return!e.selectableType||e.selectOnClickNode||e.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."})),y=function(){var t=h.value;if(e.virtual){var n,r=e.height/e.itemHeight,a=(null===(n=o.value)||void 0===n?void 0:n.scrollTop)||0,i=Math.floor(a/e.itemHeight),c=i<0?0:i+r>t.length?t.length-r:i;c<0&&(c=0);var l=c+r;d.translateY=c*e.itemHeight,d.visibleData=t.filter((function(e,t){return t>=c&&t<l}))}else d.visibleData=t},v=function(){y()},m=function(t){var r,o,a=t.path,l=e.selectableType;if("multiple"===l){var u=f.value.findIndex((function(e){return e===a})),s=c(f.value);-1!==u?s.splice(u,1):s.push(a),n("update:selectedValue",s),n("selectedChange",s,c(f.value))}else if("single"===l&&f.value[0]!==a){var d=(r=f.value,o=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(r,o)||i(r,o)||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.")}())[0],h=a;n("update:selectedValue",h),n("selectedChange",h,d)}},w=function(e){n("nodeClick",e)},N=function(e){n("nodeMouseover",e)},k=function(e,t){if(e)d.hiddenPaths=V(V({},d.hiddenPaths),{},l({},t,1));else{var n=V({},d.hiddenPaths);delete n[t],d.hiddenPaths=n}},C=function(t,r){e.collapsedOnClickBrackets&&k(t,r.path),n("bracketsClick",t,r)},j=function(e,t){k(e,t.path),n("iconClick",e,t)},S=function(t,r){var o=b(e.data),a=e.rootPath;new Function("data","val","data".concat(r.slice(a.length),"=val"))(o,t),n("update:data",o)};return(0,u.watchEffect)((function(){p.value&&function(e){throw new Error("[VueJSONPretty] ".concat(e))}(p.value)})),(0,u.watchEffect)((function(){h.value&&y()})),(0,u.watch)((function(){return e.deep}),(function(t){t&&(d.hiddenPaths=s(t,e.collapsedNodeLength))})),(0,u.watch)((function(){return e.collapsedNodeLength}),(function(t){t&&(d.hiddenPaths=s(e.deep,t))})),function(){var t,n,i,c,l=null!==(t=e.renderNodeKey)&&void 0!==t?t:r.renderNodeKey,s=null!==(n=e.renderNodeValue)&&void 0!==n?n:r.renderNodeValue,p=null!==(i=null!==(c=e.renderNodeActions)&&void 0!==c?c:r.renderNodeActions)&&void 0!==i&&i,y=d.visibleData&&d.visibleData.map((function(t){return(0,u.createVNode)(O,{key:t.id,data:e.data,rootPath:e.rootPath,indent:e.indent,node:t,collapsed:!!d.hiddenPaths[t.path],theme:e.theme,showDoubleQuotes:e.showDoubleQuotes,showLength:e.showLength,checked:f.value.includes(t.path),selectableType:e.selectableType,showLine:e.showLine,showLineNumber:e.showLineNumber,showSelectController:e.showSelectController,selectOnClickNode:e.selectOnClickNode,nodeSelectable:e.nodeSelectable,highlightSelectedNode:e.highlightSelectedNode,editable:e.editable,editableTrigger:e.editableTrigger,showIcon:e.showIcon,showKeyValueSpace:e.showKeyValueSpace,renderNodeKey:l,renderNodeValue:s,renderNodeActions:p,onNodeClick:w,onNodeMouseover:N,onBracketsClick:C,onIconClick:j,onSelectedChange:m,onValueChange:S,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:"".concat(e.itemHeight,"px")}:{}},null)}));return(0,u.createVNode)("div",{ref:o,class:{"vjs-tree":!0,"is-virtual":e.virtual,dark:"dark"===e.theme},onScroll:e.virtual?v:void 0,style:e.showLineNumber?V({paddingLeft:"".concat(12*Number(a.value.length.toString().length),"px")},e.style):e.style},[e.virtual?(0,u.createVNode)("div",{class:"vjs-tree-list",style:{height:"".concat(e.height,"px")}},[(0,u.createVNode)("div",{class:"vjs-tree-list-holder",style:{height:"".concat(h.value.length*e.itemHeight,"px")}},[(0,u.createVNode)("div",{class:"vjs-tree-list-holder-inner",style:{transform:"translateY(".concat(d.translateY,"px)")}},[y])])]):y])}}});var P=o.A;export{P as default};

lib/vue-json-pretty.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueJsonPretty=t(require("vue")):e.VueJsonPretty=t(e.Vue)}(this,(function(e){return function(){"use strict";var t={258:function(t){t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){function e(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}function t(t,n){if(t){if("string"==typeof t)return e(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?e(t,n):void 0}}function n(n){return function(t){if(Array.isArray(t))return e(t)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||t(n)||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.")}()}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}o.r(r),o.d(r,{default:function(){return k}});var a=o(258),c=(0,a.defineComponent)({props:{data:{required:!0,type:String},onClick:Function},render:function(){var e=this.data,t=this.onClick;return(0,a.createVNode)("span",{class:"vjs-tree-brackets",onClick:t},[e])}}),i=(0,a.defineComponent)({emits:["change","update:modelValue"],props:{checked:{type:Boolean,default:!1},isMultiple:Boolean,onChange:Function},setup:function(e,t){var n=t.emit;return{uiType:(0,a.computed)((function(){return e.isMultiple?"checkbox":"radio"})),model:(0,a.computed)({get:function(){return e.checked},set:function(e){return n("update:modelValue",e)}})}},render:function(){var e=this.uiType,t=this.model,n=this.$emit;return(0,a.createVNode)("label",{class:["vjs-check-controller",t?"is-checked":""],onClick:function(e){return e.stopPropagation()}},[(0,a.createVNode)("span",{class:"vjs-check-controller-inner is-".concat(e)},null),(0,a.createVNode)("input",{checked:t,class:"vjs-check-controller-original is-".concat(e),type:e,onChange:function(){return n("change",t)}},null)])}}),u=(0,a.defineComponent)({props:{nodeType:{required:!0,type:String},onClick:Function},render:function(){var e=this.nodeType,t=this.onClick,n="objectStart"===e||"arrayStart"===e;return n||"objectCollapsed"===e||"arrayCollapsed"===e?(0,a.createVNode)("span",{class:"vjs-carets vjs-carets-".concat(n?"open":"close"),onClick:t},[(0,a.createVNode)("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},[(0,a.createVNode)("path",{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"},null)])]):null}});function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function s(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()}function p(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?arguments[3]:void 0,r=o||{},l=r.key,a=r.index,c=r.type,i=void 0===c?"content":c,u=r.showComma,d=void 0!==u&&u,f=r.length,y=void 0===f?1:f,v=s(e);if("array"===v){var g=h(e.map((function(e,o,r){return p(e,"".concat(t,"[").concat(o,"]"),n+1,{index:o,showComma:o!==r.length-1,length:y,type:i})})));return[p("[",t,n,{showComma:!1,key:l,length:e.length,type:"arrayStart"})[0]].concat(g,p("]",t,n,{showComma:d,length:e.length,type:"arrayEnd"})[0])}if("object"===v){var b=Object.keys(e),m=h(b.map((function(o,r,l){return p(e[o],/^[a-zA-Z_]\w*$/.test(o)?"".concat(t,".").concat(o):"".concat(t,'["').concat(o,'"]'),n+1,{key:o,showComma:r!==l.length-1,length:y,type:i})})));return[p("{",t,n,{showComma:!1,key:l,index:a,length:b.length,type:"objectStart"})[0]].concat(m,p("}",t,n,{showComma:d,length:b.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:l,index:a,path:t,showComma:d,length:y,type:i}]}function h(e){if("function"==typeof Array.prototype.flat)return e.flat();for(var t=n(e),o=[];t.length;){var r=t.shift();Array.isArray(r)?t.unshift.apply(t,n(r)):o.push(r)}return o}function f(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"!==d(e))return e;if(t.get(e))return t.get(e);if(Array.isArray(e)){var n=e.map((function(e){return f(e,t)}));return t.set(e,n),n}var o={};for(var r in e)o[r]=f(e[r],t);return t.set(e,o),o}function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g={showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},renderNodeKey:Function,renderNodeValue:Function,selectableType:String,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},theme:{type:String,default:"light"},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"},onNodeClick:{type:Function},onBracketsClick:{type:Function},onIconClick:{type:Function},onValueChange:{type:Function}},b=(0,a.defineComponent)({name:"TreeNode",props:v(v({},g),{},{node:{type:Object,required:!0},collapsed:Boolean,checked:Boolean,style:Object,onSelectedChange:{type:Function}}),emits:["nodeClick","bracketsClick","iconClick","selectedChange","valueChange"],setup:function(e,t){var n=t.emit,o=(0,a.computed)((function(){return s(e.node.content)})),r=(0,a.computed)((function(){return"vjs-value vjs-value-".concat(o.value)})),l=(0,a.computed)((function(){return e.showDoubleQuotes?'"'.concat(e.node.key,'"'):e.node.key})),d=(0,a.computed)((function(){return"multiple"===e.selectableType})),p=(0,a.computed)((function(){return"single"===e.selectableType})),h=(0,a.computed)((function(){return e.nodeSelectable(e.node)&&(d.value||p.value)})),f=(0,a.reactive)({editing:!1}),y=function(t){var o,r,l="null"===(r=null===(o=t.target)||void 0===o?void 0:o.value)?null:"undefined"===r?void 0:"true"===r||"false"!==r&&(r[0]+r[r.length-1]==='""'||r[0]+r[r.length-1]==="''"?r.slice(1,-1):"number"==typeof Number(r)&&!isNaN(Number(r))||"NaN"===r?Number(r):r);n("valueChange",l,e.node.path)},v=(0,a.computed)((function(){var t,n=null===(t=e.node)||void 0===t?void 0:t.content;return null===n?n="null":void 0===n&&(n="undefined"),"string"===o.value?'"'.concat(n,'"'):n+""})),g=function(){var t=e.renderNodeValue;return t?t({node:e.node,defaultValue:v.value}):v.value},b=function(){n("bracketsClick",!e.collapsed,e.node)},m=function(){n("iconClick",!e.collapsed,e.node)},C=function(){n("selectedChange",e.node)},k=function(){n("nodeClick",e.node),h.value&&e.selectOnClickNode&&n("selectedChange",e.node)},w=function(t){if(e.editable&&!f.editing){f.editing=!0;var n=function e(n){var o;n.target!==t.target&&(null===(o=n.target)||void 0===o?void 0:o.parentElement)!==t.target&&(f.editing=!1,document.removeEventListener("click",e))};document.removeEventListener("click",n),document.addEventListener("click",n)}};return function(){var t,n=e.node;return(0,a.createVNode)("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked,dark:"dark"===e.theme},onClick:k,style:e.style},[e.showLineNumber&&(0,a.createVNode)("span",{class:"vjs-node-index"},[n.id+1]),e.showSelectController&&h.value&&"objectEnd"!==n.type&&"arrayEnd"!==n.type&&(0,a.createVNode)(i,{isMultiple:d.value,checked:e.checked,onChange:C},null),(0,a.createVNode)("div",{class:"vjs-indent"},[Array.from(Array(n.level)).map((function(t,n){return(0,a.createVNode)("div",{key:n,class:{"vjs-indent-unit":!0,"has-line":e.showLine}},null)})),e.showIcon&&(0,a.createVNode)(u,{nodeType:n.type,onClick:m},null)]),n.key&&(0,a.createVNode)("span",{class:"vjs-key"},[(t=e.renderNodeKey,t?t({node:e.node,defaultKey:l.value||""}):l.value),(0,a.createVNode)("span",{class:"vjs-colon"},[":".concat(e.showKeyValueSpace?" ":"")])]),(0,a.createVNode)("span",null,["content"!==n.type&&n.content?(0,a.createVNode)(c,{data:n.content.toString(),onClick:b},null):(0,a.createVNode)("span",{class:r.value,onClick:!e.editable||e.editableTrigger&&"click"!==e.editableTrigger?void 0:w,onDblclick:e.editable&&"dblclick"===e.editableTrigger?w:void 0},[e.editable&&f.editing?(0,a.createVNode)("input",{value:v.value,onChange:y,style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"}},null):g()]),n.showComma&&(0,a.createVNode)("span",null,[","]),e.showLength&&e.collapsed&&(0,a.createVNode)("span",{class:"vjs-comment"},[(0,a.createTextVNode)(" // "),n.length,(0,a.createTextVNode)(" items ")])])])}}});function m(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?m(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=(0,a.defineComponent)({name:"Tree",props:C(C({},g),{},{data:{type:[String,Number,Boolean,Array,Object],default:null},collapsedNodeLength:{type:Number,default:1/0},deep:{type:Number,default:1/0},pathCollapsible:{type:Function,default:function(){return!1}},rootPath:{type:String,default:"root"},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},selectedValue:{type:[String,Array],default:function(){return""}},collapsedOnClickBrackets:{type:Boolean,default:!0},style:Object,onSelectedChange:{type:Function},theme:{type:String,default:"light"}}),slots:["renderNodeKey","renderNodeValue"],emits:["nodeClick","bracketsClick","iconClick","selectedChange","update:selectedValue","update:data"],setup:function(e,o){var r=o.emit,c=o.slots,i=(0,a.ref)(),u=(0,a.computed)((function(){return p(e.data,e.rootPath)})),d=function(t,n){return u.value.reduce((function(o,r){var a,c=r.level>=t||r.length>=n,i=null===(a=e.pathCollapsible)||void 0===a?void 0:a.call(e,r);return"objectStart"!==r.type&&"arrayStart"!==r.type||!c&&!i?o:C(C({},o),{},l({},r.path,1))}),{})},s=(0,a.reactive)({translateY:0,visibleData:null,hiddenPaths:d(e.deep,e.collapsedNodeLength)}),h=(0,a.computed)((function(){for(var e=null,t=[],n=u.value.length,o=0;o<n;o++){var r=C(C({},u.value[o]),{},{id:o}),l=s.hiddenPaths[r.path];if(e&&e.path===r.path){var a="objectStart"===e.type,c=C(C(C({},r),e),{},{showComma:r.showComma,content:a?"{...}":"[...]",type:a?"objectCollapsed":"arrayCollapsed"});e=null,t.push(c)}else{if(l&&!e){e=r;continue}if(e)continue;t.push(r)}}return t})),y=(0,a.computed)((function(){var t=e.selectedValue;return t&&"multiple"===e.selectableType&&Array.isArray(t)?t:[t]})),v=(0,a.computed)((function(){return!e.selectableType||e.selectOnClickNode||e.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."})),g=function(){var t=h.value;if(e.virtual){var n,o=e.height/e.itemHeight,r=(null===(n=i.value)||void 0===n?void 0:n.scrollTop)||0,l=Math.floor(r/e.itemHeight),a=l<0?0:l+o>t.length?t.length-o:l;a<0&&(a=0);var c=a+o;s.translateY=a*e.itemHeight,s.visibleData=t.filter((function(e,t){return t>=a&&t<c}))}else s.visibleData=t},m=function(){g()},k=function(o){var l,a,c=o.path,i=e.selectableType;if("multiple"===i){var u=y.value.findIndex((function(e){return e===c})),d=n(y.value);-1!==u?d.splice(u,1):d.push(c),r("update:selectedValue",d),r("selectedChange",d,n(y.value))}else if("single"===i&&y.value[0]!==c){var s=(l=y.value,a=1,function(e){if(Array.isArray(e))return e}(l)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(l.push(o.value),!t||l.length!==t);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw r}}return l}}(l,a)||t(l,a)||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.")}())[0],p=c;r("update:selectedValue",p),r("selectedChange",p,s)}},w=function(e){r("nodeClick",e)},N=function(e,t){if(e)s.hiddenPaths=C(C({},s.hiddenPaths),{},l({},t,1));else{var n=C({},s.hiddenPaths);delete n[t],s.hiddenPaths=n}},j=function(t,n){e.collapsedOnClickBrackets&&N(t,n.path),r("bracketsClick",t,n)},S=function(e,t){N(e,t.path),r("iconClick",e,t)},O=function(t,n){var o=f(e.data),l=e.rootPath;new Function("data","val","data".concat(n.slice(l.length),"=val"))(o,t),r("update:data",o)};return(0,a.watchEffect)((function(){v.value&&function(e){throw new Error("[VueJSONPretty] ".concat(e))}(v.value)})),(0,a.watchEffect)((function(){h.value&&g()})),(0,a.watch)((function(){return e.deep}),(function(t){t&&(s.hiddenPaths=d(t,e.collapsedNodeLength))})),(0,a.watch)((function(){return e.collapsedNodeLength}),(function(t){t&&(s.hiddenPaths=d(e.deep,t))})),function(){var t,n,o=null!==(t=e.renderNodeKey)&&void 0!==t?t:c.renderNodeKey,r=null!==(n=e.renderNodeValue)&&void 0!==n?n:c.renderNodeValue,l=s.visibleData&&s.visibleData.map((function(t){return(0,a.createVNode)(b,{key:t.id,node:t,collapsed:!!s.hiddenPaths[t.path],theme:e.theme,showDoubleQuotes:e.showDoubleQuotes,showLength:e.showLength,checked:y.value.includes(t.path),selectableType:e.selectableType,showLine:e.showLine,showLineNumber:e.showLineNumber,showSelectController:e.showSelectController,selectOnClickNode:e.selectOnClickNode,nodeSelectable:e.nodeSelectable,highlightSelectedNode:e.highlightSelectedNode,editable:e.editable,editableTrigger:e.editableTrigger,showIcon:e.showIcon,showKeyValueSpace:e.showKeyValueSpace,renderNodeKey:o,renderNodeValue:r,onNodeClick:w,onBracketsClick:j,onIconClick:S,onSelectedChange:k,onValueChange:O,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:"".concat(e.itemHeight,"px")}:{}},null)}));return(0,a.createVNode)("div",{ref:i,class:{"vjs-tree":!0,"is-virtual":e.virtual,dark:"dark"===e.theme},onScroll:e.virtual?m:void 0,style:e.showLineNumber?C({paddingLeft:"".concat(12*Number(u.value.length.toString().length),"px")},e.style):e.style},[e.virtual?(0,a.createVNode)("div",{class:"vjs-tree-list",style:{height:"".concat(e.height,"px")}},[(0,a.createVNode)("div",{class:"vjs-tree-list-holder",style:{height:"".concat(h.value.length*e.itemHeight,"px")}},[(0,a.createVNode)("div",{class:"vjs-tree-list-holder-inner",style:{transform:"translateY(".concat(s.translateY,"px)")}},[l])])]):l])}}})}(),r}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.VueJsonPretty=t(require("vue")):e.VueJsonPretty=t(e.Vue)}(this,(function(e){return function(){var t={207:function(e,t,n){e.exports=n(452)},452:function(e){var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof v?t:v,a=Object.create(o.prototype),i=new V(r||[]);return a._invoke=function(e,t,n){var r=d;return function(o,a){if(r===f)throw new Error("Generator is already running");if(r===p){if("throw"===o)throw a;return P()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var c=S(i,n);if(c){if(c===y)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=p,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=f;var l=s(e,t,n);if("normal"===l.type){if(r=n.done?p:h,l.arg===y)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=p,n.method="throw",n.arg=l.arg)}}}(e,n,i),a}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var d="suspendedStart",h="suspendedYield",f="executing",p="completed",y={};function v(){}function g(){}function m(){}var b={};l(b,a,(function(){return this}));var w=Object.getPrototypeOf,N=w&&w(w(L([])));N&&N!==n&&r.call(N,a)&&(b=N);var k=m.prototype=v.prototype=Object.create(b);function C(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function n(o,a,i,c){var l=s(e[o],e,a);if("throw"!==l.type){var u=l.arg,d=u.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,c)}),(function(e){n("throw",e,i,c)})):t.resolve(d).then((function(e){u.value=e,i(u)}),(function(e){return n("throw",e,i,c)}))}c(l.arg)}var o;this._invoke=function(e,r){function a(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(a,a):a()}}function S(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,S(e,n),"throw"===n.method))return y;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=s(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,y;var a=o.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,y):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,y)}function O(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function x(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function L(e){if(e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:P}}function P(){return{value:t,done:!0}}return g.prototype=m,l(k,"constructor",m),l(m,"constructor",g),g.displayName=l(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,l(e,c,"GeneratorFunction")),e.prototype=Object.create(k),e},e.awrap=function(e){return{__await:e}},C(j.prototype),l(j.prototype,i,(function(){return this})),e.AsyncIterator=j,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new j(u(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},C(k),l(k,c,"Generator"),l(k,a,(function(){return this})),l(k,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=L,V.prototype={constructor:V,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(x),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return c.type="throw",c.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(l&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,y):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),y},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),x(n),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:L(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),y}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},138:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function t(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?e(t,n):void 0}}function n(n){return function(t){if(Array.isArray(t))return e(t)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||t(n)||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.")}()}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}r.r(o),r.d(o,{default:function(){return j}});var i=r(138),c=(0,i.defineComponent)({props:{data:{required:!0,type:String},onClick:Function},render:function(){var e=this.data,t=this.onClick;return(0,i.createVNode)("span",{class:"vjs-tree-brackets",onClick:t},[e])}}),l=(0,i.defineComponent)({emits:["change","update:modelValue"],props:{checked:{type:Boolean,default:!1},isMultiple:Boolean,onChange:Function},setup:function(e,t){var n=t.emit;return{uiType:(0,i.computed)((function(){return e.isMultiple?"checkbox":"radio"})),model:(0,i.computed)({get:function(){return e.checked},set:function(e){return n("update:modelValue",e)}})}},render:function(){var e=this.uiType,t=this.model,n=this.$emit;return(0,i.createVNode)("label",{class:["vjs-check-controller",t?"is-checked":""],onClick:function(e){return e.stopPropagation()}},[(0,i.createVNode)("span",{class:"vjs-check-controller-inner is-".concat(e)},null),(0,i.createVNode)("input",{checked:t,class:"vjs-check-controller-original is-".concat(e),type:e,onChange:function(){return n("change",t)}},null)])}}),u=(0,i.defineComponent)({props:{nodeType:{required:!0,type:String},onClick:Function},render:function(){var e=this.nodeType,t=this.onClick,n="objectStart"===e||"arrayStart"===e;return n||"objectCollapsed"===e||"arrayCollapsed"===e?(0,i.createVNode)("span",{class:"vjs-carets vjs-carets-".concat(n?"open":"close"),onClick:t},[(0,i.createVNode)("svg",{viewBox:"0 0 1024 1024",focusable:"false","data-icon":"caret-down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},[(0,i.createVNode)("path",{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"},null)])]):null}});function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function d(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()}function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"root",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=(arguments.length>3?arguments[3]:void 0)||{},o=r.key,a=r.index,i=r.type,c=void 0===i?"content":i,l=r.showComma,u=void 0!==l&&l,s=r.length,p=void 0===s?1:s,y=d(e);if("array"===y){var v=f(e.map((function(e,r,o){return h(e,"".concat(t,"[").concat(r,"]"),n+1,{index:r,showComma:r!==o.length-1,length:p,type:c})})));return[h("[",t,n,{showComma:!1,key:o,length:e.length,type:"arrayStart"})[0]].concat(v,h("]",t,n,{showComma:u,length:e.length,type:"arrayEnd"})[0])}if("object"===y){var g=Object.keys(e),m=f(g.map((function(r,o,a){return h(e[r],/^[a-zA-Z_]\w*$/.test(r)?"".concat(t,".").concat(r):"".concat(t,'["').concat(r,'"]'),n+1,{key:r,showComma:o!==a.length-1,length:p,type:c})})));return[h("{",t,n,{showComma:!1,key:o,index:a,length:g.length,type:"objectStart"})[0]].concat(m,h("}",t,n,{showComma:u,length:g.length,type:"objectEnd"})[0])}return[{content:e,level:n,key:o,index:a,path:t,showComma:u,length:p,type:c}]}function f(e){if("function"==typeof Array.prototype.flat)return e.flat();for(var t=n(e),r=[];t.length;){var o=t.shift();Array.isArray(o)?t.unshift.apply(t,n(o)):r.push(o)}return r}function p(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"!==s(e))return e;if(t.get(e))return t.get(e);if(Array.isArray(e)){var n=e.map((function(e){return p(e,t)}));return t.set(e,n),n}var r={};for(var o in e)r[o]=p(e[o],t);return t.set(e,r),r}function y(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}var v=r(207),g=r.n(v);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w={data:{type:[String,Number,Boolean,Array,Object],default:null},rootPath:{type:String,default:"root"},indent:{type:Number,default:2},showLength:{type:Boolean,default:!1},showDoubleQuotes:{type:Boolean,default:!0},renderNodeKey:Function,renderNodeValue:Function,renderNodeActions:{type:[Boolean,Function],default:void 0},selectableType:String,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},theme:{type:String,default:"light"},showKeyValueSpace:{type:Boolean,default:!0},editable:{type:Boolean,default:!1},editableTrigger:{type:String,default:"click"},onNodeClick:{type:Function},onNodeMouseover:{type:Function},onBracketsClick:{type:Function},onIconClick:{type:Function},onValueChange:{type:Function}},N=(0,i.defineComponent)({name:"TreeNode",props:b(b({},w),{},{node:{type:Object,required:!0},collapsed:Boolean,checked:Boolean,style:Object,onSelectedChange:{type:Function}}),emits:["nodeClick","nodeMouseover","bracketsClick","iconClick","selectedChange","valueChange"],setup:function(e,t){var n=t.emit,r=(0,i.computed)((function(){return d(e.node.content)})),o=(0,i.computed)((function(){return"vjs-value vjs-value-".concat(r.value)})),s=(0,i.computed)((function(){return e.showDoubleQuotes?'"'.concat(e.node.key,'"'):e.node.key})),h=(0,i.computed)((function(){return"multiple"===e.selectableType})),f=(0,i.computed)((function(){return"single"===e.selectableType})),p=(0,i.computed)((function(){return e.nodeSelectable(e.node)&&(h.value||f.value)})),v=(0,i.reactive)({editing:!1}),m=function(t){var r,o,a="null"===(o=null===(r=t.target)||void 0===r?void 0:r.value)?null:"undefined"===o?void 0:"true"===o||"false"!==o&&(o[0]+o[o.length-1]==='""'||o[0]+o[o.length-1]==="''"?o.slice(1,-1):"number"==typeof Number(o)&&!isNaN(Number(o))||"NaN"===o?Number(o):o);n("valueChange",a,e.node.path)},b=(0,i.computed)((function(){var t,n=null===(t=e.node)||void 0===t?void 0:t.content;return null===n?n="null":void 0===n&&(n="undefined"),"string"===r.value?'"'.concat(n,'"'):n+""})),w=function(){var t=e.renderNodeValue;return t?t({node:e.node,defaultValue:b.value}):b.value},N=function(){n("bracketsClick",!e.collapsed,e.node)},k=function(){n("iconClick",!e.collapsed,e.node)},C=function(){n("selectedChange",e.node)},j=function(){n("nodeClick",e.node),p.value&&e.selectOnClickNode&&n("selectedChange",e.node)},S=function(){n("nodeMouseover",e.node)},O=function(t){if(e.editable&&!v.editing){v.editing=!0;var n=function e(n){var r;n.target!==t.target&&(null===(r=n.target)||void 0===r?void 0:r.parentElement)!==t.target&&(v.editing=!1,document.removeEventListener("click",e))};document.removeEventListener("click",n),document.addEventListener("click",n)}},x=function(){var e=(0,i.ref)(!1),t=function(){var t,n=(t=g().mark((function t(n){return g().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,navigator.clipboard.writeText(n);case 3:e.value=!0,setTimeout((function(){e.value=!1}),300),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("[vue-json-pretty] Copy failed: ",t.t0);case 10:case"end":return t.stop()}}),t,null,[[0,7]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(e){y(a,r,o,i,c,"next",e)}function c(e){y(a,r,o,i,c,"throw",e)}i(void 0)}))});return function(e){return n.apply(this,arguments)}}();return{copy:t}}().copy,V=function(){var t=e.node,n=t.key,r=t.path,o=e.rootPath,i=new Function("data","return data".concat(r.slice(o.length)))(e.data),c=JSON.stringify(n?a({},n,i):i,null,2);x(c)},L=function(){var t=e.renderNodeActions;if(!t)return null;var n={copy:V};return"function"==typeof t?t({node:e.node,defaultActions:n}):(0,i.createVNode)("span",{onClick:V,class:"vjs-tree-node-actions-item"},[(0,i.createTextVNode)("copy")])};return function(){var t,n=e.node;return(0,i.createVNode)("div",{class:{"vjs-tree-node":!0,"has-selector":e.showSelectController,"has-carets":e.showIcon,"is-highlight":e.highlightSelectedNode&&e.checked,dark:"dark"===e.theme},onClick:j,onMouseover:S,style:e.style},[e.showLineNumber&&(0,i.createVNode)("span",{class:"vjs-node-index"},[n.id+1]),e.showSelectController&&p.value&&"objectEnd"!==n.type&&"arrayEnd"!==n.type&&(0,i.createVNode)(l,{isMultiple:h.value,checked:e.checked,onChange:C},null),(0,i.createVNode)("div",{class:"vjs-indent"},[Array.from(Array(n.level)).map((function(t,n){return(0,i.createVNode)("div",{key:n,class:{"vjs-indent-unit":!0,"has-line":e.showLine}},[Array.from(Array(e.indent)).map((function(){return(0,i.createVNode)(i.Fragment,null,[(0,i.createTextVNode)(" ")])}))])})),e.showIcon&&(0,i.createVNode)(u,{nodeType:n.type,onClick:k},null)]),n.key&&(0,i.createVNode)("span",{class:"vjs-key"},[(t=e.renderNodeKey,t?t({node:e.node,defaultKey:s.value||""}):s.value),(0,i.createVNode)("span",{class:"vjs-colon"},[":".concat(e.showKeyValueSpace?" ":"")])]),(0,i.createVNode)("span",null,["content"!==n.type&&n.content?(0,i.createVNode)(c,{data:n.content.toString(),onClick:N},null):(0,i.createVNode)("span",{class:o.value,onClick:!e.editable||e.editableTrigger&&"click"!==e.editableTrigger?void 0:O,onDblclick:e.editable&&"dblclick"===e.editableTrigger?O:void 0},[e.editable&&v.editing?(0,i.createVNode)("input",{value:b.value,onChange:m,style:{padding:"3px 8px",border:"1px solid #eee",boxShadow:"none",boxSizing:"border-box",borderRadius:5,fontFamily:"inherit"}},null):w()]),n.showComma&&(0,i.createVNode)("span",null,[","]),e.showLength&&e.collapsed&&(0,i.createVNode)("span",{class:"vjs-comment"},[(0,i.createTextVNode)(" // "),n.length,(0,i.createTextVNode)(" items ")])]),e.renderNodeActions&&(0,i.createVNode)("span",{class:"vjs-tree-node-actions"},[L()])])}}});function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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){a(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 j=(0,i.defineComponent)({name:"Tree",props:C(C({},w),{},{collapsedNodeLength:{type:Number,default:1/0},deep:{type:Number,default:1/0},pathCollapsible:{type:Function,default:function(){return!1}},virtual:{type:Boolean,default:!1},height:{type:Number,default:400},itemHeight:{type:Number,default:20},selectedValue:{type:[String,Array],default:function(){return""}},collapsedOnClickBrackets:{type:Boolean,default:!0},style:Object,onSelectedChange:{type:Function},theme:{type:String,default:"light"}}),slots:["renderNodeKey","renderNodeValue","renderNodeActions"],emits:["nodeClick","nodeMouseover","bracketsClick","iconClick","selectedChange","update:selectedValue","update:data"],setup:function(e,r){var o=r.emit,c=r.slots,l=(0,i.ref)(),u=(0,i.computed)((function(){return h(e.data,e.rootPath)})),s=function(t,n){return u.value.reduce((function(r,o){var i,c=o.level>=t||o.length>=n,l=null===(i=e.pathCollapsible)||void 0===i?void 0:i.call(e,o);return"objectStart"!==o.type&&"arrayStart"!==o.type||!c&&!l?r:C(C({},r),{},a({},o.path,1))}),{})},d=(0,i.reactive)({translateY:0,visibleData:null,hiddenPaths:s(e.deep,e.collapsedNodeLength)}),f=(0,i.computed)((function(){for(var e=null,t=[],n=u.value.length,r=0;r<n;r++){var o=C(C({},u.value[r]),{},{id:r}),a=d.hiddenPaths[o.path];if(e&&e.path===o.path){var i="objectStart"===e.type,c=C(C(C({},o),e),{},{showComma:o.showComma,content:i?"{...}":"[...]",type:i?"objectCollapsed":"arrayCollapsed"});e=null,t.push(c)}else{if(a&&!e){e=o;continue}if(e)continue;t.push(o)}}return t})),y=(0,i.computed)((function(){var t=e.selectedValue;return t&&"multiple"===e.selectableType&&Array.isArray(t)?t:[t]})),v=(0,i.computed)((function(){return!e.selectableType||e.selectOnClickNode||e.showSelectController?"":"When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail."})),g=function(){var t=f.value;if(e.virtual){var n,r=e.height/e.itemHeight,o=(null===(n=l.value)||void 0===n?void 0:n.scrollTop)||0,a=Math.floor(o/e.itemHeight),i=a<0?0:a+r>t.length?t.length-r:a;i<0&&(i=0);var c=i+r;d.translateY=i*e.itemHeight,d.visibleData=t.filter((function(e,t){return t>=i&&t<c}))}else d.visibleData=t},m=function(){g()},b=function(r){var a,i,c=r.path,l=e.selectableType;if("multiple"===l){var u=y.value.findIndex((function(e){return e===c})),s=n(y.value);-1!==u?s.splice(u,1):s.push(c),o("update:selectedValue",s),o("selectedChange",s,n(y.value))}else if("single"===l&&y.value[0]!==c){var d=(a=y.value,i=1,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(a,i)||t(a,i)||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.")}())[0],h=c;o("update:selectedValue",h),o("selectedChange",h,d)}},w=function(e){o("nodeClick",e)},k=function(e){o("nodeMouseover",e)},j=function(e,t){if(e)d.hiddenPaths=C(C({},d.hiddenPaths),{},a({},t,1));else{var n=C({},d.hiddenPaths);delete n[t],d.hiddenPaths=n}},S=function(t,n){e.collapsedOnClickBrackets&&j(t,n.path),o("bracketsClick",t,n)},O=function(e,t){j(e,t.path),o("iconClick",e,t)},x=function(t,n){var r=p(e.data),a=e.rootPath;new Function("data","val","data".concat(n.slice(a.length),"=val"))(r,t),o("update:data",r)};return(0,i.watchEffect)((function(){v.value&&function(e){throw new Error("[VueJSONPretty] ".concat(e))}(v.value)})),(0,i.watchEffect)((function(){f.value&&g()})),(0,i.watch)((function(){return e.deep}),(function(t){t&&(d.hiddenPaths=s(t,e.collapsedNodeLength))})),(0,i.watch)((function(){return e.collapsedNodeLength}),(function(t){t&&(d.hiddenPaths=s(e.deep,t))})),function(){var t,n,r,o,a=null!==(t=e.renderNodeKey)&&void 0!==t?t:c.renderNodeKey,s=null!==(n=e.renderNodeValue)&&void 0!==n?n:c.renderNodeValue,h=null!==(r=null!==(o=e.renderNodeActions)&&void 0!==o?o:c.renderNodeActions)&&void 0!==r&&r,p=d.visibleData&&d.visibleData.map((function(t){return(0,i.createVNode)(N,{key:t.id,data:e.data,rootPath:e.rootPath,indent:e.indent,node:t,collapsed:!!d.hiddenPaths[t.path],theme:e.theme,showDoubleQuotes:e.showDoubleQuotes,showLength:e.showLength,checked:y.value.includes(t.path),selectableType:e.selectableType,showLine:e.showLine,showLineNumber:e.showLineNumber,showSelectController:e.showSelectController,selectOnClickNode:e.selectOnClickNode,nodeSelectable:e.nodeSelectable,highlightSelectedNode:e.highlightSelectedNode,editable:e.editable,editableTrigger:e.editableTrigger,showIcon:e.showIcon,showKeyValueSpace:e.showKeyValueSpace,renderNodeKey:a,renderNodeValue:s,renderNodeActions:h,onNodeClick:w,onNodeMouseover:k,onBracketsClick:S,onIconClick:O,onSelectedChange:b,onValueChange:x,style:e.itemHeight&&20!==e.itemHeight?{lineHeight:"".concat(e.itemHeight,"px")}:{}},null)}));return(0,i.createVNode)("div",{ref:l,class:{"vjs-tree":!0,"is-virtual":e.virtual,dark:"dark"===e.theme},onScroll:e.virtual?m:void 0,style:e.showLineNumber?C({paddingLeft:"".concat(12*Number(u.value.length.toString().length),"px")},e.style):e.style},[e.virtual?(0,i.createVNode)("div",{class:"vjs-tree-list",style:{height:"".concat(e.height,"px")}},[(0,i.createVNode)("div",{class:"vjs-tree-list-holder",style:{height:"".concat(f.value.length*e.itemHeight,"px")}},[(0,i.createVNode)("div",{class:"vjs-tree-list-holder-inner",style:{transform:"translateY(".concat(d.translateY,"px)")}},[p])])]):p])}}})}(),o}()}));

package.json

 {
   "name": "vue-json-pretty",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "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,28 +109,30 @@ <p align="center">
 
-| 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(v-model)   | Selected data path                                                                                                      | string, array                     | -       |
-| rootPath                 | Root data path                                                                                                          | string                            | `root`  |
-| nodeSelectable           | Defines whether a node supports selection                                                                               | (node) => boolean                 | -       |
-| 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    |
-| renderNodeKey            | render node key, or use slot #renderNodeKey                                                                             | ({ node, defaultKey }) => vNode   | -       |
-| renderNodeValue          | render node value, or use slot #renderNodeValue                                                                         | ({ node, defaultValue }) => vNode | -       |
-| editable                 | Support editable                                                                                                        | boolean                           | false   |
-| editableTrigger          | Trigger                                                                                                                 | `click` \| `dblclick`             | `click` |
-| theme                    | Sets the theme of the component. Options are 'light' or 'dark', with dark mode enhancing visibility on dark backgrounds | `'light' \| 'dark'`               | `light` |
+| Property                 | Description                                                                                                             | Type                                           | Default |
+| ------------------------ | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | ------- |
+| data(v-model)            | JSON data, support v-model when use editable                                                                            | JSON object                                    | -       |
+| indent                   | JSON indent                                                                                                             | number                                         | 2       |
+| 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(v-model)   | Selected data path                                                                                                      | string, array                                  | -       |
+| rootPath                 | Root data path                                                                                                          | string                                         | `root`  |
+| nodeSelectable           | Defines whether a node supports selection                                                                               | (node) => boolean                              | -       |
+| 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    |
+| renderNodeKey            | render node key, or use slot #renderNodeKey                                                                             | ({ node, defaultKey }) => vNode                | -       |
+| renderNodeValue          | render node value, or use slot #renderNodeValue                                                                         | ({ node, defaultValue }) => vNode              | -       |
+| renderNodeActions        | render node actions, or use slot #renderNodeActions                                                                     | boolean \| ({ node, defaultActions }) => vNode | false   |
+| editable                 | Support editable                                                                                                        | boolean                                        | false   |
+| editableTrigger          | Trigger                                                                                                                 | `click` \| `dblclick`                          | `click` |
+| theme                    | Sets the theme of the component. Options are 'light' or 'dark', with dark mode enhancing visibility on dark backgrounds | `'light' \| 'dark'`                            | `light` |
 
@@ -142,2 +144,3 @@ ## Events
 | nodeClick      | triggers when click node                 | (node: NodeData)                     |
+| nodeMouseover  | triggers when mouseover node             | (node: NodeData)                     |
 | bracketsClick  | triggers when click brackets             | (collapsed: boolean, node: NodeData) |
@@ -149,6 +152,7 @@ | iconClick      | triggers when click icon                 | (collapsed: boolean, node: NodeData) |
 
-| Slot Name       | Description       | Parameters             |
-| --------------- | ----------------- | ---------------------- |
-| renderNodeKey   | render node key   | { node, defaultKey }   |
-| renderNodeValue | render node value | { node, defaultValue } |
+| Slot Name         | Description         | Parameters                                     |
+| ----------------- | ------------------- | ---------------------------------------------- | ----- |
+| renderNodeKey     | render node key     | { node, defaultKey }                           |
+| renderNodeValue   | render node value   | { node, defaultValue }                         |
+| renderNodeActions | render node actions | boolean \| ({ node, defaultActions }) => vNode | false |
 
@@ -155,0 +159,0 @@ ## Contributors

README.zh_CN.md

@@ -13,28 +13,30 @@ 简体中文 | [English](./README.md)
 
-| 属性                     | 说明                                        | 类型                              | 默认值        |
-| ------------------------ | ------------------------------------------- | --------------------------------- | ------------- |
-| data(v-model)            | 源数据，注意不是 `JSON` 字符串              | `JSON` 数据对象                   | -             |
-| collapsedNodeLength      | 长度大于此阈值的对象或数组将被折叠          | number                            | Infinity      |
-| deep                     | 深度，大于该深度的节点将被折叠              | number                            | Infinity      |
-| showLength               | 在数据折叠的时候展示长度                    | boolean                           | false         |
-| showLine                 | 展示标识线                                  | boolean                           | true          |
-| showLineNumber           | 展示行计数                                  | boolean                           | false         |
-| showIcon                 | 展示图标                                    | boolean                           | false         |
-| showDoubleQuotes         | 展示 key 名的双引号                         | boolean                           | true          |
-| virtual                  | 使用虚拟滚动(大数据量)                      | boolean                           | false         |
-| height                   | 使用虚拟滚动时，定义总高度                  | number                            | 400           |
-| itemHeight               | 使用虚拟滚动时，定义节点高度                | number                            | 20            |
-| selectedValue(v-model)   | 双向绑定选中的数据路径                      | string, array                     | string, array |
-| rootPath                 | 定义最顶层数据路径                          | string                            | `root`        |
-| nodeSelectable           | 定义哪些数据节点可以被选择                  | function(node)                    | -             |
-| selectableType           | 定义选择功能，默认无                        | `multiple` \| `single`            | -             |
-| showSelectController     | 展示选择器                                  | boolean                           | false         |
-| selectOnClickNode        | 支持点击节点的时候触发选择                  | boolean                           | true          |
-| highlightSelectedNode    | 支持高亮已选择节点                          | boolean                           | true          |
-| collapsedOnClickBrackets | 支持点击括号折叠                            | boolean                           | true          |
-| renderNodeKey            | 渲染节点键，也可使用 #renderNodeKey         | ({ node, defaultKey }) => vNode   | -             |
-| renderNodeValue          | 自定义渲染节点值，也可使用 #renderNodeValue | ({ node, defaultValue }) => vNode | -             |
-| editable                 | 支持可编辑                                  | boolean                           | false         |
-| editableTrigger          | 触发编辑的时机                              | `click` \| `dblclick`             | `click`       |
-| theme                    | 主题色                                      | `'light' \| 'dark'`               | `light`       |
+| 属性                     | 说明                                            | 类型                                           | 默认值        |
+| ------------------------ | ----------------------------------------------- | ---------------------------------------------- | ------------- |
+| data(v-model)            | 源数据，注意不是 `JSON` 字符串                  | `JSON` 数据对象                                | -             |
+| indent                   | 缩进                                            | number                                         | 2             |
+| collapsedNodeLength      | 长度大于此阈值的对象或数组将被折叠              | number                                         | Infinity      |
+| deep                     | 深度，大于该深度的节点将被折叠                  | number                                         | Infinity      |
+| showLength               | 在数据折叠的时候展示长度                        | boolean                                        | false         |
+| showLine                 | 展示标识线                                      | boolean                                        | true          |
+| showLineNumber           | 展示行计数                                      | boolean                                        | false         |
+| showIcon                 | 展示图标                                        | boolean                                        | false         |
+| showDoubleQuotes         | 展示 key 名的双引号                             | boolean                                        | true          |
+| virtual                  | 使用虚拟滚动(大数据量)                          | boolean                                        | false         |
+| height                   | 使用虚拟滚动时，定义总高度                      | number                                         | 400           |
+| itemHeight               | 使用虚拟滚动时，定义节点高度                    | number                                         | 20            |
+| selectedValue(v-model)   | 双向绑定选中的数据路径                          | string, array                                  | string, array |
+| rootPath                 | 定义最顶层数据路径                              | string                                         | `root`        |
+| nodeSelectable           | 定义哪些数据节点可以被选择                      | function(node)                                 | -             |
+| selectableType           | 定义选择功能，默认无                            | `multiple` \| `single`                         | -             |
+| showSelectController     | 展示选择器                                      | boolean                                        | false         |
+| selectOnClickNode        | 支持点击节点的时候触发选择                      | boolean                                        | true          |
+| highlightSelectedNode    | 支持高亮已选择节点                              | boolean                                        | true          |
+| collapsedOnClickBrackets | 支持点击括号折叠                                | boolean                                        | true          |
+| renderNodeKey            | 渲染节点键，也可使用 #renderNodeKey             | ({ node, defaultKey }) => vNode                | -             |
+| renderNodeValue          | 自定义渲染节点值，也可使用 #renderNodeValue     | ({ node, defaultValue }) => vNode              | -             |
+| renderNodeActions        | 自定义渲染节点操作，也可使用 #renderNodeActions | boolean \| ({ node, defaultActions }) => vNode | false         |
+| editable                 | 支持可编辑                                      | boolean                                        | false         |
+| editableTrigger          | 触发编辑的时机                                  | `click` \| `dblclick`                          | `click`       |
+| theme                    | 主题色                                          | `'light' \| 'dark'`                            | `light`       |
 
@@ -46,2 +48,3 @@ ## Events
 | nodeClick      | 点击节点时触发       | (node: NodeData)                     |
+| nodeMouseover  | 悬浮节点时触发       | (node: NodeData)                     |
 | bracketsClick  | 点击括号时触发       | (collapsed: boolean, node: NodeData) |
@@ -53,5 +56,6 @@ | iconClick      | 点击图标时触发       | (collapsed: boolean, node: NodeData) |
 
-| 插槽名          | 描述       | 参数                   |
-| --------------- | ---------- | ---------------------- |
-| renderNodeKey   | 渲染节点键 | { node, defaultKey }   |
-| renderNodeValue | 渲染节点值 | { node, defaultValue } |
+| 插槽名            | 描述         | 参数                                           |
+| ----------------- | ------------ | ---------------------------------------------- | ----- |
+| renderNodeKey     | 渲染节点键   | { node, defaultKey }                           |
+| renderNodeValue   | 渲染节点值   | { node, defaultValue }                         |
+| renderNodeActions | 渲染节点操作 | boolean \| ({ node, defaultActions }) => vNode | false |

types/components/Tree/index.d.ts

 import { PropType, CSSProperties } from 'vue';
 import { NodeDataType } from '../../components/TreeNode';
-import { JSONDataType } from '../../utils';
 import './styles.less';
 declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: PropType<JSONDataType>;
-        default: null;
-    };
     collapsedNodeLength: {
@@ -22,6 +17,2 @@ type: NumberConstructor;
     };
-    rootPath: {
-        type: StringConstructor;
-        default: string;
-    };
     virtual: {
@@ -55,2 +46,14 @@ type: BooleanConstructor;
     };
+    data: {
+        type: PropType<import("../../utils").JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -72,2 +75,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: PropType<boolean | ((opt: {
+            node: NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: PropType<"" | "multiple" | "single">;
@@ -117,2 +129,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: PropType<(node: NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -127,7 +142,3 @@ type: PropType<(collapsed: boolean, node: NodeDataType) => void>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], "nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<JSONDataType>;
-        default: null;
-    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], "nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     collapsedNodeLength: {
@@ -145,6 +156,2 @@ type: NumberConstructor;
     };
-    rootPath: {
-        type: StringConstructor;
-        default: string;
-    };
     virtual: {
@@ -178,2 +185,14 @@ type: BooleanConstructor;
     };
+    data: {
+        type: PropType<import("../../utils").JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -195,2 +214,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: PropType<boolean | ((opt: {
+            node: NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: PropType<"" | "multiple" | "single">;
@@ -240,2 +268,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: PropType<(node: NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -252,2 +283,3 @@ type: PropType<(collapsed: boolean, node: NodeDataType) => void>;
     onNodeClick?: ((...args: any[]) => any) | undefined;
+    onNodeMouseover?: ((...args: any[]) => any) | undefined;
     onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -259,5 +291,13 @@ onIconClick?: ((...args: any[]) => any) | undefined;
 }, {
-    data: JSONDataType;
+    data: import("../../utils").JSONDataType;
+    rootPath: string;
+    indent: number;
     showLength: boolean;
     showDoubleQuotes: boolean;
+    renderNodeActions: boolean | ((opt: {
+        node: NodeDataType;
+        defaultActions: {
+            copy: () => void;
+        };
+    }) => unknown);
     showSelectController: boolean;
@@ -277,3 +317,2 @@ showLine: boolean;
     pathCollapsible: (node: NodeDataType) => boolean;
-    rootPath: string;
     virtual: boolean;
@@ -280,0 +319,0 @@ height: number;

types/components/TreeNode/index.d.ts

 import { PropType, CSSProperties } from 'vue';
-import { JSONFlattenReturnType } from '../../utils';
+import { JSONFlattenReturnType, JSONDataType } from '../../utils';
 import './styles.less';
@@ -8,2 +8,14 @@ export interface NodeDataType extends JSONFlattenReturnType {
 export declare const treeNodePropsPass: {
+    data: {
+        type: PropType<JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -25,2 +37,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: PropType<boolean | ((opt: {
+            node: NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: PropType<"" | "multiple" | "single">;
@@ -74,2 +95,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: PropType<(node: NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -96,2 +120,14 @@ type: PropType<(collapsed: boolean, node: NodeDataType) => void>;
     };
+    data: {
+        type: PropType<JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -113,2 +149,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: PropType<boolean | ((opt: {
+            node: NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: PropType<"" | "multiple" | "single">;
@@ -162,2 +207,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: PropType<(node: NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -172,3 +220,3 @@ type: PropType<(collapsed: boolean, node: NodeDataType) => void>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "valueChange")[], "nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "valueChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "valueChange")[], "nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "valueChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     node: {
@@ -184,2 +232,14 @@ type: PropType<NodeDataType>;
     };
+    data: {
+        type: PropType<JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -201,2 +261,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: PropType<boolean | ((opt: {
+            node: NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: PropType<"" | "multiple" | "single">;
@@ -250,2 +319,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: PropType<(node: NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -262,2 +334,3 @@ type: PropType<(collapsed: boolean, node: NodeDataType) => void>;
     onNodeClick?: ((...args: any[]) => any) | undefined;
+    onNodeMouseover?: ((...args: any[]) => any) | undefined;
     onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -268,6 +341,15 @@ onIconClick?: ((...args: any[]) => any) | undefined;
 }, {
+    data: JSONDataType;
     checked: boolean;
     collapsed: boolean;
+    rootPath: string;
+    indent: number;
     showLength: boolean;
     showDoubleQuotes: boolean;
+    renderNodeActions: boolean | ((opt: {
+        node: NodeDataType;
+        defaultActions: {
+            copy: () => void;
+        };
+    }) => unknown);
     showSelectController: boolean;
@@ -274,0 +356,0 @@ showLine: boolean;

types/hooks/useError.d.ts

 declare type UseErrorOptions = {
     emitListener: boolean;
 };
-export default function useError(message: string, { emitListener }: UseErrorOptions): {
+export declare function useError(message: string, { emitListener }: UseErrorOptions): {
     emit: () => never;
 };
 export {};

types/index.d.ts

@@ -8,4 +8,12 @@ import { Plugin } from 'vue';
             data: import("./utils").JSONDataType;
+            rootPath: string;
+            indent: number;
             showLength: boolean;
             showDoubleQuotes: boolean;
+            renderNodeActions: boolean | ((opt: {
+                node: import("./components/TreeNode").NodeDataType;
+                defaultActions: {
+                    copy: () => void;
+                };
+            }) => unknown);
             showSelectController: boolean;
@@ -25,3 +33,2 @@ showLine: boolean;
             pathCollapsible: (node: import("./components/TreeNode").NodeDataType) => boolean;
-            rootPath: string;
             virtual: boolean;
@@ -33,6 +40,2 @@ height: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            data: {
-                type: import("vue").PropType<import("./utils").JSONDataType>;
-                default: null;
-            };
             collapsedNodeLength: {
@@ -50,6 +53,2 @@ type: NumberConstructor;
             };
-            rootPath: {
-                type: StringConstructor;
-                default: string;
-            };
             virtual: {
@@ -83,2 +82,14 @@ type: BooleanConstructor;
             };
+            data: {
+                type: import("vue").PropType<import("./utils").JSONDataType>;
+                default: null;
+            };
+            rootPath: {
+                type: StringConstructor;
+                default: string;
+            };
+            indent: {
+                type: NumberConstructor;
+                default: number;
+            };
             showLength: {
@@ -100,2 +111,11 @@ type: BooleanConstructor;
             }) => unknown>;
+            renderNodeActions: {
+                type: import("vue").PropType<boolean | ((opt: {
+                    node: import("./components/TreeNode").NodeDataType;
+                    defaultActions: {
+                        copy: () => void;
+                    };
+                }) => unknown)>;
+                default: undefined;
+            };
             selectableType: import("vue").PropType<"" | "multiple" | "single">;
@@ -145,2 +165,5 @@ showSelectController: {
             };
+            onNodeMouseover: {
+                type: import("vue").PropType<(node: import("./components/TreeNode").NodeDataType) => void>;
+            };
             onBracketsClick: {
@@ -157,2 +180,3 @@ type: import("vue").PropType<(collapsed: boolean, node: import("./components/TreeNode").NodeDataType) => void>;
             onNodeClick?: ((...args: any[]) => any) | undefined;
+            onNodeMouseover?: ((...args: any[]) => any) | undefined;
             onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -163,3 +187,3 @@ onIconClick?: ((...args: any[]) => any) | undefined;
             "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "showLength" | "showDoubleQuotes" | "showSelectController" | "showLine" | "showLineNumber" | "selectOnClickNode" | "nodeSelectable" | "highlightSelectedNode" | "showIcon" | "theme" | "showKeyValueSpace" | "editable" | "editableTrigger" | "collapsedNodeLength" | "deep" | "pathCollapsible" | "rootPath" | "virtual" | "height" | "itemHeight" | "selectedValue" | "collapsedOnClickBrackets">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "rootPath" | "indent" | "showLength" | "showDoubleQuotes" | "renderNodeActions" | "showSelectController" | "showLine" | "showLineNumber" | "selectOnClickNode" | "nodeSelectable" | "highlightSelectedNode" | "showIcon" | "theme" | "showKeyValueSpace" | "editable" | "editableTrigger" | "collapsedNodeLength" | "deep" | "pathCollapsible" | "virtual" | "height" | "itemHeight" | "selectedValue" | "collapsedOnClickBrackets">;
         $attrs: {
@@ -176,9 +200,5 @@ [x: string]: unknown;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", ...args: any[]) => void;
+        $emit: (event: "nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            data: {
-                type: import("vue").PropType<import("./utils").JSONDataType>;
-                default: null;
-            };
             collapsedNodeLength: {
@@ -196,6 +216,2 @@ type: NumberConstructor;
             };
-            rootPath: {
-                type: StringConstructor;
-                default: string;
-            };
             virtual: {
@@ -229,2 +245,14 @@ type: BooleanConstructor;
             };
+            data: {
+                type: import("vue").PropType<import("./utils").JSONDataType>;
+                default: null;
+            };
+            rootPath: {
+                type: StringConstructor;
+                default: string;
+            };
+            indent: {
+                type: NumberConstructor;
+                default: number;
+            };
             showLength: {
@@ -246,2 +274,11 @@ type: BooleanConstructor;
             }) => unknown>;
+            renderNodeActions: {
+                type: import("vue").PropType<boolean | ((opt: {
+                    node: import("./components/TreeNode").NodeDataType;
+                    defaultActions: {
+                        copy: () => void;
+                    };
+                }) => unknown)>;
+                default: undefined;
+            };
             selectableType: import("vue").PropType<"" | "multiple" | "single">;
@@ -291,2 +328,5 @@ showSelectController: {
             };
+            onNodeMouseover: {
+                type: import("vue").PropType<(node: import("./components/TreeNode").NodeDataType) => void>;
+            };
             onBracketsClick: {
@@ -303,2 +343,3 @@ type: import("vue").PropType<(collapsed: boolean, node: import("./components/TreeNode").NodeDataType) => void>;
             onNodeClick?: ((...args: any[]) => any) | undefined;
+            onNodeMouseover?: ((...args: any[]) => any) | undefined;
             onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -309,6 +350,14 @@ onIconClick?: ((...args: any[]) => any) | undefined;
             "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], string, {
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], string, {
             data: import("./utils").JSONDataType;
+            rootPath: string;
+            indent: number;
             showLength: boolean;
             showDoubleQuotes: boolean;
+            renderNodeActions: boolean | ((opt: {
+                node: import("./components/TreeNode").NodeDataType;
+                defaultActions: {
+                    copy: () => void;
+                };
+            }) => unknown);
             showSelectController: boolean;
@@ -328,3 +377,2 @@ showLine: boolean;
             pathCollapsible: (node: import("./components/TreeNode").NodeDataType) => boolean;
-            rootPath: string;
             virtual: boolean;
@@ -356,6 +404,2 @@ height: number;
     } & Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: import("vue").PropType<import("./utils").JSONDataType>;
-            default: null;
-        };
         collapsedNodeLength: {
@@ -373,6 +417,2 @@ type: NumberConstructor;
         };
-        rootPath: {
-            type: StringConstructor;
-            default: string;
-        };
         virtual: {
@@ -406,2 +446,14 @@ type: BooleanConstructor;
         };
+        data: {
+            type: import("vue").PropType<import("./utils").JSONDataType>;
+            default: null;
+        };
+        rootPath: {
+            type: StringConstructor;
+            default: string;
+        };
+        indent: {
+            type: NumberConstructor;
+            default: number;
+        };
         showLength: {
@@ -423,2 +475,11 @@ type: BooleanConstructor;
         }) => unknown>;
+        renderNodeActions: {
+            type: import("vue").PropType<boolean | ((opt: {
+                node: import("./components/TreeNode").NodeDataType;
+                defaultActions: {
+                    copy: () => void;
+                };
+            }) => unknown)>;
+            default: undefined;
+        };
         selectableType: import("vue").PropType<"" | "multiple" | "single">;
@@ -468,2 +529,5 @@ showSelectController: {
         };
+        onNodeMouseover: {
+            type: import("vue").PropType<(node: import("./components/TreeNode").NodeDataType) => void>;
+        };
         onBracketsClick: {
@@ -480,2 +544,3 @@ type: import("vue").PropType<(collapsed: boolean, node: import("./components/TreeNode").NodeDataType) => void>;
         onNodeClick?: ((...args: any[]) => any) | undefined;
+        onNodeMouseover?: ((...args: any[]) => any) | undefined;
         onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -491,6 +556,2 @@ onIconClick?: ((...args: any[]) => any) | undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: import("vue").PropType<import("./utils").JSONDataType>;
-        default: null;
-    };
     collapsedNodeLength: {
@@ -508,6 +569,2 @@ type: NumberConstructor;
     };
-    rootPath: {
-        type: StringConstructor;
-        default: string;
-    };
     virtual: {
@@ -541,2 +598,14 @@ type: BooleanConstructor;
     };
+    data: {
+        type: import("vue").PropType<import("./utils").JSONDataType>;
+        default: null;
+    };
+    rootPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showLength: {
@@ -558,2 +627,11 @@ type: BooleanConstructor;
     }) => unknown>;
+    renderNodeActions: {
+        type: import("vue").PropType<boolean | ((opt: {
+            node: import("./components/TreeNode").NodeDataType;
+            defaultActions: {
+                copy: () => void;
+            };
+        }) => unknown)>;
+        default: undefined;
+    };
     selectableType: import("vue").PropType<"" | "multiple" | "single">;
@@ -603,2 +681,5 @@ showSelectController: {
     };
+    onNodeMouseover: {
+        type: import("vue").PropType<(node: import("./components/TreeNode").NodeDataType) => void>;
+    };
     onBracketsClick: {
@@ -615,2 +696,3 @@ type: import("vue").PropType<(collapsed: boolean, node: import("./components/TreeNode").NodeDataType) => void>;
     onNodeClick?: ((...args: any[]) => any) | undefined;
+    onNodeMouseover?: ((...args: any[]) => any) | undefined;
     onBracketsClick?: ((...args: any[]) => any) | undefined;
@@ -621,6 +703,14 @@ onIconClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], "nodeClick" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data")[], "nodeClick" | "nodeMouseover" | "bracketsClick" | "iconClick" | "selectedChange" | "update:selectedValue" | "update:data", {
     data: import("./utils").JSONDataType;
+    rootPath: string;
+    indent: number;
     showLength: boolean;
     showDoubleQuotes: boolean;
+    renderNodeActions: boolean | ((opt: {
+        node: import("./components/TreeNode").NodeDataType;
+        defaultActions: {
+            copy: () => void;
+        };
+    }) => unknown);
     showSelectController: boolean;
@@ -640,3 +730,2 @@ showLine: boolean;
     pathCollapsible: (node: import("./components/TreeNode").NodeDataType) => boolean;
-    rootPath: string;
     virtual: boolean;
@@ -643,0 +732,0 @@ height: number;

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

128927

26.21%

Number of package files

17

6.25%

Lines of code

1470

16.95%

Number of lines in readme file

161

2.55%

Worsened metrics

Number of low quality alerts

2

100%

Number of medium supply chain risk alerts

6

200%

No dependency changes