修复材质编辑模式无输出内容的问题

This commit is contained in:
2025-05-30 16:16:40 +08:00
parent 65a3779e1a
commit 59703decc4
3 changed files with 42 additions and 22 deletions

View File

@@ -1,7 +1,8 @@
<template>
<CfFlex class="material-view">
<div ref="container" class="material-view-container" />
<MaterialAdjuster ref="adjuster" class="material-view-sider" :name="matName" :textureSrcList="textureSrc" @cancel="config.cancelCallback" @submit="config.submitCallback" />
<MaterialAdjuster ref="adjuster" class="material-view-sider" :name="matName" :textureSrcList="textureSrc" :ignore-texture="editMode"
@cancel="config.cancelCallback" @submit="config.submitCallback" />
</CfFlex>
</template>
<script setup lang="ts">
@@ -20,9 +21,10 @@ const adjusterRef = useTemplateRef('adjuster');
const config = GetConfig();
const textureSrc = ref<string[]>(Array.from(config.textureSrc));
const matName = ref<string>();
const editMode = ref(false);
// 禁用右键菜单
document.addEventListener('contextmenu', (e) => e.preventDefault());
document.addEventListener('contextmenu', (e) => e.preventDefault());
onMounted(async () => {
scene.Initial(container.value);
await HandleUpdateConfig();
@@ -51,16 +53,19 @@ async function HandleUpdateConfig() {
matName.value = config.updateModel.name;
const json = FromDeflateBase64(config.updateModel.file);
await scene.ImportMaterialAsync(json);
editMode.value = true;
}
else { editMode.value = false; }
if (config.textureSrc) {
textureSrc.value = Array.from(config.textureSrc);
await scene.ChangeTextureFromUrlAsync(textureSrc.value[0]);
}
textureSrc.value = Array.from(config.textureSrc);
await scene.ChangeTextureFromUrlAsync(textureSrc.value[0]);
}
</script>
<style scoped lang="scss">
.material-view
{
.material-view {
width: 100%;
height: 100%;
box-sizing: border-box;
@@ -69,16 +74,16 @@ async function HandleUpdateConfig() {
overflow: hidden;
&-container {
flex: 3 1;
height: 100%;
flex: 3 1;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
&-sider {
flex: 1 1;
overflow-y: auto;
height: 100%;
overflow-y: auto;
height: 100%;
box-sizing: border-box;
}
}