@nocobase/client 0.9.4-alpha.2 → 0.10.0-alpha.3

package/es/route-switch/RouteSwitch.js

@@ -1,56 +1,87 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
+import React, { useCallback } from 'react';
+import { Navigate, useRoutes } from 'react-router-dom';
 import { RouteContext } from './context';
 import { useRouteComponent } from './hooks';
 export function RouteSwitch(props) {
   var _props$routes = props.routes,
-    routes = _props$routes === void 0 ? [] : _props$routes;
-  if (!routes.length) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Switch, null, routes.map(function (route, index) {
-    if (route.type == 'redirect') {
-      return /*#__PURE__*/React.createElement(Redirect, {
-        key: index,
-        to: route.to,
-        push: route.push,
-        from: route.from,
-        path: route.path,
-        exact: route.exact,
-        strict: route.strict
-      });
+    remoteRoutes = _props$routes === void 0 ? [] : _props$routes,
+    base = props.base;
+  /**
+   * 将 path 中的可选参数转换为多个路径
+   *
+   * @example
+   * generatePaths('/a/b/:c?/:d?')
+   * => ['/a/b', '/a/b/:c', '/a/b/:c/:d']
+   */
+  var generatePaths = useCallback(function () {
+    var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    if (path === '/') return [path];
+    var segments = path.split('/'); // 将路径按照 '/' 分段
+    if (segments[segments.length - 1] === '') {
+      segments.pop(); // 最后一个字符是 '/'，将其弹出
     }
-    if (!route.path && Array.isArray(route.routes)) {
-      route.path = route.routes.map(function (r) {
-        return r.path;
-      });
+
+    var lastOptionsIndex = undefined;
+    for (var i = segments.length - 1; i >= 0; i--) {
+      if (!segments[i].endsWith('?')) {
+        lastOptionsIndex = i; // 找到最后一个可选参数的位置
+        break;
+      }
+    }
+    if (lastOptionsIndex === undefined) return [path]; // 没有可选参数，直接返回原路径
+    var res = [];
+    for (var _i = lastOptionsIndex; _i < segments.length; _i++) {
+      res.push(segments.slice(0, _i + 1).join('/').replace(/\?/g, '').replace(/\(\.\+\)/g, ''));
     }
-    return /*#__PURE__*/React.createElement(Route, {
-      key: index,
-      path: route.path,
-      exact: route.exact,
-      strict: route.strict,
-      sensitive: route.sensitive,
-      render: function render(props) {
-        return /*#__PURE__*/React.createElement(RouteContext.Provider, {
-          value: route
-        }, /*#__PURE__*/React.createElement(ComponentRenderer, _objectSpread(_objectSpread({}, props), {}, {
-          route: route
-        })));
+    return res;
+  }, []);
+  var getPathWithBase = useCallback(function (path, base) {
+    if (!base || path === undefined || path.startsWith('/')) return path;
+    if (path === '') return base;
+    return "".concat(base.endsWith('/') ? base : base + '/').concat(path.startsWith('/') ? path.slice(1) : path);
+  }, []);
+  var getRoutes = useCallback(function (routes, base) {
+    var res = routes.map(function (item) {
+      if (item.type === 'route' && item.routes) {
+        // layout
+        return {
+          element: /*#__PURE__*/React.createElement(RouteContext.Provider, {
+            value: item
+          }, /*#__PURE__*/React.createElement(ComponentRenderer, {
+            component: item.component
+          })),
+          children: getRoutes(item.routes, getPathWithBase(item.path, base)).flat(Infinity)
+        };
+      } else if (item.type === 'route') {
+        // common route
+        return generatePaths(getPathWithBase(item.path, base)).map(function (path) {
+          return {
+            path: getPathWithBase(path, base),
+            caseSensitive: item.sensitive,
+            element: /*#__PURE__*/React.createElement(RouteContext.Provider, {
+              value: item
+            }, /*#__PURE__*/React.createElement(ComponentRenderer, {
+              component: item.component
+            }))
+          };
+        });
+      } else if (item.type === 'redirect') {
+        // redirect route
+        return {
+          path: getPathWithBase(item.from, base),
+          element: /*#__PURE__*/React.createElement(Navigate, {
+            replace: !item.push,
+            to: getPathWithBase(item.to, base)
+          })
+        };
       }
     });
-  }));
+    return res.flat(Infinity);
+  }, [generatePaths, getPathWithBase]);
+  var routers = useRoutes(getRoutes(remoteRoutes, base));
+  return routers;
 }
 function ComponentRenderer(props) {
-  var _props$route;
-  var Component = useRouteComponent(props === null || props === void 0 ? void 0 : (_props$route = props.route) === null || _props$route === void 0 ? void 0 : _props$route.component);
-  return /*#__PURE__*/React.createElement(Component, _objectSpread({}, props), /*#__PURE__*/React.createElement(RouteSwitch, {
-    routes: props.route.routes
-  }));
+  var Component = useRouteComponent(props === null || props === void 0 ? void 0 : props.component);
+  return /*#__PURE__*/React.createElement(Component, null);
 }

package/es/route-switch/RouteSwitchProvider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteSwitchProviderProps } from './types';
-export declare function RouteSwitchProvider(props: RouteSwitchProviderProps): JSX.Element;
-export declare function RemoteRouteSwitchProvider(props: RouteSwitchProviderProps): JSX.Element;
+export declare function RouteSwitchProvider(props: RouteSwitchProviderProps): React.JSX.Element;
+export declare function RemoteRouteSwitchProvider(props: RouteSwitchProviderProps): React.JSX.Element;

package/es/route-switch/antd/admin-layout/index.d.ts

@@ -1,3 +1,5 @@
-export declare const InternalAdminLayout: (props: any) => JSX.Element;
-export declare const AdminLayout: (props: any) => JSX.Element;
+import React from 'react';
+export declare const InternalAdminLayout: (props: any) => React.JSX.Element;
+export declare const AdminProvider: (props: any) => React.JSX.Element;
+export declare const AdminLayout: (props: any) => React.JSX.Element;
 export default AdminLayout;

package/es/route-switch/antd/admin-layout/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -13,11 +13,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { css } from '@emotion/css';
-import { useMutationObserver } from 'ahooks';
 import { Layout, Spin } from 'antd';
-import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
-import { useHistory, useRouteMatch } from 'react-router-dom';
-import { ACLRolesCheckProvider, CurrentAppInfoProvider, CurrentUser, CurrentUserProvider, findByUid, findMenuItem, PinnedPluginList, RemoteCollectionManagerProvider, RemoteSchemaTemplateManagerProvider, SchemaComponent, useACLRoleContext, useDocumentTitle, useRequest, useRoute, useSystemSettings } from '../../../';
+import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Outlet, useNavigate, useParams } from 'react-router-dom';
+import { ACLRolesCheckProvider, CurrentAppInfoProvider, CurrentUser, CurrentUserProvider, PinnedPluginList, RemoteCollectionManagerProvider, RemoteSchemaTemplateManagerProvider, SchemaComponent, findByUid, findMenuItem, useACLRoleContext, useAdminSchemaUid, useDocumentTitle, useRequest, useSystemSettings } from '../../../';
 import { useCollectionManager } from '../../../collection-manager';
 var filterByACL = function filterByACL(schema, options) {
   var allowAll = options.allowAll,
@@ -56,53 +55,73 @@ var useMenuProps = function useMenuProps() {
 var MenuEditor = function MenuEditor(props) {
   var _useDocumentTitle = useDocumentTitle(),
     setTitle = _useDocumentTitle.setTitle;
-  var history = useHistory();
-  var match = useRouteMatch();
-  var defaultSelectedUid = match.params.name;
+  var navigate = useNavigate();
+  var params = useParams();
+  var defaultSelectedUid = params.name;
   var sideMenuRef = props.sideMenuRef;
   var ctx = useACLRoleContext();
-  var route = useRoute();
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
   var onSelect = function onSelect(_ref) {
     var item = _ref.item;
     var schema = item.props.schema;
     setTitle(schema.title);
-    history.push("/admin/".concat(schema['x-uid']));
+    setCurrent(schema);
+    navigate("/admin/".concat(schema['x-uid']));
   };
+  var adminSchemaUid = useAdminSchemaUid();
   var _useRequest = useRequest({
-      url: "/uiSchemas:getJsonSchema/".concat(route.uiSchemaUid)
+      url: "/uiSchemas:getJsonSchema/".concat(adminSchemaUid)
     }, {
-      refreshDeps: [route.uiSchemaUid],
+      refreshDeps: [adminSchemaUid],
       onSuccess: function onSuccess(data) {
         var schema = filterByACL(data === null || data === void 0 ? void 0 : data.data, ctx);
-        if (defaultSelectedUid) {
-          if (defaultSelectedUid.includes('/')) {
-            return;
-          }
-          var s = findByUid(schema, defaultSelectedUid);
-          if (s) {
-            setTitle(s.title);
-          } else {
-            var _s = findMenuItem(schema);
-            if (_s) {
-              history.push("/admin/".concat(_s['x-uid']));
-              setTitle(_s.title);
-            } else {
-              history.push("/admin/");
-            }
-          }
-        } else {
+        // url 为 `/admin` 的情况
+        if (params['*'] === 'admin') {
           var _s2 = findMenuItem(schema);
           if (_s2) {
-            history.push("/admin/".concat(_s2['x-uid']));
+            navigate("/admin/".concat(_s2['x-uid']));
             setTitle(_s2.title);
           } else {
-            history.push("/admin/");
+            navigate("/admin/");
+          }
+        }
+        // url 不为 `/admin/xxx` 的情况，不做处理
+        var paramsArr = params['*'].split('/');
+        if (paramsArr[0] !== 'admin' || paramsArr[1] !== defaultSelectedUid || paramsArr.length > 2) return;
+        // url 为 `admin/xxx` 的情况
+        var s = findByUid(schema, defaultSelectedUid);
+        if (s) {
+          setTitle(s.title);
+        } else {
+          var _s3 = findMenuItem(schema);
+          if (_s3) {
+            navigate("/admin/".concat(_s3['x-uid']));
+            setTitle(_s3.title);
+          } else {
+            navigate("/admin/");
           }
         }
       }
     }),
     data = _useRequest.data,
     loading = _useRequest.loading;
+  useEffect(function () {
+    var _Object$values$shift, _current$root, _data$data;
+    var properties = ((_Object$values$shift = Object.values((current === null || current === void 0 ? void 0 : (_current$root = current.root) === null || _current$root === void 0 ? void 0 : _current$root.properties) || {}).shift()) === null || _Object$values$shift === void 0 ? void 0 : _Object$values$shift['properties']) || (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.properties);
+    if (properties && sideMenuRef.current) {
+      var pageType = Object.values(properties).find(function (item) {
+        return item['x-uid'] === params.name && item['x-component'] === 'Menu.Item';
+      });
+      if (pageType) {
+        sideMenuRef.current.style.display = 'none';
+      } else {
+        sideMenuRef.current.style.display = 'block';
+      }
+    }
+  }, [data === null || data === void 0 ? void 0 : data.data, params.name, sideMenuRef]);
   var schema = useMemo(function () {
     var s = filterByACL(data === null || data === void 0 ? void 0 : data.data, ctx);
     if (s === null || s === void 0 ? void 0 : s['x-component-props']) {
@@ -129,20 +148,10 @@ var MenuEditor = function MenuEditor(props) {
 export var InternalAdminLayout = function InternalAdminLayout(props) {
   var _result$data, _result$data$data, _result$data$data$log;
   var sideMenuRef = useRef();
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    sideMenuWidth = _useState2[0],
-    setSideMenuWidth = _useState2[1];
-  useMutationObserver(function (value) {
-    var width = value[0].target.offsetWidth;
-    setSideMenuWidth(width);
-  }, sideMenuRef, {
-    childList: true,
-    attributes: true
-  });
   var result = useSystemSettings();
   var _useCollectionManager = useCollectionManager(),
     service = _useCollectionManager.service;
+  var params = useParams();
   return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Layout.Header, {
     className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-menu.ant-menu-dark .ant-menu-item-selected,\n          .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {\n            background-color: rgba(255, 255, 255, 0.1);\n          }\n          .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {\n            background-color: rgba(255, 255, 255, 0.1);\n          }\n\n          position: fixed;\n          width: 100%;\n          height: 46px;\n          line-height: 46px;\n          padding: 0;\n          z-index: 100;\n        "])))
   }, /*#__PURE__*/React.createElement("div", {
@@ -160,25 +169,20 @@ export var InternalAdminLayout = function InternalAdminLayout(props) {
     sideMenuRef: sideMenuRef
   }))), /*#__PURE__*/React.createElement("div", {
     className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n              position: relative;\n              flex-shrink: 0;\n              height: 100%;\n              z-index: 10;\n            "])))
-  }, /*#__PURE__*/React.createElement(PinnedPluginList, null), /*#__PURE__*/React.createElement(CurrentUser, null)))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      '--side-menu-width': "".concat(sideMenuWidth, "px")
-    },
-    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          width: var(--side-menu-width);\n          overflow: hidden;\n          flex: 0 0 var(--side-menu-width);\n          max-width: var(--side-menu-width);\n          min-width: var(--side-menu-width);\n          pointer-events: none;\n          /* transition: background-color 0.3s ease 0s, min-width 0.3s ease 0s,\n            max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; */\n        "])))
-  }), /*#__PURE__*/React.createElement(Layout.Sider, {
-    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          height: 100%;\n          position: fixed;\n          padding-top: 46px;\n          left: 0;\n          top: 0;\n          background: rgba(0, 0, 0, 0);\n          z-index: 100;\n        "]))),
-    style: {
-      display: 'none'
-    },
+  }, /*#__PURE__*/React.createElement(PinnedPluginList, null), /*#__PURE__*/React.createElement(CurrentUser, null)))), params.name && /*#__PURE__*/React.createElement(Layout.Sider, {
+    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            height: 100%;\n            /* position: fixed; */\n            position: relative;\n            left: 0;\n            top: 0;\n            background: rgba(0, 0, 0, 0);\n            z-index: 100;\n            .ant-layout-sider-children {\n              top: 46px;\n              position: fixed;\n              width: 200px;\n              height: calc(100vh - 46px);\n            }\n          "]))),
     theme: 'light',
     ref: sideMenuRef
   }), /*#__PURE__*/React.createElement(Layout.Content, {
-    className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          overflow-y: auto;\n          height: 100vh;\n          max-height: 100vh;\n          > div {\n            position: relative;\n            // z-index: 1;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "])))
+    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          overflow-y: auto;\n          height: 100vh;\n          max-height: 100vh;\n          > div {\n            position: relative;\n            // z-index: 1;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "])))
   }, /*#__PURE__*/React.createElement("header", {
-    className: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n            flex-shrink: 0;\n            height: 46px;\n            line-height: 46px;\n            background: transparent;\n            pointer-events: none;\n          "])))
-  }), service.contentLoading ? /*#__PURE__*/React.createElement(Spin, null) : props.children));
+    className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            flex-shrink: 0;\n            height: 46px;\n            line-height: 46px;\n            background: transparent;\n            pointer-events: none;\n          "])))
+  }), service.contentLoading ? /*#__PURE__*/React.createElement(Spin, null) : /*#__PURE__*/React.createElement(Outlet, null)));
+};
+export var AdminProvider = function AdminProvider(props) {
+  return /*#__PURE__*/React.createElement(CurrentAppInfoProvider, null, /*#__PURE__*/React.createElement(CurrentUserProvider, null, /*#__PURE__*/React.createElement(RemoteSchemaTemplateManagerProvider, null, /*#__PURE__*/React.createElement(RemoteCollectionManagerProvider, null, /*#__PURE__*/React.createElement(ACLRolesCheckProvider, null, props.children)))));
 };
 export var AdminLayout = function AdminLayout(props) {
-  return /*#__PURE__*/React.createElement(CurrentAppInfoProvider, null, /*#__PURE__*/React.createElement(CurrentUserProvider, null, /*#__PURE__*/React.createElement(RemoteSchemaTemplateManagerProvider, null, /*#__PURE__*/React.createElement(RemoteCollectionManagerProvider, null, /*#__PURE__*/React.createElement(ACLRolesCheckProvider, null, /*#__PURE__*/React.createElement(InternalAdminLayout, _objectSpread({}, props)))))));
+  return /*#__PURE__*/React.createElement(AdminProvider, null, /*#__PURE__*/React.createElement(InternalAdminLayout, _objectSpread({}, props)));
 };
 export default AdminLayout;

