mirror of
https://github.com/yeicor-3d/yet-another-cad-viewer.git
synced 2025-12-19 22:24:17 +01:00
45 lines
1.7 KiB
Vue
45 lines
1.7 KiB
Vue
<script setup lang="ts">
|
|
import {VExpansionPanels} from "vuetify/lib/components";
|
|
import type ModelViewerWrapper from "../viewer/ModelViewerWrapper.vue";
|
|
import Loading from "../misc/Loading.vue";
|
|
import {Document, Mesh} from "@gltf-transform/core";
|
|
import {extrasNameKey} from "../misc/gltf";
|
|
import Model from "./Model.vue";
|
|
import {watch, ref} from "vue";
|
|
|
|
const props = defineProps<{ viewer: InstanceType<typeof ModelViewerWrapper> | null, document: Document }>();
|
|
const emit = defineEmits<{ remove: [string] }>()
|
|
|
|
function meshList(document: Document) {
|
|
return document.getRoot().listMeshes();
|
|
}
|
|
|
|
function meshName(mesh: Mesh) {
|
|
return mesh.getExtras()[extrasNameKey]?.toString() ?? 'Unnamed';
|
|
}
|
|
|
|
function onRemove(mesh: Mesh) {
|
|
emit('remove', meshName(mesh))
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<Loading v-if="!props.document"/>
|
|
<v-expansion-panels v-else v-for="mesh in meshList(props.document)" :key="meshName(mesh)">
|
|
<model :mesh="mesh" :viewer="props.viewer" :document="props.document" @remove="onRemove(mesh)"/>
|
|
</v-expansion-panels>
|
|
</template>
|
|
|
|
<style>
|
|
.mdi-chevron-down, .mdi-menu-down { /* HACK: mdi is not fully imported, only required icons... */
|
|
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>');
|
|
}
|
|
|
|
.mdi-chevron-up, .mdi-menu-up { /* HACK: mdi is not fully imported, only required icons... */
|
|
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 14l5-5 5 5H7z"/></svg>');
|
|
}
|
|
|
|
.v-overlay--active > .v-overlay__content {
|
|
display: block !important; /* HACK: Fix buggy tooltips not showing? */
|
|
}
|
|
</style> |