@@ -23,55 +23,55 @@ export type ArcballControlsProps = Omit<
23
23
'ref'
24
24
>
25
25
26
- export const ArcballControls : ForwardRefComponent < ArcballControlsProps , ArcballControlsImpl > = forwardRef <
27
- ArcballControlsImpl ,
28
- ArcballControlsProps
29
- > ( ( { camera, makeDefault, regress, domElement, onChange, onStart, onEnd, ...restProps } , ref ) => {
30
- const invalidate = useThree ( ( state ) => state . invalidate )
31
- const defaultCamera = useThree ( ( state ) => state . camera )
32
- const gl = useThree ( ( state ) => state . gl )
33
- const events = useThree ( ( state ) => state . events ) as EventManager < HTMLElement >
34
- const set = useThree ( ( state ) => state . set )
35
- const get = useThree ( ( state ) => state . get )
36
- const performance = useThree ( ( state ) => state . performance )
37
- const explCamera = camera || defaultCamera
38
- const explDomElement = ( domElement || events . connected || gl . domElement ) as HTMLElement
39
- const controls = useMemo ( ( ) => new ArcballControlsImpl ( explCamera ) , [ explCamera ] )
26
+ export const ArcballControls : ForwardRefComponent < ArcballControlsProps , ArcballControlsImpl > =
27
+ /* @__PURE__ */ forwardRef < ArcballControlsImpl , ArcballControlsProps > (
28
+ ( { camera, makeDefault, regress, domElement, onChange, onStart, onEnd, ...restProps } , ref ) => {
29
+ const invalidate = useThree ( ( state ) => state . invalidate )
30
+ const defaultCamera = useThree ( ( state ) => state . camera )
31
+ const gl = useThree ( ( state ) => state . gl )
32
+ const events = useThree ( ( state ) => state . events ) as EventManager < HTMLElement >
33
+ const set = useThree ( ( state ) => state . set )
34
+ const get = useThree ( ( state ) => state . get )
35
+ const performance = useThree ( ( state ) => state . performance )
36
+ const explCamera = camera || defaultCamera
37
+ const explDomElement = ( domElement || events . connected || gl . domElement ) as HTMLElement
38
+ const controls = useMemo ( ( ) => new ArcballControlsImpl ( explCamera ) , [ explCamera ] )
40
39
41
- useFrame ( ( ) => {
42
- if ( controls . enabled ) controls . update ( )
43
- } , - 1 )
40
+ useFrame ( ( ) => {
41
+ if ( controls . enabled ) controls . update ( )
42
+ } , - 1 )
44
43
45
- useEffect ( ( ) => {
46
- controls . connect ( explDomElement )
47
- return ( ) => void controls . dispose ( )
48
- } , [ explDomElement , regress , controls , invalidate ] )
44
+ useEffect ( ( ) => {
45
+ controls . connect ( explDomElement )
46
+ return ( ) => void controls . dispose ( )
47
+ } , [ explDomElement , regress , controls , invalidate ] )
49
48
50
- useEffect ( ( ) => {
51
- const callback = ( e : Event ) => {
52
- invalidate ( )
53
- if ( regress ) performance . regress ( )
54
- if ( onChange ) onChange ( e )
55
- }
49
+ useEffect ( ( ) => {
50
+ const callback = ( e : Event ) => {
51
+ invalidate ( )
52
+ if ( regress ) performance . regress ( )
53
+ if ( onChange ) onChange ( e )
54
+ }
56
55
57
- controls . addEventListener ( 'change' , callback )
58
- if ( onStart ) controls . addEventListener ( 'start' , onStart )
59
- if ( onEnd ) controls . addEventListener ( 'end' , onEnd )
56
+ controls . addEventListener ( 'change' , callback )
57
+ if ( onStart ) controls . addEventListener ( 'start' , onStart )
58
+ if ( onEnd ) controls . addEventListener ( 'end' , onEnd )
60
59
61
- return ( ) => {
62
- controls . removeEventListener ( 'change' , callback )
63
- if ( onStart ) controls . removeEventListener ( 'start' , onStart )
64
- if ( onEnd ) controls . removeEventListener ( 'end' , onEnd )
65
- }
66
- } , [ onChange , onStart , onEnd ] )
60
+ return ( ) => {
61
+ controls . removeEventListener ( 'change' , callback )
62
+ if ( onStart ) controls . removeEventListener ( 'start' , onStart )
63
+ if ( onEnd ) controls . removeEventListener ( 'end' , onEnd )
64
+ }
65
+ } , [ onChange , onStart , onEnd ] )
67
66
68
- useEffect ( ( ) => {
69
- if ( makeDefault ) {
70
- const old = get ( ) . controls
71
- set ( { controls } )
72
- return ( ) => set ( { controls : old } )
73
- }
74
- } , [ makeDefault , controls ] )
67
+ useEffect ( ( ) => {
68
+ if ( makeDefault ) {
69
+ const old = get ( ) . controls
70
+ set ( { controls } )
71
+ return ( ) => set ( { controls : old } )
72
+ }
73
+ } , [ makeDefault , controls ] )
75
74
76
- return < primitive ref = { ref } object = { controls } { ...restProps } />
77
- } )
75
+ return < primitive ref = { ref } object = { controls } { ...restProps } />
76
+ }
77
+ )
1 commit comments
vercel[bot] commentedon Oct 12, 2023
Successfully deployed to the following URLs:
drei – ./
drei-git-master-pmndrs.vercel.app
drei.react-spring.io
drei-pmndrs.vercel.app
drei.vercel.app
drei.pmnd.rs