You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.1 KiB
53 lines
1.1 KiB
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.PortalMixin = PortalMixin;
|
|
|
|
function getElement(selector) {
|
|
if (typeof selector === 'string') {
|
|
return document.querySelector(selector);
|
|
}
|
|
|
|
return selector();
|
|
}
|
|
|
|
function PortalMixin(_temp) {
|
|
var _ref = _temp === void 0 ? {} : _temp,
|
|
ref = _ref.ref,
|
|
afterPortal = _ref.afterPortal;
|
|
|
|
return {
|
|
props: {
|
|
getContainer: [String, Function]
|
|
},
|
|
watch: {
|
|
getContainer: 'portal'
|
|
},
|
|
mounted: function mounted() {
|
|
if (this.getContainer) {
|
|
this.portal();
|
|
}
|
|
},
|
|
methods: {
|
|
portal: function portal() {
|
|
var getContainer = this.getContainer;
|
|
var el = ref ? this.$refs[ref] : this.$el;
|
|
var 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);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
} |