fix(Popup): teleport

src-next/mixins/popup/index.js

@@ -8,7 +8,6 @@ import { getScroller } from '../../utils/dom/scroll';
 
 // Mixins
 import { TouchMixin } from '../touch';
-import { PortalMixin } from '../portal';
 import { CloseOnPopstateMixin } from '../close-on-popstate';
 
 export const popupMixinProps = {
@@ -20,6 +19,8 @@ export const popupMixinProps = {
   overlayStyle: Object,
   // overlay custom class name
   overlayClass: String,
+  // teleport
+  getContainer: [String, Function],
   // whether to close popup when click overlay
   closeOnClickOverlay: Boolean,
   // z-index
@@ -41,7 +42,6 @@ export function PopupMixin(options = {}) {
     mixins: [
       TouchMixin,
       CloseOnPopstateMixin,
-      PortalMixin({}),
     ],
 
     props: popupMixinProps,

src-next/mixins/portal.js

@@ -1,47 +0,0 @@
-function getElement(selector) {
-  if (typeof selector === 'string') {
-    return document.querySelector(selector);
-  }
-
-  return selector();
-}
-
-export function PortalMixin({ ref, afterPortal }) {
-  return {
-    props: {
-      getContainer: [String, Function],
-    },
-
-    watch: {
-      getContainer: 'portal',
-    },
-
-    mounted() {
-      if (this.getContainer) {
-        this.portal();
-      }
-    },
-
-    methods: {
-      portal() {
-        const { getContainer } = this;
-        const el = ref ? this.$refs[ref] : this.$el;
-
-        let container;
-        if (getContainer) {
-          container = getElement(getContainer);
-        } else if (this.$parent) {
-          container = this.$parent.$el;
-        }
-
-        if (container && container !== el.parentNode) {
-          container.appendChild(el);
-        }
-
-        if (afterPortal) {
-          afterPortal.call(this);
-        }
-      },
-    },
-  };
-}