package/es/route-switch/antd/auth-layout/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function AuthLayout(props: any): JSX.Element;
+import React from 'react';
+export declare function AuthLayout(props: any): React.JSX.Element;

package/es/route-switch/antd/auth-layout/index.js

@@ -2,6 +2,7 @@ var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css } from '@emotion/css';
 import React from 'react';
+import { Outlet } from 'react-router-dom';
 import { PoweredBy } from '../../../powered-by';
 import { useSystemSettings } from '../../../system-settings';
 export function AuthLayout(props) {
@@ -14,7 +15,7 @@ export function AuthLayout(props) {
       margin: '0 auto',
       paddingTop: '20vh'
     }
-  }, /*#__PURE__*/React.createElement("h1", null, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.title), props.children, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("h1", null, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.title), /*#__PURE__*/React.createElement(Outlet, null), /*#__PURE__*/React.createElement("div", {
     className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          position: absolute;\n          bottom: 24px;\n          width: 100%;\n          left: 0;\n          text-align: center;\n        "])))
   }, /*#__PURE__*/React.createElement(PoweredBy, null)));
 }

package/es/route-switch/antd/route-schema-component/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function RouteSchemaComponent(props: any): JSX.Element;
+import React from 'react';
+export declare function RouteSchemaComponent(props: any): React.JSX.Element;

