@turbox3d/design-engine/es/mount-system/renderPluginView.js

Large-scale design application engine library

import * as ReactDOM from 'react-dom/client';
import * as ReactDOMLegacy from 'react-dom';
import * as React from 'react';
/** 渲染插件应用视图 */
export function renderPluginView(Target, pluginId) {
  var el = document.getElementById("turbox-plugin-".concat(pluginId));
  var containerNode;
  if (el) {
    containerNode = el;
  } else {
    containerNode = document.createElement('div');
    containerNode.id = "turbox-plugin-".concat(pluginId);
    containerNode.className = "turbox-plugin-".concat(pluginId, "-class");
    document.body.appendChild(containerNode);
  }
  if (React.version.startsWith('18')) {
    var root = ReactDOM.createRoot(containerNode);
    root.render(React.createElement(Target));
  } else {
    ReactDOMLegacy.render(React.createElement(Target), containerNode);
  }
}