lythreeframe 1.2.65 → 1.2.68

package/dist/bundle.cjs.js

@@ -1087,9 +1087,48 @@ class AssetManager {
     }
     setupDracoLoader(dracoPath) {
         if (!this.dracoLoader) {
-            this.dracoLoader = new Addons_js.DRACOLoader(this.loadingManager);
+            // Create DRACOLoader without passing LoadingManager
+            this.dracoLoader = new Addons_js.DRACOLoader();
+            // Clear manager callbacks to avoid Worker cloning issues
+            if (this.dracoLoader.manager) {
+                const manager = this.dracoLoader.manager;
+                manager.onStart = undefined;
+                manager.onLoad = undefined;
+                manager.onProgress = undefined;
+                manager.onError = undefined;
+            }
             this.dracoLoader.setDecoderPath(dracoPath);
-            this.dracoLoader.setDecoderConfig({ type: "js" });
+            // Intercept Worker creation to fix Vue reactivity issues
+            const OriginalWorker = window.Worker;
+            if (OriginalWorker && !OriginalWorker._dracoPatched) {
+                OriginalWorker._dracoPatched = true;
+                window.Worker = function (scriptURL, options) {
+                    const worker = new OriginalWorker(scriptURL, options);
+                    const originalPostMessage = worker.postMessage.bind(worker);
+                    worker.postMessage = function (message, transfer) {
+                        // Fix decoderConfig if it exists and is a Vue proxy
+                        if (message && message.decoderConfig && typeof message.decoderConfig === 'object') {
+                            const config = message.decoderConfig;
+                            const plainConfig = {};
+                            // Copy all properties to create a plain object
+                            for (const key in config) {
+                                if (Object.prototype.hasOwnProperty.call(config, key)) {
+                                    plainConfig[key] = config[key];
+                                }
+                            }
+                            message = Object.assign(Object.assign({}, message), { decoderConfig: plainConfig });
+                        }
+                        return originalPostMessage(message, transfer);
+                    };
+                    return worker;
+                };
+                // Copy static properties
+                for (const key in OriginalWorker) {
+                    if (Object.prototype.hasOwnProperty.call(OriginalWorker, key)) {
+                        window.Worker[key] = OriginalWorker[key];
+                    }
+                }
+            }
             this.dracoLoader.preload();
             this.gltfLoader.setDRACOLoader(this.dracoLoader);
         }
@@ -1391,6 +1430,24 @@ class World {
         actor.onAddedToWorld(this);
         this.viewport.markRenderStateDirty();
     }
+    removeActor(actor) {
+        actor.destroy();
+        this.actors.delete(actor);
+        this.viewport.markRenderStateDirty();
+    }
+    removeActors(actors) {
+        for (const actor of actors) {
+            actor.destroy();
+            this.actors.delete(actor);
+        }
+        this.viewport.markRenderStateDirty();
+    }
+    getActorById(id) {
+        return this.rootActor.getChildActorById(id, true);
+    }
+    getActorsByIds(ids) {
+        return this.rootActor.getChildActorsByIds(ids, true);
+    }
 }
 
 class WebGPUPostProcessFactory {
@@ -2456,6 +2513,7 @@ class Controller {
         this.fireComponentClick(component, hit, isDoubleClick);
         // Actor level
         const actor = component.parentActor;
+        console.log("[Controller]fireClickEvents", actor, actor === null || actor === void 0 ? void 0 : actor.isClickEnabled);
         if (actor && actor.isClickEnabled) {
             this.fireActorClick(actor, component, hit, isDoubleClick);
         }
@@ -2491,7 +2549,13 @@ class Controller {
         this.raycaster.setFromCamera(this._raycastVec2, this.camera);
         const out = this.getAllHitResultFromScreenPoint(x, y);
         for (const hit of out) {
-            if (!hit.component.isHoverEnabled && !hit.component.isClickEnabled)
+            // 检查 Component 级别的交互状态
+            const componentInteractable = hit.component.isHoverEnabled || hit.component.isClickEnabled;
+            // 检查 Actor 级别的交互状态
+            const actor = hit.component.parentActor;
+            const actorInteractable = actor && (actor.isHoverEnabled || actor.isClickEnabled);
+            // 只要 Component 或 Actor 任一可交互，就返回该结果
+            if (!componentInteractable && !actorInteractable)
                 continue;
             return hit;
         }
@@ -2750,6 +2814,29 @@ class Actor extends BaseObject {
         }
         return null;
     }
+    getChildActorsByIds(ids, bRecursive = true) {
+        const result = [];
+        const idSet = new Set(ids);
+        const directChildren = this.childActors;
+        for (const child of directChildren) {
+            if (idSet.has(child.uuid)) {
+                result.push(child);
+                idSet.delete(child.uuid);
+            }
+        }
+        if (bRecursive && idSet.size > 0) {
+            for (const child of directChildren) {
+                const foundInChildren = child.getChildActorsByIds([...idSet], true);
+                for (const found of foundInChildren) {
+                    result.push(found);
+                    idSet.delete(found.uuid);
+                }
+                if (idSet.size === 0)
+                    break;
+            }
+        }
+        return result;
+    }
     getComponentById(id) {
         return this.rootComponent.getComponentById(id);
     }

package/dist/bundle.esm.js

@@ -1085,9 +1085,48 @@ class AssetManager {
     }
     setupDracoLoader(dracoPath) {
         if (!this.dracoLoader) {
-            this.dracoLoader = new DRACOLoader(this.loadingManager);
+            // Create DRACOLoader without passing LoadingManager
+            this.dracoLoader = new DRACOLoader();
+            // Clear manager callbacks to avoid Worker cloning issues
+            if (this.dracoLoader.manager) {
+                const manager = this.dracoLoader.manager;
+                manager.onStart = undefined;
+                manager.onLoad = undefined;
+                manager.onProgress = undefined;
+                manager.onError = undefined;
+            }
             this.dracoLoader.setDecoderPath(dracoPath);
-            this.dracoLoader.setDecoderConfig({ type: "js" });
+            // Intercept Worker creation to fix Vue reactivity issues
+            const OriginalWorker = window.Worker;
+            if (OriginalWorker && !OriginalWorker._dracoPatched) {
+                OriginalWorker._dracoPatched = true;
+                window.Worker = function (scriptURL, options) {
+                    const worker = new OriginalWorker(scriptURL, options);
+                    const originalPostMessage = worker.postMessage.bind(worker);
+                    worker.postMessage = function (message, transfer) {
+                        // Fix decoderConfig if it exists and is a Vue proxy
+                        if (message && message.decoderConfig && typeof message.decoderConfig === 'object') {
+                            const config = message.decoderConfig;
+                            const plainConfig = {};
+                            // Copy all properties to create a plain object
+                            for (const key in config) {
+                                if (Object.prototype.hasOwnProperty.call(config, key)) {
+                                    plainConfig[key] = config[key];
+                                }
+                            }
+                            message = Object.assign(Object.assign({}, message), { decoderConfig: plainConfig });
+                        }
+                        return originalPostMessage(message, transfer);
+                    };
+                    return worker;
+                };
+                // Copy static properties
+                for (const key in OriginalWorker) {
+                    if (Object.prototype.hasOwnProperty.call(OriginalWorker, key)) {
+                        window.Worker[key] = OriginalWorker[key];
+                    }
+                }
+            }
             this.dracoLoader.preload();
             this.gltfLoader.setDRACOLoader(this.dracoLoader);
         }
@@ -1389,6 +1428,24 @@ class World {
         actor.onAddedToWorld(this);
         this.viewport.markRenderStateDirty();
     }
+    removeActor(actor) {
+        actor.destroy();
+        this.actors.delete(actor);
+        this.viewport.markRenderStateDirty();
+    }
+    removeActors(actors) {
+        for (const actor of actors) {
+            actor.destroy();
+            this.actors.delete(actor);
+        }
+        this.viewport.markRenderStateDirty();
+    }
+    getActorById(id) {
+        return this.rootActor.getChildActorById(id, true);
+    }
+    getActorsByIds(ids) {
+        return this.rootActor.getChildActorsByIds(ids, true);
+    }
 }
 
 class WebGPUPostProcessFactory {
@@ -2454,6 +2511,7 @@ class Controller {
         this.fireComponentClick(component, hit, isDoubleClick);
         // Actor level
         const actor = component.parentActor;
+        console.log("[Controller]fireClickEvents", actor, actor === null || actor === void 0 ? void 0 : actor.isClickEnabled);
         if (actor && actor.isClickEnabled) {
             this.fireActorClick(actor, component, hit, isDoubleClick);
         }
@@ -2489,7 +2547,13 @@ class Controller {
         this.raycaster.setFromCamera(this._raycastVec2, this.camera);
         const out = this.getAllHitResultFromScreenPoint(x, y);
         for (const hit of out) {
-            if (!hit.component.isHoverEnabled && !hit.component.isClickEnabled)
+            // 检查 Component 级别的交互状态
+            const componentInteractable = hit.component.isHoverEnabled || hit.component.isClickEnabled;
+            // 检查 Actor 级别的交互状态
+            const actor = hit.component.parentActor;
+            const actorInteractable = actor && (actor.isHoverEnabled || actor.isClickEnabled);
+            // 只要 Component 或 Actor 任一可交互，就返回该结果
+            if (!componentInteractable && !actorInteractable)
                 continue;
             return hit;
         }
@@ -2748,6 +2812,29 @@ class Actor extends BaseObject {
         }
         return null;
     }
+    getChildActorsByIds(ids, bRecursive = true) {
+        const result = [];
+        const idSet = new Set(ids);
+        const directChildren = this.childActors;
+        for (const child of directChildren) {
+            if (idSet.has(child.uuid)) {
+                result.push(child);
+                idSet.delete(child.uuid);
+            }
+        }
+        if (bRecursive && idSet.size > 0) {
+            for (const child of directChildren) {
+                const foundInChildren = child.getChildActorsByIds([...idSet], true);
+                for (const found of foundInChildren) {
+                    result.push(found);
+                    idSet.delete(found.uuid);
+                }
+                if (idSet.size === 0)
+                    break;
+            }
+        }
+        return result;
+    }
     getComponentById(id) {
         return this.rootComponent.getComponentById(id);
     }

package/dist/lythreeframe/Frame/World.d.ts

@@ -22,4 +22,8 @@ export declare class World {
     tick(deltaTime: number): void;
     destroy(): void;
     addActor(actor: Actor): void;
+    removeActor(actor: Actor): void;
+    removeActors(actors: Actor[]): void;
+    getActorById(id: string): Actor | null;
+    getActorsByIds(ids: string[]): Actor[];
 }

package/dist/lythreeframe/Object/Actor.d.ts

@@ -33,6 +33,7 @@ export declare class Actor extends BaseObject {
     protected constructRootComponent(): SceneComponent;
     getBoundsCenterPosition(bInWorldSpace?: boolean): Vector3;
     getChildActorById(id: string, bRecursive?: boolean): Actor | null;
+    getChildActorsByIds(ids: string[], bRecursive?: boolean): Actor[];
     getComponentById(id: string): SceneComponent | null;
     getBoundsTopCenterPosition(bInWorldSpace?: boolean): Vector3;
     getBoundsBottomCenterPosition(bInWorldSpace?: boolean): Vector3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lythreeframe",
-  "version": "1.2.65",
+  "version": "1.2.68",
   "description": "Three.js 封装",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",