@react-three/postprocessing 2.15.0 → 2.15.1

package/dist/index.cjs

@@ -206,25 +206,70 @@ const useVector2 = (props, key) => {
       return new THREE__namespace.Vector2();
   }, [value]);
 };
-const DepthOfField = React.forwardRef(function DepthOfField2({ target, depthTexture, ...props }, ref) {
-  const invalidate = fiber.useThree((state) => state.invalidate);
+const DepthOfField = React.forwardRef(function DepthOfField2({
+  blendFunction,
+  worldFocusDistance,
+  worldFocusRange,
+  focusDistance,
+  focusRange,
+  focalLength,
+  bokehScale,
+  resolutionScale,
+  resolutionX,
+  resolutionY,
+  width,
+  height,
+  target,
+  depthTexture,
+  ...props
+}, ref) {
   const { camera } = React.useContext(EffectComposerContext);
+  const autoFocus = target != null;
   const effect = React.useMemo(() => {
-    const effect2 = new postprocessing.DepthOfFieldEffect(camera, props);
+    const effect2 = new postprocessing.DepthOfFieldEffect(camera, {
+      blendFunction,
+      worldFocusDistance,
+      worldFocusRange,
+      focusDistance,
+      focusRange,
+      focalLength,
+      bokehScale,
+      resolutionScale,
+      resolutionX,
+      resolutionY,
+      width,
+      height
+    });
+    if (autoFocus)
+      effect2.target = new THREE.Vector3();
+    if (depthTexture)
+      effect2.setDepthTexture(depthTexture.texture, depthTexture.packing);
     const maskMaterial = effect2.maskPass.getFullscreenMaterial();
     maskMaterial.maskFunction = postprocessing.MaskFunction.MULTIPLY_RGB_SET_ALPHA;
     return effect2;
-  }, [camera, props]);
-  React.useLayoutEffect(() => {
-    if (target && typeof target !== "number") {
-      const vec = target instanceof THREE.Vector3 ? new THREE.Vector3().set(target.x, target.y, target.z) : new THREE.Vector3().set(target[0], target[1], target[2]);
-      effect.target = vec;
-    }
-    if (depthTexture)
-      effect.setDepthTexture(depthTexture.texture, depthTexture.packing);
-    invalidate();
-  }, [target, depthTexture, effect]);
-  return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref, object: effect, dispose: null });
+  }, [
+    camera,
+    blendFunction,
+    worldFocusDistance,
+    worldFocusRange,
+    focusDistance,
+    focusRange,
+    focalLength,
+    bokehScale,
+    resolutionScale,
+    resolutionX,
+    resolutionY,
+    width,
+    height,
+    autoFocus,
+    depthTexture
+  ]);
+  React.useEffect(() => {
+    return () => {
+      effect.dispose();
+    };
+  }, [effect]);
+  return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ...props, ref, object: effect, target });
 });
 const Autofocus = React.forwardRef(
   ({ target = void 0, mouse: followMouse = false, debug = void 0, manual = false, smoothTime = 0.25, ...props }, fref) => {