fix(h5): window ssr

packages/uni-h5/dist/uni-h5.cjs.js

@@ -10608,13 +10608,16 @@ function useAppClass(showTabBar) {
   });
 }
 function initMediaQuery(minWidth, callback) {
-  const mediaQueryList = window.matchMedia("(min-width: " + minWidth + "px)");
-  if (mediaQueryList.addEventListener) {
-    mediaQueryList.addEventListener("change", callback);
-  } else {
-    mediaQueryList.addListener(callback);
+  if (typeof window === "object" && window.matchMedia) {
+    const mediaQueryList = window.matchMedia("(min-width: " + minWidth + "px)");
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener("change", callback);
+    } else {
+      mediaQueryList.addListener(callback);
+    }
+    return mediaQueryList.matches;
   }
-  return mediaQueryList.matches;
+  return false;
 }
 function useMaxWidth(layoutState, rootRef) {
   const route = vueRouter.useRoute();
@@ -10646,7 +10649,6 @@ function useMaxWidth(layoutState, rootRef) {
     }
   }
   vue.watch([() => route.path], checkMaxWidth);
-  window.addEventListener("resize", checkMaxWidth);
 }
 function useState() {
   const topWindowMediaQuery = vue.ref(false);

packages/uni-h5/dist/uni-h5.es.js

@@ -18092,13 +18092,16 @@ function initCssVar() {
   });
 }
 function initMediaQuery(minWidth, callback) {
-  const mediaQueryList = window.matchMedia("(min-width: " + minWidth + "px)");
-  if (mediaQueryList.addEventListener) {
-    mediaQueryList.addEventListener("change", callback);
-  } else {
-    mediaQueryList.addListener(callback);
+  if (typeof window === "object" && window.matchMedia) {
+    const mediaQueryList = window.matchMedia("(min-width: " + minWidth + "px)");
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener("change", callback);
+    } else {
+      mediaQueryList.addListener(callback);
+    }
+    return mediaQueryList.matches;
   }
-  return mediaQueryList.matches;
+  return false;
 }
 function useMaxWidth(layoutState, rootRef) {
   const route = useRoute();
@@ -18130,8 +18133,10 @@ function useMaxWidth(layoutState, rootRef) {
     }
   }
   watch([() => route.path], checkMaxWidth);
-  onMounted(checkMaxWidth);
-  window.addEventListener("resize", checkMaxWidth);
+  onMounted(() => {
+    checkMaxWidth();
+    window.addEventListener("resize", checkMaxWidth);
+  });
 }
 function useState() {
   const topWindowMediaQuery = ref(false);

packages/uni-h5/src/framework/components/layout/index.tsx

@@ -127,13 +127,16 @@ function initMediaQuery(
   minWidth: number,
   callback: (ev: MediaQueryListEvent) => void
 ) {
-  const mediaQueryList = window.matchMedia('(min-width: ' + minWidth + 'px)')
-  if (mediaQueryList.addEventListener) {
-    mediaQueryList.addEventListener('change', callback)
-  } else {
-    mediaQueryList.addListener(callback)
+  if (typeof window === 'object' && window.matchMedia) {
+    const mediaQueryList = window.matchMedia('(min-width: ' + minWidth + 'px)')
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener('change', callback)
+    } else {
+      mediaQueryList.addListener(callback)
+    }
+    return mediaQueryList.matches
   }
-  return mediaQueryList.matches
+  return false
 }
 
 function useMaxWidth(
@@ -172,8 +175,10 @@ function useMaxWidth(
     }
   }
   watch([() => route.path], checkMaxWidth)
-  onMounted(checkMaxWidth)
-  window.addEventListener('resize', checkMaxWidth)
+  onMounted(() => {
+    checkMaxWidth()
+    window.addEventListener('resize', checkMaxWidth)
+  })
 }
 
 function useState() {