bc518174
 王天杨
提交两个项目文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
import { createContext, useContext, ReactNode } from 'react';
import { useDayPicker } from 'contexts/DayPicker';
import { useSelectMultiple } from 'contexts/SelectMultiple';
import { useSelectRange } from 'contexts/SelectRange';
import { CustomModifiers, InternalModifiers, Modifiers } from 'types/Modifiers';
import { getCustomModifiers } from './utils/getCustomModifiers';
import { getInternalModifiers } from './utils/getInternalModifiers';
/** The Modifiers context store the modifiers used in DayPicker. To access the value of this context, use {@link useModifiers}. */
export const ModifiersContext = createContext<Modifiers | undefined>(undefined);
export type ModifiersProviderProps = { children: ReactNode };
/** Provide the value for the {@link ModifiersContext}. */
export function ModifiersProvider(props: ModifiersProviderProps): JSX.Element {
const dayPicker = useDayPicker();
const selectMultiple = useSelectMultiple();
const selectRange = useSelectRange();
const internalModifiers: InternalModifiers = getInternalModifiers(
dayPicker,
selectMultiple,
selectRange
);
const customModifiers: CustomModifiers = getCustomModifiers(
dayPicker.modifiers
);
const modifiers: Modifiers = {
...internalModifiers,
...customModifiers
};
return (
<ModifiersContext.Provider value={modifiers}>
{props.children}
</ModifiersContext.Provider>
);
}
/**
* Return the modifiers used by DayPicker.
*
* This hook is meant to be used inside internal or custom components.
* Requires to be wrapped into {@link ModifiersProvider}.
*
*/
export function useModifiers(): Modifiers {
const context = useContext(ModifiersContext);
if (!context) {
throw new Error('useModifiers must be used within a ModifiersProvider');
}
return context;
}
|