package/es/route-switch/antd/route-schema-component/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { useRouteMatch } from 'react-router-dom';
+import { useParams } from 'react-router-dom';
 import { RemoteSchemaComponent } from '../../../';
 export function RouteSchemaComponent(props) {
-  var match = useRouteMatch();
+  var params = useParams();
   return /*#__PURE__*/React.createElement(RemoteSchemaComponent, {
     onlyRenderProperties: true,
-    uid: match.params.name
+    uid: params.name
   });
 }

package/es/route-switch/context.d.ts

@@ -5,3 +5,7 @@ export declare const RouteSwitchContext: import("react").Context<{
     routes: any[];
 }>;
 export declare const RouteContext: import("react").Context<RouteProps>;
+export declare const useRouteSwitchContext: () => {
+    components: {};
+    routes: any[];
+};

package/es/route-switch/context.js

@@ -1,6 +1,9 @@
-import { createContext } from 'react';
+import { createContext, useContext } from 'react';
 export var RouteSwitchContext = /*#__PURE__*/createContext({
   components: {},
   routes: []
 });
-export var RouteContext = /*#__PURE__*/createContext(null);
+export var RouteContext = /*#__PURE__*/createContext(null);
+export var useRouteSwitchContext = function useRouteSwitchContext() {
+  return useContext(RouteSwitchContext);
+};

