create setMatchMedia in assist.js

zhigang.li
1 parent 1a90ee6c
Showing 2 changed files with 17 additions and 13 deletions Show diff stats
src/components/layout/sider.vue
src/utils/assist.js
@@ -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') {
-        const matchMediaPolyfill = mediaQuery => {
-            return {
-                media: mediaQuery,
-                matches: false,
-                on() {},
-                off() {},
-            };
-        };
-        window.matchMedia = window.matchMedia || matchMediaPolyfill;
-    }
+    setMatchMedia();
     export default {
         name: 'Sider',
         props: {
@@ -285,4 +285,18 @@ export const dimensionMap = {
     md: '992px',
     lg: '1200px',
     xl: '1600px',
-};
 \ No newline at end of file
+};
+
+export function setMatchMedia () {
+    if (typeof window !== 'undefined') {
+        const matchMediaPolyfill = mediaQuery => {
+            return {
+                media: mediaQuery,
+                matches: false,
+                on() {},
+                off() {},
+            };
+        };
+        window.matchMedia = window.matchMedia || matchMediaPolyfill;
+    }
+}
 \ No newline at end of file