{"version":3,"sources":["webpack:///./src/components/Tree.vue?58ed","webpack:///./src/components/Tree.vue","webpack:///src/components/Tree.vue","webpack:///./src/components/Tree.vue?5fa4","webpack:///./src/components/Tree.vue?f6c9"],"names":["render","_vm","this","_c","_self","staticClass","_l","results","item","i","key","_v","_s","data","staticRenderFns","name","props","mounted","methods","handleValue","recurse","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0BJ,EAAIK,GAAIL,EAAIM,SAAS,SAASC,EAAKC,GAAG,OAAON,EAAG,MAAM,CAACO,IAAID,EAAEJ,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIU,GAAGV,EAAIW,GAAGJ,EAAKE,QAAQP,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIU,GAAGV,EAAIW,GAAGJ,EAAKK,cAAa,IAEnVC,EAAkB,GCQtB,GACAC,YACAC,gBACAH,WACAN,aAEAU,UACA,oBAEAC,SACAC,cACA,eAEA,mBACA,KACA,aACA,0BACA,sBACA,+BACAC,gCAEA,uBACA,8BACAA,gCAEA,WACAb,QAAAM,OAAAH,mBAIAU,KACA,mBCzC8U,I,wBCQ1UC,EAAY,eACd,EACArB,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAO,E","file":"js/chunk-0e963a06.b3e10b30.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tree.vue?vue&type=style&index=0&id=62fde4fe&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tree height-100 scroll\"},_vm._l((_vm.results),function(item,i){return _c('div',{key:i,staticClass:\"tree-item\"},[_c('div',{staticClass:\"tree-item-key\"},[_vm._v(_vm._s(item.key))]),_c('div',{staticClass:\"tree-item-value\"},[_vm._v(_vm._s(item.data))])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tree height-100 scroll\">\n    <div class=\"tree-item\" v-for=\"(item, i) in results\" :key=\"i\">\n      <div class=\"tree-item-key\">{{item.key}}</div>\n      <div class=\"tree-item-value\">{{item.data}}</div>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'Tree',\n    props: ['value'],\n    data: () => ({\n      results: []\n    }),\n    mounted () {\n      this.handleValue()\n    },\n    methods: {\n      handleValue () {\n        if (this.value) {\n          // example\n          const value = this.value\n          const results = []\n          const recurse = (data, prevKeys = []) => {\n            if (typeof data !== 'undefined') {\n              if (data instanceof Array) {\n                for (let i = 0, len = data.length; i < len; i++) {\n                  recurse(data[i], [...prevKeys].concat([i]))\n                }\n              } else if (data instanceof Object) {\n                for (const key of Object.keys(data)) {\n                  recurse(data[key], [...prevKeys].concat([key]))\n                }\n              } else if (data || data === 0) {\n                results.push({data, key: prevKeys.join('.')})\n              }\n            }\n          }\n          recurse(value)\n          this.results = results\n        }\n      }\n    }\n  }\n</script>\n<style>\n\n  .tree { font-size: 12px; background: #222; }\n  .tree-item { margin-bottom: 10px;}\n  .tree-item-key { border-top: solid 1px rgba(255,255,255,.1); color:orange;  padding: 5px 20px; margin-bottom: 5px; font-size: 11px; }\n  .tree-item-value { padding:5px 20px; color: #fff; white-space:wrap; font-size:12px; font-family: Mono; white-space: pre-wrap; font-weight: bold; }\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tree.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tree.vue?vue&type=template&id=62fde4fe&\"\nimport script from \"./Tree.vue?vue&type=script&lang=js&\"\nexport * from \"./Tree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tree.vue?vue&type=style&index=0&id=62fde4fe&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}