更新打包配置，完善组件入参模式，新增事件总线

src/components/MaterialView.vue

@@ -1,35 +1,59 @@
 <template>
     <CfFlex class="material-view">
-        <div ref="container" style="width: 100%; height: 100%; flex: 3; box-sizing: border-box;" />
-        <MaterialAdjuster style="flex: 1;overflow-y: auto; width: 100%; height: 100%; box-sizing: border-box;" />
+        <div ref="container" class="material-view-container" />
+        <MaterialAdjuster ref="adjuster" class="material-view-sider" :texture-src="textureSrc" @cancel="config.cancelCallback" @submit="config.submitCallback" />
     </CfFlex>
 </template>
 <script setup lang="ts">
-import { onMounted, useTemplateRef } from 'vue';
+import { onMounted, ref, useTemplateRef } from 'vue';
 import MaterialAdjuster from './MaterialAdjuster.vue';
 import { useScene } from '../stores/sceneStore';
 import CfFlex from './CfFlex.vue';
+import { GetConfig } from '../lib/libOutputConfig';
+import { useEvent } from '../stores/eventStore';
 
 const scene = useScene();
-const container = useTemplateRef<HTMLElement>('container');
+const eventbus = useEvent();
+const container = useTemplateRef('container');
+const adjusterRef = useTemplateRef('adjuster');
+const config = GetConfig();
+const textureSrc = ref(config.textureSrc);
 
 // 禁用右键菜单
 document.addEventListener('contextmenu', (e) => e.preventDefault()); 
 
 onMounted(() => {
     scene.Initial(container.value);
+    eventbus.Subscribe('submit', () => adjusterRef.value.Upload());
+    eventbus.Subscribe('update-texture', () => {
+        textureSrc.value = config.textureSrc
+    });
 });
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .material-view
 {
     width: 100%;
-    height: 100vh;
+    height: 100%;
     box-sizing: border-box;
     padding: 0;
     margin: 0;
     overflow: hidden;
+
+    &-container {
+        flex: 3 1; 
+        height: 100%; 
+        box-sizing: border-box;
+        overflow: hidden;
+    }
+
+    &-sider {
+        flex: 1 1;
+        overflow-y: auto; 
+        height: 100%; 
+        box-sizing: border-box;
+    }
 }
 </style>