{"version":3,"sources":["webpack:///./src/components/VirtualTree.vue?13d5","webpack:///src/components/VirtualTree.vue","webpack:///./src/components/VirtualTree.vue?7f28","webpack:///./src/components/VirtualTree.vue","webpack:///./src/components/VirtualTree.vue?e83d","webpack:///./src/components/VirtualTree.vue?370a"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$style","root","showTree","tree","ref","wrapper","on","e","handleClick","attrs","staticRenderFns","props","width","type","default","renderItem","el","data","items","itemHeight","contentHeight","capacity","maxHeight","mode","viewport","observer","childsCache","scalableStart","computed","auth","$store","state","watch","handler","arg","start","immediate","methods","setPath","localStorage","_","cache","arr","push","restoreTree","firstNode","target","x","document","console","selected","item","restoreItem","id","scrollTop","selectedTreeNode","node","setRowSelected","closest","classList","remove","dataset","index","$emit","expandNode","$options","lastChild","refreshTree","collapseNode","level","i","expanded","counter","splice","getChilds","obj","lastParents","setTimeout","axios","key","expand","notSelectItem","destroy","firstChild","removeChild","Math","end","init","scrollOffset","handleResize","clientHeight","renderScalableTree","renderTree","setItemHeight","appendChild","getMode","style","top","redrawViewport","slice","firstRow","$el","querySelector","$refs","length","height","addEventListener","forEach","result","JSON","beforeDestroy","injectStyles","context","locals","component","VOverlay","VProgressCircular","module","exports"],"mappings":"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","file":"js/chunk-a4ec5432.5f9b1b21.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.$style.root},[(!_vm.showTree)?_c('v-overlay',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":\"64\"}})],1):_c('div',{class:_vm.$style.tree},[_c('div',{ref:\"wrapper\",class:_vm.$style.wrapper,on:{\"click\":function (e) { return _vm.handleClick(e); }}},[_c('div',{ref:\"viewport\"})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"$style.root\">\n    <v-overlay v-if=\"!showTree\">\n      <v-progress-circular indeterminate size=\"64\" />\n    </v-overlay>\n    <div v-else :class=\"$style.tree\">\n      <div :class=\"$style.wrapper\" ref=\"wrapper\" @click=\"e => handleClick(e)\">\n        <div ref=\"viewport\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n\nexport default {\n  props: {\n    width: {\n      type: String,\n      default: () => \"200px\"\n    },\n    renderItem: {\n      type: Function,\n      default: (arg, index) => {\n        const el = document.createElement(\"div\");\n        el.setAttribute(\"data-index\", index);\n        el.innerHTML = arg.text;\n        return el;\n      }\n    }\n  },\n  data() {\n    return {\n      data: null,\n      items: null,\n      itemHeight: 0,\n      contentHeight: 0,\n      capacity: 0,\n      maxHeight: 6000000,\n      mode: \"simple\",\n      viewport: null,\n      wrapper: null,\n      el: null,\n      observer: null,\n      showTree: false,\n      childsCache: null,\n      scalableStart: 0\n    };\n  },\n  computed: {\n    auth() {\n      return this.$store.state.auth;\n    }\n  },\n  watch: {\n    \"$store.state.auth\": {\n      handler(arg) {\n        if (arg) this.start();\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    setPath(arg) {\n      localStorage.setItem(\"selected\", arg);\n      const arr = [];\n      const cache = this.$options.childsCache;\n      let _ = \"🔔\";\n      while (_) {\n        _ = Object.keys(cache).find(x =>\n          cache[x].find(y => y.id == (arg ? arg : _)) ? x : null\n        );\n        arg = null;\n        if (_) arr.push(_);\n      }\n      localStorage.setItem(\"path\", JSON.stringify(arr.reverse()));\n    },\n\n    async restoreTree(arg) {\n      if (!arg) {\n        const firstNode = this.viewport.querySelector(\".treeItem\");\n        if (firstNode) this.handleClick({ target: firstNode }, true);\n        return;\n      }\n      for (let x of arg) {\n        try {\n          let el = document.createElement(\"span\");\n          el.dataset.index = x;\n          await this.getChilds(el);\n          el.remove();\n        } catch (e) {\n          console.log(e);\n        }\n      }\n      const selected = localStorage.getItem(\"selected\");\n      if (!selected) return;\n      const item = this.$options.items.findIndex(x => x.id == selected);\n      if (!item) return;\n      this.restoreItem(item, selected);\n      if (this.$store.state.selectedTreeNode)\n        this.$emit(\"restored\", this.$store.state.selectedTreeNode);\n    },\n\n    restoreItem(arg, id) {\n      let scrollTop = 0;\n      switch (this.mode) {\n        case \"scalable\":\n          scrollTop =\n            arg * (this.itemHeight / (this.contentHeight / this.maxHeight));\n          break;\n        default:\n          scrollTop = arg * this.itemHeight;\n      }\n      this.el.scrollTop = scrollTop;\n      const node = this.viewport.querySelector(`[data-index=\"${id}\"]`);\n      this.$store.state.selectedTreeNode && node\n        ? node.classList.add(\"treeSelected\")\n        : this.handleClick({ target: node });\n    },\n\n    setRowSelected(arg) {\n      if (arg.closest(\".treeSelected\")) return;\n      const el = this.el.querySelector(\".treeItem.treeSelected\");\n      if (el) el.classList.remove(\"treeSelected\");\n      arg.classList.add(\"treeSelected\");\n      if (!arg && !arg.dataset.index) return;\n      this.setPath(arg.dataset.index);\n      this.$emit(\n        \"change\",\n        this.$options.items.find(x => x.id === arg.dataset.index)\n      );\n    },\n\n    expandNode(arg) {\n      const index = this.$options.items.findIndex(x => x.id === arg);\n      this.$options.childsCache[arg][\n        this.$options.childsCache[arg].length - 1\n      ].lastChild = true;\n      this.$options.items.splice(\n        index + 1,\n        0,\n        ...this.$options.childsCache[arg]\n      );\n      this.refreshTree();\n    },\n\n    collapseNode(arg) {\n      const index = this.$options.items.findIndex(x => x.id === arg);\n      const level = this.$options.items[index].level\n        ? +this.$options.items[index].level\n        : 0;\n      let i = index + 1;\n      let counter = 0;\n      while (\n        this.$options.items[i] &&\n        (this.$options.items[i].level ? +this.$options.items[i].level : 0) >\n          level\n      ) {\n        this.$options.items[i].expanded = false;\n        i++;\n        counter++;\n      }\n      this.$options.items.splice(index + 1, counter);\n      this.refreshTree();\n    },\n\n    async getChilds(arg) {\n      if (arg.classList.contains(\"treeLoading\")) return;\n      try {\n        const index = this.$options.items.findIndex(\n          x => x.id === arg.dataset.index\n        );\n        let obj = this.$options.items[index];\n        let lastParents = obj.lastParents ? [...obj.lastParents] : [];\n        if (obj.level) lastParents.push(!!obj.lastChild);\n        if (!obj.expanded) {\n          setTimeout(() => arg.classList.add(\"treeLoading\"), 500);\n          obj.expanded = true;\n          if (!this.$options.childsCache[obj.id]) {\n            const { data } = await axios.get(\n              `Device/DeviceList?node=${obj.id}`\n            );\n            const key = data.parent;\n            data.values.map(x => {\n              x.level = obj.level ? obj.level + 1 : 1;\n              x.lastParents = lastParents;\n            });\n            this.$options.childsCache[key] = data.values;\n          }\n          this.expandNode(obj.id);\n        } else {\n          obj.expanded = false;\n          this.collapseNode(obj.id);\n        }\n      } catch (e) {\n        console.log(e);\n      }\n    },\n\n    handleClick(e, notSelectItem = false) {\n      this.scalableStart =\n        (this.el.scrollTop / (this.el.scrollHeight - this.el.clientHeight)) *\n        (this.$options.items.length - this.capacity);\n      const expand = e.target.closest(\".treeExpand\");\n      const el = e.target.closest(\".treeItem\");\n      if (!el) return;\n      if (expand) {\n        this.getChilds(el);\n        return;\n      }\n      if (!notSelectItem) this.setRowSelected(el);\n      setTimeout(() => {\n        const index = this.$options.items.findIndex(\n          x => x.id === el.dataset.index\n        );\n        let obj = this.$options.items[index];\n        if (obj.selected) return;\n        this.$options.items.forEach(x => (x.selected = false));\n        obj.selected = true;\n        this.refreshTree();\n      }, 0);\n    },\n\n    destroy() {\n      if (this.mode === \"scalable\")\n        this.el.removeEventListener(\"scroll\", this.renderScalableTree);\n      if (this.mode === \"virtual\")\n        this.el.removeEventListener(\"scroll\", this.renderTree);\n      if (this.viewport) {\n        while (this.viewport.firstChild) {\n          this.viewport.removeChild(this.viewport.firstChild);\n        }\n      }\n      if (this.observer)\n        this.observer.unobserve(this.$el.querySelector(`.${this.$style.tree}`));\n    },\n\n    /*\n    const offset =\n        (this.el.scrollTop / (this.el.scrollHeight - this.el.clientHeight)) *\n        (this.$options.items.length - this.capacity);\n      const start = Math.floor(offset);\n      const end = Math.ceil(offset + this.capacity);\n      this.viewport.style.top = firstRow * this.itemHeight + \"px\";\n      this.redrawViewport(this.$options.items.slice(start, end), start);\n    */\n\n    refreshTree() {\n      if (!this.el) return;\n      const scrollOffset = this.el.scrollTop;\n      let scrollTop = 0;\n      let start = 0;\n      let end = 0;\n      if (this.mode === \"scalable\") {\n        const itemsDiff =\n          Math.floor(\n            (this.el.scrollTop /\n              (this.el.scrollHeight - this.el.clientHeight)) *\n              (this.$options.items.length - this.capacity)\n          ) - Math.floor(this.scalableStart);\n        scrollTop =\n          Math.round(itemsDiff / (this.contentHeight / this.maxHeight)) *\n          this.itemHeight;\n        start = Math.floor(this.scalableStart);\n        end = Math.ceil(this.scalableStart + this.capacity);\n\n        this.destroy();\n        this.init();\n        this.el.scrollTop = scrollOffset - scrollTop;\n        setTimeout(\n          () =>\n            this.redrawViewport(this.$options.items.slice(start, end), start),\n          0\n        );\n      } else {\n        this.destroy();\n        this.init();\n        this.el.scrollTop = scrollOffset - scrollTop;\n      }\n    },\n\n    handleResize() {\n      this.capacity = this.el.clientHeight / this.itemHeight;\n      if (this.mode === \"scalable\") this.renderScalableTree();\n      if (this.mode === \"virtual\") this.renderTree();\n    },\n\n    setItemHeight() {\n      if (!this.viewport) return;\n      const el = this.renderItem(this.$options.items[0], 0);\n      this.viewport.appendChild(el);\n      this.itemHeight = el.clientHeight;\n      el.remove();\n    },\n\n    getMode() {\n      if (\n        this.$options.items.length <= 500 &&\n        this.contentHeight <= this.maxHeight\n      ) {\n        return \"simple\";\n      }\n      if (this.contentHeight <= this.maxHeight) {\n        return \"virtual\";\n      }\n      return \"scalable\";\n    },\n\n    renderTree() {\n      const offset = this.el.scrollTop / this.itemHeight;\n      const start = Math.floor(offset);\n      const end = Math.ceil(offset + this.capacity);\n      this.viewport.style.top = start * this.itemHeight + \"px\";\n      this.redrawViewport(this.$options.items.slice(start, end), start);\n    },\n\n    renderScalableTree() {\n      const rowsOffset = this.el.scrollTop / this.itemHeight;\n      const firstRow = Math.floor(rowsOffset);\n      const offset =\n        (this.el.scrollTop / (this.el.scrollHeight - this.el.clientHeight)) *\n        (this.$options.items.length - this.capacity);\n      const start = Math.floor(offset);\n      const end = Math.ceil(offset + this.capacity);\n      this.viewport.style.top = firstRow * this.itemHeight + \"px\";\n      this.redrawViewport(this.$options.items.slice(start, end), start);\n    },\n\n    redrawViewport(items) {\n      while (this.viewport.firstChild) {\n        this.viewport.removeChild(this.viewport.firstChild);\n      }\n      items.forEach(item => {\n        const row = this.renderItem(item);\n        this.viewport.appendChild(row);\n      });\n    },\n\n    init() {\n      this.$el.style.width = `${this.width}`;\n      this.el = this.$el.querySelector(`.${this.$style.tree}`);\n      if (!this.el) return;\n      this.viewport = this.$refs.viewport;\n      this.wrapper = this.$refs.wrapper;\n      this.setItemHeight();\n      this.capacity = this.el.clientHeight / this.itemHeight;\n      this.contentHeight = this.itemHeight * this.$options.items.length;\n      this.mode = this.getMode();\n      switch (this.mode) {\n        case \"scalable\":\n          this.wrapper.style.height = `${this.maxHeight}px`;\n          this.renderScalableTree();\n          this.el.addEventListener(\"scroll\", this.renderScalableTree);\n          break;\n        case \"virtual\":\n          this.wrapper.style.height = `${this.contentHeight}px`;\n          this.renderTree();\n          this.el.addEventListener(\"scroll\", this.renderTree);\n          break;\n        default:\n          this.$options.items.forEach(item => {\n            const row = this.renderItem(item);\n            this.viewport.appendChild(row);\n          });\n      }\n    },\n\n    async start() {\n      if (!this.auth) {\n        this.showTree = true;\n        this.$message.error(`Error: Unauthorized`);\n        return;\n      }\n      let result = null;\n      try {\n        result = await axios.get(\"Device/GetAllTreeImageNode\");\n        if (!result || !result.data) return;\n        if (result.data) {\n          const obj = {};\n          result.data.forEach(x => (obj[x.typeName] = x.ico));\n          this.$store.commit(\"setdevicesImgs\", obj);\n        }\n      } catch (e) {\n        this.$store.commit(\"setdevicesImgs\", {});\n        this.$message.error(`API Error: Can't get tree images`);\n      }\n      try {\n        result = await axios.get(\"Device/DeviceList?node\");\n        if (!result || !result.data || !result.data.values.length) return;\n        this.showTree = true;\n        await this.$nextTick();\n        const el = this.$el.querySelector(`.${this.$style.tree}`);\n        if (el)\n          this.observer = new ResizeObserver(this.handleResize).observe(el);\n        this.$options.items = result.data.values;\n        this.$options.childsCache = {};\n        this.init();\n        await this.$nextTick();\n        if (!this.viewport) return;\n        const arr = JSON.parse(localStorage.getItem(\"path\"));\n        !arr ? localStorage.setItem(\"selected\", null) : this.restoreTree(arr);\n      } catch (e) {\n        this.showTree = true;\n        this.$message.error(`API Error: Can't get first tree node`);\n      }\n    }\n  },\n  beforeDestroy() {\n    this.destroy();\n  }\n};\n</script>\n\n<style module>\n.root {\n  height: 100%;\n  position: relative;\n}\n\n.tree {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow-y: auto;\n}\n\n.wrapper {\n  position: relative;\n}\n\n.wrapper > div {\n  position: absolute;\n  width: 100%;\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!./VirtualTree.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!./VirtualTree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VirtualTree.vue?vue&type=template&id=b6b3d8de&\"\nimport script from \"./VirtualTree.vue?vue&type=script&lang=js&\"\nexport * from \"./VirtualTree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VirtualTree.vue?vue&type=style&index=0&module=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VOverlay,VProgressCircular})\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"VirtualTree_root_3F5Zc\",\"tree\":\"VirtualTree_tree_2zFUn\",\"wrapper\":\"VirtualTree_wrapper_yQ5hN\"};","export { default } from  \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualTree.vue?vue&type=style&index=0&module=true&lang=css&\"; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualTree.vue?vue&type=style&index=0&module=true&lang=css&\""],"sourceRoot":""}