ant-design-vue/components/_util/getContainerRenderMixin.js

68 lines
1.4 KiB
JavaScript
Raw Normal View History

2017-12-22 18:43:28 +08:00
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 || isVisible(this) ||
(isForceRender && isForceRender(this))
) {
if (!this._container) {
this._container = getContainer(this)
}
this._container.appendChild(this.$el)
}
let component
if (this.getComponent) {
component = this.getComponent(componentArg)
} else {
component = getComponent(this, componentArg)
}
this._component = component
},
},
}
return mixin
}