parent
fd44539dd4
commit
025af67deb
@ -1,76 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
function defaultGetContainer () {
|
||||
const container = document.createElement('div')
|
||||
document.body.appendChild(container)
|
||||
return container
|
||||
}
|
||||
|
||||
export default function getContainerRenderMixin (config) {
|
||||
const {
|
||||
autoMount = true,
|
||||
autoDestroy = true,
|
||||
isVisible,
|
||||
isForceRender,
|
||||
getComponent,
|
||||
getContainer = defaultGetContainer,
|
||||
} = config
|
||||
|
||||
let mixin
|
||||
if (autoMount) {
|
||||
mixin = {
|
||||
...mixin,
|
||||
mounted () {
|
||||
// this.renderComponent()
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
if (autoDestroy) {
|
||||
mixin = {
|
||||
...mixin,
|
||||
beforeDestroy () {
|
||||
// this.removeContainer()
|
||||
},
|
||||
}
|
||||
}
|
||||
mixin = {
|
||||
...mixin,
|
||||
methods: {
|
||||
removeContainer () {
|
||||
if (this._container) {
|
||||
const container = this._container
|
||||
container.parentNode.removeChild(container)
|
||||
this._container = null
|
||||
}
|
||||
},
|
||||
renderComponent (componentArg) {
|
||||
if (
|
||||
!isVisible || this._component || isVisible(this) ||
|
||||
(isForceRender && isForceRender(this))
|
||||
) {
|
||||
if (!this._container) {
|
||||
this._container = getContainer(this)
|
||||
}
|
||||
let component
|
||||
if (this.getComponent) {
|
||||
component = this.getComponent(componentArg)
|
||||
} else {
|
||||
component = getComponent(this, componentArg)
|
||||
}
|
||||
this._component = component
|
||||
const vmC = document.createElement('div')
|
||||
this._container.appendChild(vmC)
|
||||
|
||||
new Vue({
|
||||
el: vmC,
|
||||
render () {
|
||||
return component
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
return mixin
|
||||
}
|
Loading…
Reference in new issue