mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Andrew ClarkandGitHub
6b5deeed50
* [Events] Add EventPriority enum React DOM's DispatchConfig for synthetic events has an `isDiscrete` field that affects how updates triggered by an event are scheduled. Events are either discrete or continuous. This commit adds an additional type of configuration where an event has user-blocking priority, but is not discrete. E.g. updates triggered by hover are more important than the default, but they don't need to be processed serially. Because there are now three types of event priority instead of two, I've replaced the `isDiscrete` boolean with an enum: `eventPriority`. This commit implements the new enum value but does not change any behavior. I'll enable it behind a feature flag in the next commit. I've only implemented this in the legacy event system. I'll leave Flare for a follow-up. * enableUserBlockingEvents feature flag Adds a feature flag to increase the priority of events like `mouseover`, without making them discrete.
40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* Flow type for SyntheticEvent class that includes private properties
|
|
* @flow
|
|
*/
|
|
|
|
import type {Fiber} from 'react-reconciler/src/ReactFiber';
|
|
import type {TopLevelType} from './TopLevelEventTypes';
|
|
|
|
export opaque type EventPriority = 0 | 1 | 2;
|
|
|
|
export const DiscreteEvent: EventPriority = 0;
|
|
export const UserBlockingEvent: EventPriority = 1;
|
|
export const ContinuousEvent: EventPriority = 2;
|
|
|
|
export type DispatchConfig = {
|
|
dependencies: Array<TopLevelType>,
|
|
phasedRegistrationNames?: {
|
|
bubbled: string,
|
|
captured: string,
|
|
},
|
|
registrationName?: string,
|
|
eventPriority: EventPriority,
|
|
};
|
|
|
|
export type ReactSyntheticEvent = {
|
|
dispatchConfig: DispatchConfig,
|
|
getPooled: (
|
|
dispatchConfig: DispatchConfig,
|
|
targetInst: Fiber,
|
|
nativeTarget: Event,
|
|
nativeEventTarget: EventTarget,
|
|
) => ReactSyntheticEvent,
|
|
isPersistent: () => boolean,
|
|
} & SyntheticEvent<>;
|