资源匹配 待优化

.fes.js

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-04-02 18:44:16
+ * @LastEditTime: 2025-04-03 09:09:30
  */
 // import { resolve } from 'path';
 import { join } from 'path'
@@ -52,7 +52,7 @@ export default defineBuildConfig({
         },
     },
     viteOption: {
-        base: 'http://192.168.18.170:8899/', // './' 若在线部署用于生产环境 且 是使用qiankun微前端时，需要配置base为主应用地址
+        base: './', // './' 若在线部署用于生产环境 且 是使用qiankun微前端时，需要配置base为主应用地址
         plugins: [
             UnoCSS({
                 /* options */
@@ -91,6 +91,7 @@ export default defineBuildConfig({
                     chunkFileNames: `js/[name].[hash]${timeStamp}.js`,
                     entryFileNames: `js/[name].[hash]${timeStamp}.js`,
                     assetFileNames: `[ext]/[name].[hash]${timeStamp}.[ext]`,
+                    name: 'TvT.js',
                 },
             },
             sourcemap: false,

src/app.jsx

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-04-02 11:00:19
+ * @LastEditTime: 2025-04-03 09:57:29
  */
 import { defineRuntimeConfig, useModel } from '@fesjs/fes'
 import { FMenu } from '@fesjs/fes-design'
@@ -25,7 +25,6 @@ import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
 import UserCenter from '@/components/forPreview/userCenter.vue'
 import PageLoading from '@/components/pageLoading.vue'
 
-
 addCollection(uimIcons)
 addCollection(lineMdIcons)
 addCollection(wiIcons)
@@ -37,6 +36,13 @@ export default defineRuntimeConfig({
         action () {
             if (qiankunWindow.__POWERED_BY_QIANKUN__) {
                 qiankunTvtStore = useQiankunTvtStore()
+                // debugger
+                // const purl = qiankunWindow.__INJECTED_PUBLIC_PATH_BY_QIANKUN__
+                // globalThis.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ = purl
+                // window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ = purl
+                // window.__webpack_public_path__ = purl
+                // qiankunWindow.__webpack_public_path__ = purl
+                // Object.defineProperty(import.meta, 'url', { get: () => purl })
             }
             const { signin, getMenu } = useModel('forPreview')
             signin()
@@ -168,7 +174,6 @@ export const qiankun = {
     },
     // 应用 render 之前触发
     async mount (props) {
-
         console.log('son TvT.js mount', props)
         if (props) {
             props.onGlobalStateChange((state, prev) => {

src/plugins/floor/components/reflectorDUDV.vue

@@ -4,13 +4,13 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-12-25 11:41:13
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-09-25 08:33:30
+ * @LastEditTime: 2025-04-03 10:13:40
 -->
 <template>
-	<TresGroup :scale="props.scale">
+    <TresGroup :scale="props.scale">
-			<primitive :object="mirror" :position-y="-0.01" />
+        <primitive :object="mirror" :position-y="-0.01" />
-			<primitive :object="gridHelp" />
+        <primitive :object="gridHelp" />
-	</TresGroup>
+    </TresGroup>
 </template>
 
 <script lang="ts" setup>
@@ -18,38 +18,44 @@ import * as THREE from 'three'
 import { Mesh, PlaneGeometry, RepeatWrapping, GridHelper } from 'three'
 import { useTexture } from '@tresjs/core'
 import { Reflector, ReflectorDudvMaterial } from '../lib/alienJS/all.three.js'
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
 
 import { watchEffect, watch } from 'vue'
 const props = withDefaults(
-	defineProps<{
+    defineProps<{
-			reflectivity?: Number
+        reflectivity?: Number
-			showGridHelper?: boolean
+        showGridHelper?: boolean
-			scale?: Number
+        scale?: Number
-			ignoreObjects?: THREE.Object3D[]
+        ignoreObjects?: THREE.Object3D[]
-			size?: Array<number>
+        size?: Array<number>
-			mapUrl?: string
+        mapUrl?: string
-	}>(),
+    }>(),
-	{
+    {
-			reflectivity: 0.8,
+        reflectivity: 0.8,
-			scale: 1.0,
+        scale: 1.0,
-			showGridHelper: true,
+        showGridHelper: true,
-			ignoreObjects: [],
+        ignoreObjects: [],
-			size: [10, 10],
+        size: [10, 10],
-			mapUrl: './plugins/floor/image/waterdudv.jpg',
+        mapUrl: './plugins/floor/image/waterdudv.jpg',
-	},
+    },
 )
 
 const reflector = new Reflector()
 const gridHelp = new GridHelper(props.size[0] - 0.5, props.size[1])
 gridHelp.visible = props.showGridHelper
 
-const { map } = await useTexture({ map: props.mapUrl })
+let mapurl = props.mapUrl
+debugger
+if (qiankunWindow.__POWERED_BY_QIANKUN__) {
+    mapurl = qiankunWindow.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ + mapurl
+}
+const { map } = await useTexture({ map: mapurl })
 map.wrapS = RepeatWrapping
 map.wrapT = RepeatWrapping
 map.repeat.set(6, 3)
 const material = new ReflectorDudvMaterial({
-	map: map as any,
+    map: map as any,
-	reflectivity: props.reflectivity as any,
+    reflectivity: props.reflectivity as any,
 })
 material.uniforms.tReflect = { value: reflector.renderTarget.texture }
 material.uniforms.tReflectBlur = reflector.renderTargetUniform
@@ -60,40 +66,40 @@ mirror.rotation.x = -Math.PI / 2
 mirror.add(reflector)
 
 mirror.onBeforeRender = (rendererSelf: any, sceneSelf: any, cameraSelf: any) => {
-	mirror.visible = false
+    mirror.visible = false
-	props.ignoreObjects.forEach((child: any) => {
+    props.ignoreObjects.forEach((child: any) => {
-			if (child.isMesh) {
+        if (child.isMesh) {
-					child.visible = false
+            child.visible = false
-			}
+        }
-			if (child.value && child.value.isMesh) {
+        if (child.value && child.value.isMesh) {
-					child.value.visible = false
+            child.value.visible = false
-			}
+        }
-	})
+    })
-	reflector.update(rendererSelf, sceneSelf, cameraSelf)
+    reflector.update(rendererSelf, sceneSelf, cameraSelf)
-	props.ignoreObjects.forEach((child: any) => {
+    props.ignoreObjects.forEach((child: any) => {
-			if (child.isMesh) {
+        if (child.isMesh) {
-					child.visible = true
+            child.visible = true
-			}
+        }
-			if (child.value && child.value.isMesh) {
+        if (child.value && child.value.isMesh) {
-					child.value.visible = true
+            child.value.visible = true
-			}
+        }
-	})
+    })
-	mirror.visible = true
+    mirror.visible = true
 }
 watchEffect(() => {
-	if (props.reflectivity) {
+    if (props.reflectivity) {
-			material.uniforms.uReflectivity.value = props.reflectivity
+        material.uniforms.uReflectivity.value = props.reflectivity
-	}
+    }
 })
 
 watch(
-	() => props.showGridHelper,
+    () => props.showGridHelper,
-	(newVal) => {
+    (newVal) => {
-			gridHelp.visible = newVal
+        gridHelp.visible = newVal
-	},
+    },
 )
 
 defineExpose({
-	reflector,
+    reflector,
 })
 </script>

src/plugins/qiankunTvt/config.js

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2025-04-01 15:50:33
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-04-02 11:25:25
+ * @LastEditTime: 2025-04-03 09:14:57
  */
 export default {
     name: 'qiankunTvt',
@@ -34,5 +34,13 @@ export default {
             disableFPSGraph: false,
             disableSrcBtn: true,
         },
+        {
+            src: 'plugins/medical/preview/yuriBrain.png',
+            type: 'img',
+            name: 'other',
+            title: '其他场景移植',
+            disableFPSGraph: false,
+            disableSrcBtn: true,
+        },
     ],
 }

src/plugins/qiankunTvt/pages/other.vue

@@ -0,0 +1,40 @@
+<template>
+    <TresCanvas clearColor="#000" :windowSize="!qiankunWindow.__POWERED_BY_QIANKUN__" :style="{ height }">
+        <TresPerspectiveCamera :position="[6, 3, 0]" :fov="45" :near="0.1" :far="10000" />
+        <OrbitControls enableDamping autoRotate />
+
+        <yuriBrainModel v-bind="yuriBrainConfig" />
+
+        <Suspense>
+            <reflectorDUDV :position="[0, -1.36, 0]" v-bind="reflectorState" />
+        </Suspense>
+    </TresCanvas>
+    <h1 v-if="!qiankunWindow.__POWERED_BY_QIANKUN__" class="text-center text-white w-full absolute">请通过qiankun主程序访问此页面</h1>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, onMounted } from 'vue'
+import { OrbitControls } from '@tresjs/cientos'
+import { reflectorDUDV } from 'PLS/floor'
+import yuriBrainModel from 'PLS/medical/components/yuriBrain/index.vue'
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
+
+const reflectorState = reactive({
+    reflectivity: 0.8,
+    showGridHelper: false,
+    scale: 1,
+})
+
+const yuriBrainConfig = reactive({
+    tubesColor: '#59b5ff',
+    particlesColor: '#97ffcc',
+    speed: 1,
+})
+const height = ref('auto')
+onMounted(() => {
+    const parentElement = document.querySelector('.app-main')
+    if (parentElement) {
+        height.value = `${parentElement.clientHeight}px`
+    }
+})
+</script>