@react-three/drei 9.56.21 → 9.56.22
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.
- package/README.md +0 -2
- package/core/CameraControls.cjs.js +1 -1
- package/core/CameraControls.js +1 -14
- package/core/OrbitControls.cjs.js +1 -1
- package/core/OrbitControls.d.ts +0 -1
- package/core/OrbitControls.js +1 -14
- package/index.cjs.js +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -369,8 +369,6 @@ type CameraControlsProps = {
|
|
|
369
369
|
onStart?: (e?: { type: 'controlstart' }) => void
|
|
370
370
|
onEnd?: (e?: { type: 'controlend' }) => void
|
|
371
371
|
onChange?: (e?: { type: 'update' }) => void
|
|
372
|
-
/** While "dragging", state's `events` are disabled by default(for performance). You can explicitly disable this optimisation, by setting this prop to true */
|
|
373
|
-
events?: boolean
|
|
374
372
|
}
|
|
375
373
|
```
|
|
376
374
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react"),n=require("@react-three/fiber"),o=require("camera-controls");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 u=s(e),c=a(t),l=a(r),d=s(o);const f=r.forwardRef(((e,t)=>{r.useMemo((()=>{d.default.install({THREE:c}),n.extend({CameraControlsImpl:d.default})}),[]);const{camera:o,domElement:s,makeDefault:a,onStart:f,onEnd:i,onChange:m,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react"),n=require("@react-three/fiber"),o=require("camera-controls");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 u=s(e),c=a(t),l=a(r),d=s(o);const f=r.forwardRef(((e,t)=>{r.useMemo((()=>{d.default.install({THREE:c}),n.extend({CameraControlsImpl:d.default})}),[]);const{camera:o,domElement:s,makeDefault:a,onStart:f,onEnd:i,onChange:m,regress:v,...E}=e,p=n.useThree((e=>e.camera)),b=n.useThree((e=>e.gl)),h=n.useThree((e=>e.invalidate)),T=n.useThree((e=>e.events)),g=n.useThree((e=>e.setEvents)),j=n.useThree((e=>e.set)),O=n.useThree((e=>e.get)),L=n.useThree((e=>e.performance)),q=o||p,y=s||T.connected||b.domElement,C=r.useMemo((()=>new d.default(q)),[q]);return n.useFrame(((e,t)=>{C.enabled&&C.update(t)}),-1),r.useEffect((()=>(C.connect(y),()=>{C.disconnect()})),[y,C]),l.useEffect((()=>{const e=e=>{h(),v&&L.regress(),m&&m(e)},t=e=>{f&&f(e)},r=e=>{i&&i(e)};return C.addEventListener("update",e),C.addEventListener("controlstart",t),C.addEventListener("controlend",r),()=>{C.removeEventListener("update",e),C.removeEventListener("controlstart",t),C.removeEventListener("controlend",r)}}),[C,f,i,h,g,v,m]),r.useEffect((()=>{if(a){const e=O().controls;return j({controls:C}),()=>j({controls:e})}}),[a,C]),l.createElement("primitive",u.default({ref:t,object:C},E))}));exports.CameraControls=f;
|
package/core/CameraControls.js
CHANGED
|
@@ -21,7 +21,6 @@ const CameraControls = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
21
21
|
onStart,
|
|
22
22
|
onEnd,
|
|
23
23
|
onChange,
|
|
24
|
-
events: enableEvents = true,
|
|
25
24
|
regress,
|
|
26
25
|
...restProps
|
|
27
26
|
} = props;
|
|
@@ -44,12 +43,6 @@ const CameraControls = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
44
43
|
return () => void controls.disconnect();
|
|
45
44
|
}, [explDomElement, controls]);
|
|
46
45
|
React.useEffect(() => {
|
|
47
|
-
if (enableEvents) {
|
|
48
|
-
setEvents({
|
|
49
|
-
enabled: true
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
46
|
const callback = e => {
|
|
54
47
|
invalidate();
|
|
55
48
|
if (regress) performance.regress();
|
|
@@ -58,16 +51,10 @@ const CameraControls = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
58
51
|
|
|
59
52
|
const onStartCb = e => {
|
|
60
53
|
if (onStart) onStart(e);
|
|
61
|
-
if (!enableEvents) setEvents({
|
|
62
|
-
enabled: false
|
|
63
|
-
});
|
|
64
54
|
};
|
|
65
55
|
|
|
66
56
|
const onEndCb = e => {
|
|
67
57
|
if (onEnd) onEnd(e);
|
|
68
|
-
if (!enableEvents) setEvents({
|
|
69
|
-
enabled: true
|
|
70
|
-
});
|
|
71
58
|
};
|
|
72
59
|
|
|
73
60
|
controls.addEventListener('update', callback);
|
|
@@ -78,7 +65,7 @@ const CameraControls = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
78
65
|
controls.removeEventListener('controlstart', onStartCb);
|
|
79
66
|
controls.removeEventListener('controlend', onEndCb);
|
|
80
67
|
};
|
|
81
|
-
}, [controls,
|
|
68
|
+
}, [controls, onStart, onEnd, invalidate, setEvents, regress, onChange]);
|
|
82
69
|
useEffect(() => {
|
|
83
70
|
if (makeDefault) {
|
|
84
71
|
const old = get().controls;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@react-three/fiber"),r=require("react"),n=require("three-stdlib");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@react-three/fiber"),r=require("react"),n=require("three-stdlib");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 a=s(e),u=o(r);const c=u.forwardRef((({makeDefault:e,camera:r,regress:s,domElement:o,enableDamping:c=!0,onChange:i,onStart:f,onEnd:d,...l},m)=>{const b=t.useThree((e=>e.invalidate)),v=t.useThree((e=>e.camera)),h=t.useThree((e=>e.gl)),E=t.useThree((e=>e.events)),p=t.useThree((e=>e.setEvents)),g=t.useThree((e=>e.set)),O=t.useThree((e=>e.get)),j=t.useThree((e=>e.performance)),T=r||v,L=o||E.connected||h.domElement,y=u.useMemo((()=>new n.OrbitControls(T)),[T]);return t.useFrame((()=>{y.enabled&&y.update()}),-1),u.useEffect((()=>(y.connect(L),()=>{y.dispose()})),[L,s,y,b]),u.useEffect((()=>{const e=e=>{b(),s&&j.regress(),i&&i(e)},t=e=>{f&&f(e)},r=e=>{d&&d(e)};return y.addEventListener("change",e),y.addEventListener("start",t),y.addEventListener("end",r),()=>{y.removeEventListener("start",t),y.removeEventListener("end",r),y.removeEventListener("change",e)}}),[i,f,d,y,b,p]),u.useEffect((()=>{if(e){const e=O().controls;return g({controls:y}),()=>g({controls:e})}}),[e,y]),u.createElement("primitive",a.default({ref:m,object:y,enableDamping:c},l))}));exports.OrbitControls=c;
|
package/core/OrbitControls.d.ts
CHANGED
|
@@ -17,6 +17,5 @@ export declare type OrbitControlsProps = Omit<ReactThreeFiber.Overwrite<ReactThr
|
|
|
17
17
|
onStart?: (e?: Event) => void;
|
|
18
18
|
regress?: boolean;
|
|
19
19
|
target?: ReactThreeFiber.Vector3;
|
|
20
|
-
events?: boolean;
|
|
21
20
|
}>, 'ref'>;
|
|
22
21
|
export declare const OrbitControls: React.ForwardRefExoticComponent<OrbitControlsProps & React.RefAttributes<OrbitControlsImpl>>;
|
package/core/OrbitControls.js
CHANGED
|
@@ -5,7 +5,6 @@ import { OrbitControls as OrbitControls$1 } from 'three-stdlib';
|
|
|
5
5
|
|
|
6
6
|
const OrbitControls = /*#__PURE__*/React.forwardRef(({
|
|
7
7
|
makeDefault,
|
|
8
|
-
events: enableEvents = true,
|
|
9
8
|
camera,
|
|
10
9
|
regress,
|
|
11
10
|
domElement,
|
|
@@ -34,12 +33,6 @@ const OrbitControls = /*#__PURE__*/React.forwardRef(({
|
|
|
34
33
|
return () => void controls.dispose();
|
|
35
34
|
}, [explDomElement, regress, controls, invalidate]);
|
|
36
35
|
React.useEffect(() => {
|
|
37
|
-
if (enableEvents) {
|
|
38
|
-
setEvents({
|
|
39
|
-
enabled: true
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
|
|
43
36
|
const callback = e => {
|
|
44
37
|
invalidate();
|
|
45
38
|
if (regress) performance.regress();
|
|
@@ -48,16 +41,10 @@ const OrbitControls = /*#__PURE__*/React.forwardRef(({
|
|
|
48
41
|
|
|
49
42
|
const onStartCb = e => {
|
|
50
43
|
if (onStart) onStart(e);
|
|
51
|
-
if (!enableEvents) setEvents({
|
|
52
|
-
enabled: false
|
|
53
|
-
});
|
|
54
44
|
};
|
|
55
45
|
|
|
56
46
|
const onEndCb = e => {
|
|
57
47
|
if (onEnd) onEnd(e);
|
|
58
|
-
if (!enableEvents) setEvents({
|
|
59
|
-
enabled: true
|
|
60
|
-
});
|
|
61
48
|
};
|
|
62
49
|
|
|
63
50
|
controls.addEventListener('change', callback);
|
|
@@ -68,7 +55,7 @@ const OrbitControls = /*#__PURE__*/React.forwardRef(({
|
|
|
68
55
|
controls.removeEventListener('end', onEndCb);
|
|
69
56
|
controls.removeEventListener('change', callback);
|
|
70
57
|
};
|
|
71
|
-
}, [onChange, onStart, onEnd, controls, invalidate,
|
|
58
|
+
}, [onChange, onStart, onEnd, controls, invalidate, setEvents]);
|
|
72
59
|
React.useEffect(() => {
|
|
73
60
|
if (makeDefault) {
|
|
74
61
|
const old = get().controls;
|