<script setup>
import LastLevelRoot from "./LastLevelRoot.vue";

const props = defineProps({
  newNameSpace: String,
  defineLine: Number,
  style: {
    type: Object,
    default() {
      return { top: 0 };
    },
  }
});

</script>

<template>
  <!--jsv-focus-block是不可描画节点，所以如果想接收style等属性，不要放在顶级-->
  <div class="mainArea1" :style="{
        top: props.style.top,
    }">
    <div class="title">{{ `NameSpace: ${props.newNameSpace}` }}</div>
    <!-- 这里的jsv-focus-block 创建一个新的namesapce, 并接受处理按键 -->
    <jsv-focus-block
      :namespace="props.newNameSpace">
      <last-level-root :defineLine="props.defineLine" />
    </jsv-focus-block>
  </div>
</template>

<style scoped lang="scss">
.mainArea1 {
    width: 700;
    height: 100;
    left: 25;
    background-color: #aed248,
}

.title {
  text-align: left;
  font-size: 20;
  line-height: 24;
  color: #000000;
  left: 5;
  width: 200;
  height: 24;
}

</style>