图片路径测试

Bin

2025-12-17 d616898802dfe7e5dd648bcf53c6d1f86b6d3642

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import React, { Children } from "react";
import { Switch } from "react-router";
import { StaticContent } from "../app/StaticContent/StaticContent";
import { MenubarContext } from "../components/Menubar/Menubar";
 
import { SentryRoute as Route } from "../config/Sentry";
 
const extractModalRoutes = (children) => {
  const modalRoutes = [];
  const regularRoutes = [];
 
  try {
    Children.toArray(children).forEach((child) => {
      if (child?.props?.modal) modalRoutes.push(child);
      else regularRoutes.push(child);
    });
  } catch (err) {
    console.log(err);
    console.log({ children });
  }
 
  return [modalRoutes, regularRoutes];
};
 
/**
 * Router wrapper that handles 404 pages
 */
export const RouteWithStaticFallback = ({ children, render, route, component, staticComponent, ...props }) => {
  const menubar = React.useContext(MenubarContext);
 
  const notFoundRenderer = (children) => {
    let modalRoutes = [];
    let regularRoutes = [];
 
    if (children.props && children.props.children) {
      [modalRoutes, regularRoutes] = extractModalRoutes(children.props.children);
      children = React.cloneElement(children, { children: regularRoutes });
    } else if (Array.isArray(children)) {
      [modalRoutes, regularRoutes] = extractModalRoutes(children);
      children = regularRoutes;
    }
 
    const Static = () => {
      if (menubar?.contextIsSet(null) === false) menubar?.setContext(null);
      return staticComponent ?? <StaticContent id="main-content" />;
    };
 
    const exactRoutes = modalRoutes.reduce(
      (res, route) => {
        if (route.props.exact) {
          res.exact.push(route);
        } else {
          res.modal.push(route);
        }
        return res;
      },
      {
        exact: [],
        modal: [],
      },
    );
 
    return (
      <>
        {exactRoutes.modal}
        <Switch>
          {exactRoutes.exact}
          {children}
 
          <Route exact>
            <Static />
          </Route>
        </Switch>
      </>
    );
  };
 
  const routeProps = {};
 
  if (render) {
    routeProps.render = (props) => notFoundRenderer(render(props));
  } else if (children instanceof Function) {
    routeProps.children = (props) => notFoundRenderer(children(props));
  } else if (component) {
    routeProps.component = (props) => notFoundRenderer(component(props));
  } else {
    routeProps.children = notFoundRenderer(children);
  }
 
  return route !== false ? <Route {...props} {...routeProps} /> : notFoundRenderer(children);
};