@react-three/drei 9.90.2 → 9.91.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
import * as THREE from 'three';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
type MotionPathProps = JSX.IntrinsicElements['group'] & {
|
|
4
|
+
curves?: THREE.Curve<THREE.Vector3>[];
|
|
5
|
+
debug?: boolean;
|
|
6
|
+
object?: React.MutableRefObject<THREE.Object3D>;
|
|
7
|
+
focus?: [x: number, y: number, z: number] | React.MutableRefObject<THREE.Object3D>;
|
|
8
|
+
offset?: number;
|
|
9
|
+
smooth?: boolean | number;
|
|
10
|
+
eps?: number;
|
|
11
|
+
damping?: number;
|
|
12
|
+
focusDamping?: number;
|
|
13
|
+
maxSpeed?: number;
|
|
14
|
+
};
|
|
3
15
|
type MotionState = {
|
|
4
16
|
current: number;
|
|
5
17
|
path: THREE.CurvePath<THREE.Vector3>;
|
|
@@ -11,5 +23,5 @@ type MotionState = {
|
|
|
11
23
|
next: THREE.Vector3;
|
|
12
24
|
};
|
|
13
25
|
export declare function useMotion(): MotionState;
|
|
14
|
-
export declare const MotionPathControls: React.ForwardRefExoticComponent<React.RefAttributes<THREE.Group>>;
|
|
26
|
+
export declare const MotionPathControls: React.ForwardRefExoticComponent<Omit<MotionPathProps, "ref"> & React.RefAttributes<THREE.Group>>;
|
|
15
27
|
export {};
|
package/core/StatsGl.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("stats-gl");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("stats-gl");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e),o=n(r);exports.StatsGl=function({className:e,parent:r,...n}){const u=t.useThree((e=>e.gl)),a=c.useMemo((()=>{const e=new o.default({...n});return e.init(u),e}),[u]);return c.useEffect((()=>{if(a){const n=r&&r.current||document.body;null==n||n.appendChild(a.dom),e&&a.container.classList.add(...e.split(" ").filter((e=>e)));const u=t.addAfterEffect((()=>a.update()));return()=>{null==n||n.removeChild(a.dom),u()}}}),[r,a,e]),null};
|
package/core/StatsGl.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { useThree,
|
|
2
|
+
import { useThree, addAfterEffect } from '@react-three/fiber';
|
|
3
3
|
import Stats from 'stats-gl';
|
|
4
4
|
|
|
5
5
|
function StatsGl({
|
|
@@ -12,19 +12,17 @@ function StatsGl({
|
|
|
12
12
|
const stats = new Stats({
|
|
13
13
|
...props
|
|
14
14
|
});
|
|
15
|
-
stats.init(gl
|
|
15
|
+
stats.init(gl);
|
|
16
16
|
return stats;
|
|
17
17
|
}, [gl]);
|
|
18
18
|
React.useEffect(() => {
|
|
19
19
|
if (stats) {
|
|
20
20
|
const node = parent && parent.current || document.body;
|
|
21
|
-
node == null || node.appendChild(stats.
|
|
21
|
+
node == null || node.appendChild(stats.dom);
|
|
22
22
|
if (className) stats.container.classList.add(...className.split(' ').filter(cls => cls));
|
|
23
|
-
const
|
|
24
|
-
const end = addAfterEffect(() => stats.end());
|
|
23
|
+
const end = addAfterEffect(() => stats.update());
|
|
25
24
|
return () => {
|
|
26
|
-
node == null || node.removeChild(stats.
|
|
27
|
-
begin();
|
|
25
|
+
node == null || node.removeChild(stats.dom);
|
|
28
26
|
end();
|
|
29
27
|
};
|
|
30
28
|
}
|