mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

refactor(responsive-observe): improve typescript type (#27305)

Browse Source
This commit is contained in:
Tom Xu 2020-10-23 10:57:13 +08:00 committed by GitHub
parent a442722cd2
commit 6e0981d1df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/_util/responsiveObserve.ts
View File

@ -1,5 +1,5 @@
export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'; export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
export type BreakpointMap = Partial<Record<Breakpoint, string>>; export type BreakpointMap = Record<Breakpoint, string>;
export type ScreenMap = Partial<Record<Breakpoint, boolean>>; export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
export type ScreenSizeMap = Partial<Record<Breakpoint, number>>; export type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
@ -44,7 +44,7 @@ const responsiveObserve = {
}, },
unregister() { unregister() {
Object.keys(responsiveMap).forEach((screen: Breakpoint) => { Object.keys(responsiveMap).forEach((screen: Breakpoint) => {
const matchMediaQuery = responsiveMap[screen]!; const matchMediaQuery = responsiveMap[screen];
const handler = this.matchHandlers[matchMediaQuery]; const handler = this.matchHandlers[matchMediaQuery];
handler?.mql.removeListener(handler?.listener); handler?.mql.removeListener(handler?.listener);
}); });
@ -52,7 +52,7 @@ const responsiveObserve = {
}, },
register() { register() {
Object.keys(responsiveMap).forEach((screen: Breakpoint) => { Object.keys(responsiveMap).forEach((screen: Breakpoint) => {
const matchMediaQuery = responsiveMap[screen]!; const matchMediaQuery = responsiveMap[screen];
const listener = ({ matches }: { matches: boolean }) => { const listener = ({ matches }: { matches: boolean }) => {
this.dispatch({ this.dispatch({
...screens, ...screens,