<template>
  <section class="appEntry">
    <component v-if="app" :is="app" :instance="$request" :dict="$dict" :permissions="$permissions"/>
    <ai-empty v-else>无法找到应用文件</ai-empty>
  </section>
</template>

<script>

import {mapState} from "vuex";

export default {
  name: "appEntry",
  label: "应用库-应用",
  computed: {
    ...mapState(['apps']),
    app() {
      let app = this.apps.find(e => e.name == this.$route.name)
      return app ? app.module : ""
    }
  }
}
</script>

<style lang="scss" scoped>
.appEntry {
  width: 100%;
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;

  & > * {
    height: 100%;
  }
}
</style>
