diff --git a/components/layout/Sider.tsx b/components/layout/Sider.tsx index 2a9c96056c..49165af58f 100644 --- a/components/layout/Sider.tsx +++ b/components/layout/Sider.tsx @@ -1,33 +1,9 @@ -// matchMedia polyfill for -// https://github.com/WickyNilliams/enquire.js/issues/82 -if (typeof window !== 'undefined') { - const matchMediaPolyfill = (mediaQuery: string): MediaQueryList => { - return { - media: mediaQuery, - matches: false, - addListener() { - }, - removeListener() { - }, - }; - }; - window.matchMedia = window.matchMedia || matchMediaPolyfill; -} - import React from 'react'; import classNames from 'classnames'; import omit from 'omit.js'; import PropTypes from 'prop-types'; import Icon from '../icon'; -const dimensionMap = { - xs: '480px', - sm: '768px', - md: '992px', - lg: '1200px', - xl: '1600px', -}; - export interface SiderProps { style?: React.CSSProperties; prefixCls?: string; @@ -64,13 +40,6 @@ export default class Sider extends React.Component { constructor(props) { super(props); - let matchMedia; - if (typeof window !== 'undefined') { - matchMedia = window.matchMedia; - } - if (matchMedia && props.breakpoint && props.breakpoint in dimensionMap) { - this.mql = matchMedia(`(max-width: ${dimensionMap[props.breakpoint]})`); - } let collapsed; if ('collapsed' in props) { collapsed = props.collapsed;