添加批量纹理创建

This commit is contained in:
2025-05-30 10:44:53 +08:00
parent 99613dbc83
commit 028aac8137
4 changed files with 36 additions and 27 deletions

View File

@@ -1,11 +1,11 @@
<template>
<CfFlex class="material-view">
<div ref="container" class="material-view-container" />
<MaterialAdjuster ref="adjuster" class="material-view-sider" :texture-src="textureSrc" @cancel="config.cancelCallback" @submit="config.submitCallback" />
<MaterialAdjuster ref="adjuster" class="material-view-sider" :textureSrcList="textureSrc" @cancel="config.cancelCallback" @submit="config.submitCallback" />
</CfFlex>
</template>
<script setup lang="ts">
import { onBeforeUnmount, onMounted, onUnmounted, ref, useTemplateRef } from 'vue';
import { onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue';
import MaterialAdjuster from './MaterialAdjuster.vue';
import { useScene } from '../stores/sceneStore';
import CfFlex from './CfFlex.vue';
@@ -18,7 +18,7 @@ const eventbus = useEvent();
const container = useTemplateRef('container');
const adjusterRef = useTemplateRef('adjuster');
const config = GetConfig();
const textureSrc = ref(config.textureSrc);
const textureSrc = ref<string[]>(Array.from(config.textureSrc));
// 禁用右键菜单
document.addEventListener('contextmenu', (e) => e.preventDefault());
@@ -42,7 +42,7 @@ function HandleUpload() {
}
function HandleChangeTexture() {
textureSrc.value = config.textureSrc;
textureSrc.value = Array.from(config.textureSrc);
}
async function HandleUpdateConfig() {
@@ -51,7 +51,7 @@ async function HandleUpdateConfig() {
const json = FromDeflateBase64(config.file);
await scene.ImportMaterialAsync(json);
}
textureSrc.value = config.textureSrc;
textureSrc.value = Array.from(config.textureSrc);
}
</script>