1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
- import ReactDOM from 'react-dom';
- function defaultGetContainer() {
- var container = document.createElement('div');
- document.body.appendChild(container);
- return container;
- }
- export default function getContainerRenderMixin(config) {
- var _config$autoMount = config.autoMount,
- autoMount = _config$autoMount === void 0 ? true : _config$autoMount,
- _config$autoDestroy = config.autoDestroy,
- autoDestroy = _config$autoDestroy === void 0 ? true : _config$autoDestroy,
- isVisible = config.isVisible,
- isForceRender = config.isForceRender,
- getComponent = config.getComponent,
- _config$getContainer = config.getContainer,
- getContainer = _config$getContainer === void 0 ? defaultGetContainer : _config$getContainer;
- var mixin;
- function _renderComponent(instance, componentArg, ready) {
- if (!isVisible || instance._component || isVisible(instance) || isForceRender && isForceRender(instance)) {
- if (!instance._container) {
- instance._container = getContainer(instance);
- }
- var component;
- if (instance.getComponent) {
- component = instance.getComponent(componentArg);
- } else {
- component = getComponent(instance, componentArg);
- }
- ReactDOM.unstable_renderSubtreeIntoContainer(instance, component, instance._container, function callback() {
- instance._component = this;
- if (ready) {
- ready.call(this);
- }
- });
- }
- }
- if (autoMount) {
- mixin = _objectSpread(_objectSpread({}, mixin), {}, {
- componentDidMount: function componentDidMount() {
- _renderComponent(this);
- },
- componentDidUpdate: function componentDidUpdate() {
- _renderComponent(this);
- }
- });
- }
- if (!autoMount || !autoDestroy) {
- mixin = _objectSpread(_objectSpread({}, mixin), {}, {
- renderComponent: function renderComponent(componentArg, ready) {
- _renderComponent(this, componentArg, ready);
- }
- });
- }
- function _removeContainer(instance) {
- if (instance._container) {
- var container = instance._container;
- ReactDOM.unmountComponentAtNode(container);
- container.parentNode.removeChild(container);
- instance._container = null;
- }
- }
- if (autoDestroy) {
- mixin = _objectSpread(_objectSpread({}, mixin), {}, {
- componentWillUnmount: function componentWillUnmount() {
- _removeContainer(this);
- }
- });
- } else {
- mixin = _objectSpread(_objectSpread({}, mixin), {}, {
- removeContainer: function removeContainer() {
- _removeContainer(this);
- }
- });
- }
- return mixin;
- }
|