create setMatchMedia in assist.js

src/components/layout/sider.vue

@@ -15,19 +15,9 @@
 </template>
 <script>
     import { on, off } from '../../utils/dom';
-    import { oneOf, dimensionMap } from '../../utils/assist';
+    import { oneOf, dimensionMap, setMatchMedia } from '../../utils/assist';
     const prefixCls = 'ivu-layout-sider';
-    if (typeof window !== 'undefined') {
+    setMatchMedia();
-        const matchMediaPolyfill = mediaQuery => {
-            return {
-                media: mediaQuery,
-                matches: false,
-                on() {},
-                off() {},
-            };
-        };
-        window.matchMedia = window.matchMedia || matchMediaPolyfill;
-    }
     export default {
         name: 'Sider',
         props: {

src/utils/assist.js

@@ -286,3 +286,17 @@ export const dimensionMap = {
     lg: '1200px',
     xl: '1600px',
 };
+
+export function setMatchMedia () {
+    if (typeof window !== 'undefined') {
+        const matchMediaPolyfill = mediaQuery => {
+            return {
+                media: mediaQuery,
+                matches: false,
+                on() {},
+                off() {},
+            };
+        };
+        window.matchMedia = window.matchMedia || matchMediaPolyfill;
+    }
+}