修复编辑模式进入组件报错的问题

package.json

@@ -1,7 +1,7 @@
 {
   "name": "material-editor",
   "private": true,
-  "version": "1.0.27",
+  "version": "1.0.31",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/MaterialAdjuster.vue

@@ -1,6 +1,7 @@
 <template>
     <div vertical class="material-adjuster">
-        <div class="adjust-section">
+        <!-- 新增模式下，隐藏材质名输入框 -->
+        <div v-if="ignoreTexture" class="adjust-section">
             <h3>操作</h3>
             <fieldset v-if="debugMode" style="margin: 1em 0;">
                 <legend>DEBUG</legend>
@@ -59,7 +60,8 @@
             <label>高光</label>
             <CfFlex gap="1em" class="input-range">
                 <input v-model="emissiveIntensity" type="range" min="0" max="1" step="0.01" />
-                <input v-model="emissiveIntensity" type="number" @change="ClampNumericValue" min="0" max="1" step="0.01" />
+                <input v-model="emissiveIntensity" type="number" @change="ClampNumericValue" min="0" max="1"
+                    step="0.01" />
             </CfFlex>
         </div>
 
@@ -135,7 +137,7 @@ const { Material, CurrGeometry, Geometries } = storeToRefs(scene);
 
 const props = defineProps<{
     name?: string;
-    textures?: {name: string, src: string}[];
+    textures?: { name: string, src: string }[];
     /** 忽略纹理参数，提交时直接输出场景内的材质，用于某些在组件外对场景进行编辑的特殊情况（例如材质编辑模式） */
     ignoreTexture?: boolean;
 }>();
@@ -144,7 +146,7 @@ const emits = defineEmits<{
     (e: 'submit', data: MaterialRequest[]): void;
 }>();
 
-const debugMode = ref(true);
+const debugMode = ref(false);
 const Textures = computed(() => props.textures || []);
 const debugTextureSrc = ref("");
 const textureAdjustment = ref<TextureAdjustment>({
@@ -198,17 +200,17 @@ const uploading = ref(false);
 // });
 const materialInfo = reactive({
     dirId: DirectoryId.MaterialDir, // 正常来说是2
-    materialName: props.name || '材质',
+    materialName: props.name || Textures.value[0]?.name || '材质',
     inputText: '',
 });
 
 watch(Textures, async (val) => {
-    if (val.length == 0) return;
+    if (val.length == 0 || props.ignoreTexture) return;
     await scene.ChangeTextureFromUrlAsync(val[0].src);
 });
 
 watch(() => props.name, () => {
-    materialInfo.materialName = props.name || '材质';
+    materialInfo.materialName = props.name || Textures.value[0]?.name || '材质';
 });
 
 watch(textureAdjustment, async (val) => {
@@ -287,10 +289,10 @@ async function HandleUpload() {
                 };
                 result.push(mat);
             }
+            // 还原场景纹理
+            await scene.ChangeTextureFromUrlAsync(Textures.value[0].src);
         }
 
-        // 还原场景纹理
-        await scene.ChangeTextureFromUrlAsync(Textures.value[0].src);
         emits('submit', result);
         return result;
     } finally {

src/components/MaterialView.vue

@@ -56,7 +56,7 @@ async function HandleUpdateConfig() {
         editMode.value = true;
     }
     else { editMode.value = false; }
-    if (config.textures) {
+    if (config.textures && config.textures.length > 0) {
         textures.value = Array.from(config.textures);
         await scene.ChangeTextureFromUrlAsync(textures.value[0].src); // 这一行是保证首次Mount组件时纹理能够立刻刷新
     }