@react-three/fiber 8.10.4 → 8.11.0
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/CHANGELOG.md +7 -0
- package/dist/declarations/src/core/events.d.ts +71 -70
- package/dist/declarations/src/core/hooks.d.ts +29 -29
- package/dist/declarations/src/core/index.d.ts +55 -55
- package/dist/declarations/src/core/loop.d.ts +14 -14
- package/dist/declarations/src/core/renderer.d.ts +52 -52
- package/dist/declarations/src/core/store.d.ts +95 -95
- package/dist/declarations/src/core/utils.d.ts +83 -83
- package/dist/declarations/src/index.d.ts +12 -12
- package/dist/declarations/src/native/Canvas.d.ts +8 -8
- package/dist/declarations/src/native/events.d.ts +4 -4
- package/dist/declarations/src/native/polyfills.d.ts +1 -1
- package/dist/declarations/src/native.d.ts +12 -12
- package/dist/declarations/src/three-types.d.ts +335 -335
- package/dist/declarations/src/web/Canvas.d.ts +11 -11
- package/dist/declarations/src/web/events.d.ts +4 -4
- package/dist/react-three-fiber.cjs.dev.js +8 -0
- package/dist/react-three-fiber.cjs.prod.js +8 -0
- package/dist/react-three-fiber.esm.js +8 -0
- package/native/dist/react-three-fiber-native.cjs.dev.js +8 -0
- package/native/dist/react-three-fiber-native.cjs.prod.js +8 -0
- package/native/dist/react-three-fiber-native.esm.js +8 -0
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { Options as ResizeOptions } from 'react-use-measure';
|
|
3
|
-
import { RenderProps } from '../core';
|
|
4
|
-
export interface Props extends Omit<RenderProps<HTMLCanvasElement>, 'size'>, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
fallback?: React.ReactNode;
|
|
7
|
-
resize?: ResizeOptions;
|
|
8
|
-
eventSource?: HTMLElement | React.MutableRefObject<HTMLElement>;
|
|
9
|
-
eventPrefix?: 'offset' | 'client' | 'page' | 'layer' | 'screen';
|
|
10
|
-
}
|
|
11
|
-
export declare const Canvas: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLCanvasElement>>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { Options as ResizeOptions } from 'react-use-measure';
|
|
3
|
+
import { RenderProps } from '../core';
|
|
4
|
+
export interface Props extends Omit<RenderProps<HTMLCanvasElement>, 'size'>, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
fallback?: React.ReactNode;
|
|
7
|
+
resize?: ResizeOptions;
|
|
8
|
+
eventSource?: HTMLElement | React.MutableRefObject<HTMLElement>;
|
|
9
|
+
eventPrefix?: 'offset' | 'client' | 'page' | 'layer' | 'screen';
|
|
10
|
+
}
|
|
11
|
+
export declare const Canvas: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLCanvasElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { UseBoundStore } from 'zustand';
|
|
2
|
-
import { RootState } from '../core/store';
|
|
3
|
-
import { EventManager } from '../core/events';
|
|
4
|
-
export declare function createPointerEvents(store: UseBoundStore<RootState>): EventManager<HTMLElement>;
|
|
1
|
+
import { UseBoundStore } from 'zustand';
|
|
2
|
+
import { RootState } from '../core/store';
|
|
3
|
+
import { EventManager } from '../core/events';
|
|
4
|
+
export declare function createPointerEvents(store: UseBoundStore<RootState>): EventManager<HTMLElement>;
|
|
@@ -70,6 +70,14 @@ function createPointerEvents(store) {
|
|
|
70
70
|
...acc,
|
|
71
71
|
[key]: handlePointer(key)
|
|
72
72
|
}), {}),
|
|
73
|
+
update: () => {
|
|
74
|
+
var _internal$lastEvent;
|
|
75
|
+
const {
|
|
76
|
+
events,
|
|
77
|
+
internal
|
|
78
|
+
} = store.getState();
|
|
79
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
80
|
+
},
|
|
73
81
|
connect: target => {
|
|
74
82
|
var _events$handlers;
|
|
75
83
|
const {
|
|
@@ -70,6 +70,14 @@ function createPointerEvents(store) {
|
|
|
70
70
|
...acc,
|
|
71
71
|
[key]: handlePointer(key)
|
|
72
72
|
}), {}),
|
|
73
|
+
update: () => {
|
|
74
|
+
var _internal$lastEvent;
|
|
75
|
+
const {
|
|
76
|
+
events,
|
|
77
|
+
internal
|
|
78
|
+
} = store.getState();
|
|
79
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
80
|
+
},
|
|
73
81
|
connect: target => {
|
|
74
82
|
var _events$handlers;
|
|
75
83
|
const {
|
|
@@ -43,6 +43,14 @@ function createPointerEvents(store) {
|
|
|
43
43
|
...acc,
|
|
44
44
|
[key]: handlePointer(key)
|
|
45
45
|
}), {}),
|
|
46
|
+
update: () => {
|
|
47
|
+
var _internal$lastEvent;
|
|
48
|
+
const {
|
|
49
|
+
events,
|
|
50
|
+
internal
|
|
51
|
+
} = store.getState();
|
|
52
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
53
|
+
},
|
|
46
54
|
connect: target => {
|
|
47
55
|
var _events$handlers;
|
|
48
56
|
const {
|
|
@@ -92,6 +92,14 @@ function createTouchEvents(store) {
|
|
|
92
92
|
...acc,
|
|
93
93
|
[name]: event => handleTouch(event, name)
|
|
94
94
|
}), {}),
|
|
95
|
+
update: () => {
|
|
96
|
+
var _internal$lastEvent;
|
|
97
|
+
const {
|
|
98
|
+
events,
|
|
99
|
+
internal
|
|
100
|
+
} = store.getState();
|
|
101
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
102
|
+
},
|
|
95
103
|
connect: () => {
|
|
96
104
|
const {
|
|
97
105
|
set,
|
|
@@ -92,6 +92,14 @@ function createTouchEvents(store) {
|
|
|
92
92
|
...acc,
|
|
93
93
|
[name]: event => handleTouch(event, name)
|
|
94
94
|
}), {}),
|
|
95
|
+
update: () => {
|
|
96
|
+
var _internal$lastEvent;
|
|
97
|
+
const {
|
|
98
|
+
events,
|
|
99
|
+
internal
|
|
100
|
+
} = store.getState();
|
|
101
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
102
|
+
},
|
|
95
103
|
connect: () => {
|
|
96
104
|
const {
|
|
97
105
|
set,
|
|
@@ -65,6 +65,14 @@ function createTouchEvents(store) {
|
|
|
65
65
|
...acc,
|
|
66
66
|
[name]: event => handleTouch(event, name)
|
|
67
67
|
}), {}),
|
|
68
|
+
update: () => {
|
|
69
|
+
var _internal$lastEvent;
|
|
70
|
+
const {
|
|
71
|
+
events,
|
|
72
|
+
internal
|
|
73
|
+
} = store.getState();
|
|
74
|
+
if ((_internal$lastEvent = internal.lastEvent) != null && _internal$lastEvent.current && events.handlers) events.handlers.onPointerMove(internal.lastEvent.current);
|
|
75
|
+
},
|
|
68
76
|
connect: () => {
|
|
69
77
|
const {
|
|
70
78
|
set,
|