<template>
  <layout-tree
    :api="layoutFnGetElectronicFenceTree"
    v-model:refresh="refresh"
    :id="electronicFenceAreaId"
    @throw-data="emits('throw-data', $event)"
    @node-click="emits('node-click', $event)"
  />
</template>

<script setup>
import { layoutFnGetElectronicFenceTree } from "@/assets/js/data_dictionary.js";
import { useVModel } from "@vueuse/core";
import LayoutTree from "@/components/tree/index.vue";

defineOptions({
  name: "LayoutElectronicFenceTree",
});
const props = defineProps({
  refresh: {
    type: Boolean,
    default: false,
  },
  electronicFenceAreaId: {
    type: String,
    default: "",
  },
});
const emits = defineEmits(["node-click", "throw-data", "update:refresh"]);
const refresh = useVModel(props, "refresh", emits);
</script>

<style scoped lang="scss"></style>
