lythreeframe 1.2.67 → 1.2.69

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);
         }

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);
         }

package/package.json

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