package/es/route-switch/types.d.ts

@@ -2,17 +2,13 @@ export interface RedirectProps {
     type: 'redirect';
     to: any;
     path?: string;
-    exact?: boolean;
-    strict?: boolean;
     push?: boolean;
     from?: string;
     [key: string]: any;
 }
 export interface RouteProps {
     type: 'route';
-    path?: string | string[];
-    exact?: boolean;
-    strict?: boolean;
+    path?: string;
     sensitive?: boolean;
     component?: any;
     routes?: RouteProps[];
@@ -27,4 +23,5 @@ export declare type RouteRedirectProps = RedirectProps | RouteProps;
 export interface RouteSwitchProps {
     routes?: RouteRedirectProps[];
     components?: any;
+    base?: string;
 }

package/es/schema-component/antd/AntdSchemaComponentProvider.d.ts

@@ -1 +1,2 @@
-export declare const AntdSchemaComponentProvider: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AntdSchemaComponentProvider: (props: any) => React.JSX.Element;

package/es/schema-component/antd/action/Action.Container.js

@@ -26,6 +26,8 @@ export var ActionContainer = observer(function (props) {
   return /*#__PURE__*/React.createElement(ActionPage, _objectSpread({
     footerNodeName: 'Action.Container.Footer'
   }, props));
+}, {
+  displayName: 'ActionContainer'
 });
 ActionContainer.Footer = observer(function () {
   var field = useField();
@@ -35,5 +37,7 @@ ActionContainer.Footer = observer(function () {
     schema: schema,
     onlyRenderProperties: true
   });
+}, {
+  displayName: 'ActionContainer.Footer'
 });
 export default ActionContainer;

package/es/schema-component/antd/action/Action.Designer.d.ts

@@ -1 +1,2 @@
-export declare const ActionDesigner: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ActionDesigner: (props: any) => React.JSX.Element;