From 2364c022abd018b356ffc95c942ca76c91fbf992 Mon Sep 17 00:00:00 2001
From: luckyCao <cao.lei1031@163.com>
Date: Fri, 26 Jul 2019 15:16:36 +0800
Subject: [PATCH] Image: Fix image ssr (#16737) (#16747)

* fix ssr

* refine
---
 packages/image/src/image-viewer.vue | 5 ++---
 src/utils/util.js                   | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/image/src/image-viewer.vue b/packages/image/src/image-viewer.vue
index bc24e161c2..6885cba944 100644
--- a/packages/image/src/image-viewer.vue
+++ b/packages/image/src/image-viewer.vue
@@ -53,7 +53,7 @@
 
 <script>
 import { on, off } from 'element-ui/src/utils/dom';
-import { rafThrottle } from 'element-ui/src/utils/util';
+import { rafThrottle, isFirefox } from 'element-ui/src/utils/util';
 
 const Mode = {
   CONTAIN: {
@@ -66,8 +66,7 @@ const Mode = {
   }
 };
 
-const isFirefox = !!window.navigator.userAgent.match(/firefox/i);
-const mousewheelEventName = isFirefox ? 'DOMMouseScroll' : 'mousewheel';
+const mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel';
 
 export default {
   name: 'elImageViewer',
diff --git a/src/utils/util.js b/src/utils/util.js
index 33380e2975..eab95814a1 100644
--- a/src/utils/util.js
+++ b/src/utils/util.js
@@ -122,6 +122,10 @@ export const isEdge = function() {
   return !Vue.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
 };
 
+export const isFirefox = function() {
+  return !Vue.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+};
+
 export const autoprefixer = function(style) {
   if (typeof style !== 'object') return style;
   const rules = ['transform', 'transition', 'animation'];