TheAddressspace.vue 891 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <script setup lang="ts">
  2. import type { UABaseNode } from '@/ua/UABaseNode';
  3. import TreeItem from './TreeItem.vue'
  4. import {useStore} from '@/store'
  5. import TheContextMenu from './TheContextMenu.vue';
  6. const store = useStore()
  7. function selectNode(node: UABaseNode) {
  8. store.selectedNode=node;
  9. }
  10. </script>
  11. <template>
  12. <div class="card">
  13. <div class="card-body" v-if="store.addressSpace">
  14. <h5 class="card-title">Addressspace</h5>
  15. <p class="card-text">
  16. <ul>
  17. <TheContextMenu>
  18. <TreeItem class="item"
  19. v-if="store.rootNode!=null"
  20. :model="store.rootNode"
  21. @select-node="(node) => selectNode(node)"
  22. :filter-func="(node:UABaseNode) => {return false}">
  23. </TreeItem>
  24. </TheContextMenu>
  25. </ul>
  26. </p>
  27. </div>
  28. </div>
  29. </template>
  30. <style scoped>
  31. #ul {
  32. margin-left: 10px;
  33. }
  34. </style>@/store