ant-design-3x
/
demo-0.12237672461725357.html

<!DOCTYPE html>
<html>
  <head>
    <title>Demo</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        background: none;
      }
      .demo {
  margin: 16px;
}
.demo-nav {
  height: 30px;
  line-height: 30px;
  margin-bottom: 16px;
  background: #f8f8f8;
}
.demo-nav a {
  line-height: 30px;
  padding: 0 8px;
}
.app-list {
  margin-top: 16px;
}
    </style>
    <script>
      // sync parent style generated by style-loader into iframe
      if (parent.location.port) {
        [].forEach.call(parent.document.getElementsByTagName('head')[0].querySelectorAll('style'), function(node) {
          document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
        });
      } else {
        // append parent stylesheet
        [].forEach.call(parent.document.querySelectorAll('link[rel=stylesheet]'), function(node) {
          node && document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
        });
      }
    </script>
  </head>
  <body>
    <div id="components-breadcrumb-demo-router"></div>
    <script>
      function require(module) {
        if (module === 'react-router') {
          return window.ReactRouter;
        }
        if (module === 'react-router-dom') {
          return window.ReactRouterDOM;
        }
        return window.parent[module];
      }
      var mountNode = document.getElementById('components-breadcrumb-demo-router');
      var React = require('react');
      var ReactDOM = require('react-dom');
    </script>
    <script src="https://unpkg.com/react-router@3.2.1/umd/ReactRouter.min.js"></script>
    <script>
      function bishengPluginReactPreviewer() {
  var React = require("react");

  var ReactDOM = require("react-dom");

  var _reactRouter = require("react-router");

  var _antd = require("antd");

  var Apps = function Apps() {
    return /*#__PURE__*/React.createElement("ul", {
      className: "app-list"
    }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/apps/1"
    }, "Application1"), "\uFF1A", /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/apps/1/detail"
    }, "Detail")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/apps/2"
    }, "Application2"), "\uFF1A", /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/apps/2/detail"
    }, "Detail")));
  };

  var Home = function Home(_ref) {
    var routes = _ref.routes,
        params = _ref.params,
        children = _ref.children;
    return /*#__PURE__*/React.createElement("div", {
      className: "demo"
    }, /*#__PURE__*/React.createElement("div", {
      className: "demo-nav"
    }, /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/"
    }, "Home"), /*#__PURE__*/React.createElement(_reactRouter.Link, {
      to: "/apps"
    }, "Application List")), children || 'Home Page', /*#__PURE__*/React.createElement(_antd.Alert, {
      style: {
        margin: '16px 0'
      },
      message: "Click the navigation above to switch:"
    }), /*#__PURE__*/React.createElement(_antd.Breadcrumb, {
      routes: routes,
      params: params
    }));
  };

  return /*#__PURE__*/React.createElement(_reactRouter.Router, {
    history: _reactRouter.hashHistory
  }, /*#__PURE__*/React.createElement(_reactRouter.Route, {
    name: "home",
    breadcrumbName: "Home",
    path: "/",
    component: Home
  }, /*#__PURE__*/React.createElement(_reactRouter.Route, {
    name: "apps",
    breadcrumbName: "Application List",
    path: "apps",
    component: Apps
  }, /*#__PURE__*/React.createElement(_reactRouter.Route, {
    name: "app",
    breadcrumbName: "Application:id",
    path: ":id"
  }, /*#__PURE__*/React.createElement(_reactRouter.Route, {
    name: "detail",
    breadcrumbName: "Detail",
    path: "detail"
  })))));
}
    </script>
    <script>
      var ReactDOM = require('react-dom');
      var app = bishengPluginReactPreviewer();

      if (true) {
        var container = null;
        app = React.createElement(
          require('antd').ConfigProvider,
          {
            getPopupContainer() { return container; },
          },
          [
            React.cloneElement(app, { key: 'AppContent' }),
            React.createElement('div', {
              key: 'InjectProviderHolder',
              ref(node) { container = node; },
            }),
          ],
        );
      }

      ReactDOM.render(app, mountNode);
    </script>
  </body>
</html>