support Nuxt.js

梁灏
1 parent 825ed580
Showing 4 changed files with 16 additions and 4 deletions Show diff stats
src/components/base/popper.js
src/components/select/dropdown.vue
src/utils/assist.js
src/utils/dom.js
 /**
  * https://github.com/freeze-component/vue-popper
  * */
-import Popper from 'popper.js';
+import Vue from 'vue';
+const isServer = Vue.prototype.$isServer;
+const Popper = isServer ? function() {} : require('popper.js');  // eslint-disable-line
 export default {
     props: {
@@ -62,6 +64,7 @@ export default {
     },
     methods: {
         createPopper() {
+            if (isServer) return;
             if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.placement)) {
                 return;
             }
@@ -87,19 +90,23 @@ export default {
             });
         },
         updatePopper() {
+            if (isServer) return;
             this.popperJS ? this.popperJS.update() : this.createPopper();
         },
         doDestroy() {
+            if (isServer) return;
             if (this.visible) return;
             this.popperJS.destroy();
             this.popperJS = null;
         },
         destroyPopper() {
+            if (isServer) return;
             if (this.popperJS) {
                 this.resetTransformOrigin(this.popperJS);
             }
         },
         resetTransformOrigin(popper) {
+            if (isServer) return;
             let placementMap = {top: 'bottom', bottom: 'top', left: 'right', right: 'left'};
             let placement = popper._popper.getAttribute('x-placement').split('-')[0];
             let origin = placementMap[placement];
@@ -107,6 +114,7 @@ export default {
         }
     },
     beforeDestroy() {
+        if (isServer) return;
         if (this.popperJS) {
             this.popperJS.destroy();
         }
@@ -2,8 +2,10 @@
     <div class="ivu-select-dropdown" :style="styles"><slot></slot></div>
 </template>
 <script>
+    import Vue from 'vue';
+    const isServer = Vue.prototype.$isServer;
     import { getStyle } from '../../utils/assist';
-    import Popper from 'popper.js';
+    const Popper = isServer ? function() {} : require('popper.js');  // eslint-disable-line
     export default {
         name: 'Drop',
@@ -28,6 +30,7 @@
         },
         methods: {
             update () {
+                if (isServer) return;
                 if (this.popper) {
                     this.$nextTick(() => {
                         this.popper.update();
+import Vue from 'vue';
+const isServer = Vue.prototype.$isServer;
 // 判断参数是否是其中之一
 export function oneOf (value, validList) {
     for (let i = 0; i < validList.length; i++) {
@@ -52,7 +54,7 @@ export function getScrollBarSize (fresh) {
 }
 // watch DOM change
-export const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || false;
+export const MutationObserver = isServer ? false : window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || false;
 const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
 const MOZ_HACK_REGEXP = /^moz([A-Z])/;
 import Vue from 'vue';
-
 const isServer = Vue.prototype.$isServer;
 /* istanbul ignore next */