<template>
  <!-- <el-tree
            :data="treeData"
            :props="defaultProps"
            :expand-on-click-node="expand"
            :filter-node-method="filterNode"
            ref="tree"
            default-expand-all
            @node-click="handleNodeClick"
            :render-content="renderContent"
          /> -->

  <el-tree
    :size="size"
    :ref="ref"
    :data="areaData"
    id="el-tree"
    :node-key="nodekey"
    indent="2"
    :props="treeProps"
    :load="loadNode"
    highlight-current
    :lazy="lazy"
    :render-content="renderContent"
    @node-click="handleNodeClick"
  >
  </el-tree>
</template>

<script>
export default {
  props: {
    nodekey: {
      type: String,
      required: false,
      default: "id",
    },
    size: {
      type: String,
      required: false,
      default: "mini",
    },
    ref: {
      type: String,
      required: false,
      default: "tree",
    },
    loadNode: {
      type: Function,
      required: false,
      default: () => {},
    },
    handleNodeClick: {
      type: Function,
      required: false,
      default: () => {},
    },
     lazy: {
      type: Boolean,
      required: false,
      default: true,
    },
    loading: {
      type: Boolean,
      required: false,
      default: true,
    },
    renderContent: {
      type: String,
      required: false,
      default: "",
    },
    expand: {
      type: Boolean,
      required: false,
      default: true,
    },
    treeData: {
      type: Array,
      required: true,
      default: () => {},
    },
    treeProps: {
      type: Object,
      required: true,
      default: () => {},
    },
  },

  data() {
    return {};
  },
};
</script>


