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

package/.dumi/global.less

@@ -0,0 +1 @@
+@import 'antd/dist/antd.css';

package/.dumi/theme/builtins/LangSwitch/index.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+const LangSwitch = () => {
+  const { hostname } = window.location
+  if (hostname === 'localhost') return null;
+  const en = window.location.href.replace(hostname, 'docs.nocobase.com')
+  const cn = window.location.href.replace(hostname, 'docs-cn.nocobase.com')
+  return <span><a href={en}>EN</a> | <a href={cn}>中文</a></span>
+}
+
+export default LangSwitch;

package/.dumi/theme/builtins/Previewer/index.tsx

@@ -0,0 +1,23 @@
+import React, { FC, useRef, useEffect, Suspense } from 'react';
+import { Root, createRoot } from 'react-dom/client';
+import { IPreviewerProps } from 'dumi';
+import DefaultPreviewer from 'dumi/theme-default/builtins/Previewer';
+
+const Previewer: FC<IPreviewerProps> = ({ children, ...props }) => {
+  const ref = useRef<HTMLDivElement>(null);
+  useEffect(() => {
+    let root: Root
+    if (ref.current) {
+      root = createRoot(ref.current)
+      root.render(<Suspense fallback={<div>loading...</div>}>{children}</Suspense>)
+    }
+    return () => {
+      if (root) {
+        root.unmount()
+      }
+    }
+  }, []);
+  return <DefaultPreviewer {...props}><div ref={ref} /></DefaultPreviewer>;
+};
+
+export default Previewer;

package/.dumirc.ts

@@ -0,0 +1,56 @@
+import { defineConfig } from 'dumi';
+import { defineThemeConfig } from 'dumi-theme-nocobase'
+import { getUmiConfig } from '@nocobase/devtools/umiConfig';
+import fs from 'fs';
+import path from 'path';
+
+const contributingPath = path.resolve(__dirname, './contributing.md');
+const docsContributingPath = path.resolve(__dirname, './docs/contributing.md');
+
+// check if the target path already exists, and remove it if it does
+if (fs.existsSync(docsContributingPath)) {
+  fs.unlinkSync(docsContributingPath);
+}
+
+fs.copyFileSync(contributingPath, docsContributingPath);
+
+const umiConfig = getUmiConfig();
+
+export default defineConfig({
+  hash: true,
+  alias: {
+    ...umiConfig.alias,
+  },
+  resolve: {
+    atomDirs: [
+      { type: 'component', dir: 'src' },
+      { type: 'component', dir: 'src/schema-component/antd' },
+      { type: 'component', dir: 'src/route-switch/antd' },
+    ]
+  },
+  themeConfig: defineThemeConfig({
+    title: 'NocoBase',
+    logo: 'https://www.nocobase.com/images/logo.png',
+    github: 'https://github.com/nocobase/nocobase',
+    footer: 'nocobase | Copyright © 2022',
+    sidebarGroupModePath: ['/components'],
+    nav: [
+      {
+        title: 'Intro',
+        link: '/intro',
+      },
+      {
+        title: 'Client',
+        link: '/components/acl',
+      },
+      {
+        title: 'Develop',
+        link: '/develop',
+      },
+      {
+        title: 'Contributing',
+        link: '/contributing',
+      }
+    ]
+  })
+});

package/contributing.md

@@ -57,5 +57,5 @@ export default () => <h1>Hello NocoBase!</h1>;
 也可以引用 demo 文件
 
 ```markdown
-<code src="./demos/dmeo1.tsx"/>
+<code src="./demos/dmeo1.tsx"></code>
 ```

package/docs/develop.md

@@ -0,0 +1,5 @@
+---
+sidebar: false
+---
+
+<code src="../src/application/demos/demo2/index.tsx"></code>

package/{intro.md → docs/intro.md}

@@ -34,7 +34,7 @@ export default app.compose();
  * title: Router
  */
 import React from 'react';
-import { Route, Switch, Link, MemoryRouter as Router } from 'react-router-dom';
+import { Route, Routes, Link, MemoryRouter as Router } from 'react-router-dom';
 
 const Home = () => <h1>Home</h1>;
 const About = () => <h1>About</h1>;
@@ -42,14 +42,10 @@ const About = () => <h1>About</h1>;
 const App = () => (
   <Router initialEntries={['/']}>
     <Link to={'/'}>Home</Link>, <Link to={'/about'}>About</Link>
-    <Switch>
-      <Route exact path="/">
-        <Home />
-      </Route>
-      <Route path="/about">
-        <About />
-      </Route>
-    </Switch>
+    <Routes>
+      <Route path="/" element={<Home />}></Route>
+      <Route path="/about" element={<About />}></Route>
+    </Routes>
   </Router>
 );
 
@@ -74,7 +70,6 @@ const routes: RouteRedirectProps[] = [
   {
     type: 'route',
     path: '/',
-    exact: true,
     component: 'Home',
   },
   {
@@ -168,11 +163,11 @@ const App: React.FC = () => {
       <Button type="primary" onClick={showDrawer}>
         Open
       </Button>
-      <Drawer 
-        title="Basic Drawer" 
-        placement="right" 
-        onClose={onClose} 
-        visible={visible} 
+      <Drawer
+        title="Basic Drawer"
+        placement="right"
+        onClose={onClose}
+        visible={visible}
         footer={
           <Button onClick={onClose}>关闭</Button>
         }
@@ -262,8 +257,8 @@ export default function App() {
     });
   };
   return (
-    <SchemaComponentProvider 
-      form={form} 
+    <SchemaComponentProvider
+      form={form}
       components={{ Drawer, Button }}
     >
       <SchemaComponent schema={schema} scope={{ showDrawer, onClose }} />
@@ -374,7 +369,7 @@ const Action: any = observer((props: any) => {
       <RecursionField basePath={field.address} schema={schema} onlyRenderProperties />
     </VisibleContext.Provider>
   );
-});
+}, { displayName: 'Action' });
 
 Action.Drawer = observer((props: any) => {
   const [visible, setVisible] = useContext(VisibleContext);
@@ -411,13 +406,13 @@ Action.Drawer = observer((props: any) => {
       )}
     </>
   );
-});
+}, { displayName: 'Action.Drawer' });
 
 Action.Drawer.Footer = observer((props: any) => {
   const field = useField();
   const schema = useFieldSchema();
   return <RecursionField basePath={field.address} schema={schema} onlyRenderProperties />;
-});
+}, { displayName: 'Action.Drawer.Footer' });
 
 const schema: ISchema = {
   type: 'object',
@@ -500,7 +495,7 @@ const Hello = observer(({ name }) => {
       >更新</Button>
     </div>
   )
-});
+}, { displayName: 'Hello' });
 
 const RouteSchemaComponent = (props) => {
   const route = useRoute();
@@ -515,7 +510,6 @@ const routes: RouteRedirectProps[] = [
   {
     type: 'route',
     path: '/',
-    exact: true,
     component: 'RouteSchemaComponent',
     schema: {
       name: 'home',
@@ -642,7 +636,7 @@ dn.insertAfterEnd(schema);
 
 相关例子如下：
 
-<code src="./src/schema-component/demos/demo1.tsx" />
+<code id='intro-demo1' src="../src/schema-component/demos/demo1.tsx"></code>
 
 insertAdjacent 操作不仅可以用于新增节点，也可以用于现有节点的位置移动，如以下拖拽排序的例子：
 
@@ -678,7 +672,7 @@ const useDragEnd = () => {
 
 const Page = observer((props) => {
   return <DndContext onDragEnd={useDragEnd()}>{props.children}</DndContext>;
-});
+}, { displayName: 'Page' });
 
 function Draggable(props) {
   const { attributes, listeners, setNodeRef, transform } = useDraggable({
@@ -727,7 +721,7 @@ const Block = observer((props) => {
       </div>
     </Droppable>
   );
-});
+}, { displayName: 'Block' });
 
 export default function App() {
   return (
@@ -815,7 +809,7 @@ const { data, loading } = useRequest();
 
 但是这样的方式不利于 Providers 的管理和扩展，为此提炼了 `compose()` 函数用于配置多个 providers，如下：
 
-<code defaultShowCode="true" titile="compose" src="./src/application/demos/demo1/index.tsx"/>
+<code id='intro-demo2' defaultShowCode="true" titile="compose" src="../src/application/demos/demo1/index.tsx"></code>
 
 ## Application
 
@@ -856,4 +850,4 @@ await respond(ctx);
 - Provider 的顺序怎么处理
 - 如何动态的加载前端模块
 
-未完待续...
+未完待续...

package/es/acl/ACLProvider.d.ts

@@ -1,8 +1,8 @@
 import { Schema } from '@formily/react';
 import React from 'react';
 export declare const ACLContext: React.Context<any>;
-export declare const ACLProvider: (props: any) => JSX.Element;
-export declare const ACLRolesCheckProvider: (props: any) => JSX.Element;
+export declare const ACLProvider: (props: any) => React.JSX.Element;
+export declare const ACLRolesCheckProvider: (props: any) => React.JSX.Element;
 export declare const useRoleRecheck: () => () => void;
 export declare const useACLContext: () => any;
 export declare const ACLActionParamsContext: React.Context<any>;
@@ -14,14 +14,13 @@ export declare const useACLRolesCheck: () => {
     getStrategyActionParams: (actionPath: string) => {};
 };
 export declare function useACLRoleContext(): any;
-export declare const ACLCollectionProvider: (props: any) => JSX.Element;
+export declare const ACLCollectionProvider: (props: any) => any;
 export declare const useACLActionParamsContext: () => any;
 export declare const useRecordPkValue: () => any;
-export declare const ACLActionProvider: (props: any) => JSX.Element;
+export declare const ACLActionProvider: (props: any) => React.JSX.Element;
 export declare const useACLFieldWhitelist: () => {
     whitelist: any[];
     schemaInWhitelist(fieldSchema: Schema): boolean;
 };
-export declare const ACLCollectionFieldProvider: (props: any) => JSX.Element;
-export declare const ACLMenuItemProvider: (props: any) => JSX.Element;
-export default ACLProvider;
+export declare const ACLCollectionFieldProvider: (props: any) => React.JSX.Element;
+export declare const ACLMenuItemProvider: (props: any) => React.JSX.Element;

package/es/acl/ACLProvider.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useField, useFieldSchema } from '@formily/react';
 import { Spin } from 'antd';
 import React, { createContext, useContext, useEffect } from 'react';
-import { Redirect } from 'react-router-dom';
+import { Navigate } from 'react-router-dom';
 import { useAPIClient, useRequest } from '../api-client';
 import { useBlockRequestContext } from '../block-provider/BlockProvider';
 import { useCollection } from '../collection-manager';
@@ -38,22 +38,6 @@ var getRouteUrl = function getRouteUrl(props) {
   }
   return props && getRouteUrl(props === null || props === void 0 ? void 0 : (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.props);
 };
-var getRouteAclCheck = function getRouteAclCheck(match, snippets) {
-  var _params$name;
-  var url = match.url,
-    params = match.params;
-  if (url === '/admin/pm/list' || (params === null || params === void 0 ? void 0 : params.pluginName) || (params === null || params === void 0 ? void 0 : (_params$name = params.name) === null || _params$name === void 0 ? void 0 : _params$name.includes('settings'))) {
-    var pmAclCheck = url === '/admin/pm/list' && snippets.includes('pm');
-    var pluginTabByName = params === null || params === void 0 ? void 0 : params.name.split('/');
-    pluginTabByName.shift();
-    var pluginName = params.pluginName || pluginTabByName[0];
-    var tabName = params.tabName || pluginTabByName[1];
-    var pluginTabSnippet = pluginName && tabName && "!pm.".concat(pluginName, ".").concat(tabName);
-    var pluginTabAclCheck = pluginTabSnippet && !snippets.includes(pluginTabSnippet);
-    return pmAclCheck || pluginTabAclCheck;
-  }
-  return true;
-};
 export var ACLRolesCheckProvider = function ACLRolesCheckProvider(props) {
   var route = getRouteUrl(props.children.props);
   var _useDesignable = useDesignable(),
@@ -77,7 +61,8 @@ export var ACLRolesCheckProvider = function ACLRolesCheckProvider(props) {
     return /*#__PURE__*/React.createElement(Spin, null);
   }
   if (result.error) {
-    return /*#__PURE__*/React.createElement(Redirect, {
+    return /*#__PURE__*/React.createElement(Navigate, {
+      replace: true,
       to: '/signin'
     });
   }
@@ -215,11 +200,11 @@ export var ACLCollectionProvider = function ACLCollectionProvider(props) {
     parseAction = _useACLRoleContext2.parseAction;
   var schema = useFieldSchema();
   if (allowAll) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+    return props.children;
   }
   var actionPath = schema['x-acl-action'];
   if (!actionPath) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+    return props.children;
   }
   var params = parseAction(actionPath, {
     schema: schema
@@ -334,5 +319,4 @@ export var ACLMenuItemProvider = function ACLMenuItemProvider(props) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
   }
   return null;
-};
-export default ACLProvider;
+};

package/es/acl/ACLShortcut.d.ts

@@ -1,3 +1,2 @@
-export declare const ACLPane: () => JSX.Element;
-export declare const ACLShortcut: () => JSX.Element;
-export declare const ACLShortcut2: () => JSX.Element;
+import React from 'react';
+export declare const ACLPane: () => React.JSX.Element;

package/es/acl/ACLShortcut.js

@@ -1,36 +1,12 @@
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-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; }
 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 { LockOutlined } from '@ant-design/icons';
 import { uid } from '@formily/shared';
 import { Card } from 'antd';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useHistory } from 'react-router-dom';
-import { PluginManager } from '../plugin-manager';
-import { ActionContext, SchemaComponent } from '../schema-component';
+import React from 'react';
+import { SchemaComponent } from '../schema-component';
 import * as components from './Configuration';
-var schema = {
-  type: 'object',
-  properties: _defineProperty({}, uid(), {
-    'x-component': 'Action.Drawer',
-    type: 'void',
-    title: '{{t("Roles & Permissions")}}',
-    properties: {
-      hello1: {
-        type: 'void',
-        'x-component': 'RoleTable'
-      }
-    }
-  })
-};
 var schema2 = {
   type: 'object',
   properties: _defineProperty({}, uid(), {
@@ -44,39 +20,4 @@ export var ACLPane = function ACLPane() {
     components: components,
     schema: schema2
   }));
-};
-export var ACLShortcut = function ACLShortcut() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory();
-  return /*#__PURE__*/React.createElement(PluginManager.Toolbar.Item, {
-    icon: /*#__PURE__*/React.createElement(LockOutlined, null),
-    title: t('Roles & Permissions'),
-    onClick: function onClick() {
-      history.push('/admin/settings/acl/roles');
-    }
-  });
-};
-export var ACLShortcut2 = function ACLShortcut2() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  return /*#__PURE__*/React.createElement(ActionContext.Provider, {
-    value: {
-      visible: visible,
-      setVisible: setVisible
-    }
-  }, /*#__PURE__*/React.createElement(PluginManager.Toolbar.Item, {
-    icon: /*#__PURE__*/React.createElement(LockOutlined, null),
-    title: t('Roles & Permissions'),
-    onClick: function onClick() {
-      setVisible(true);
-    }
-  }), /*#__PURE__*/React.createElement(SchemaComponent, {
-    components: components,
-    schema: schema
-  }));
 };

package/es/acl/Configuration/ConfigureCenter.d.ts

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

package/es/acl/Configuration/ConfigureCenter.js

@@ -7,17 +7,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { Checkbox, message, Table } from 'antd';
-import React, { createContext, useContext, useState } from 'react';
+import React, { createContext, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
+import { SettingsCenterContext } from '../../pm';
 import { useRecord } from '../../record-provider';
 import { useCompile } from '../../schema-component';
 var getParentKeys = function getParentKeys(tree, func) {
@@ -62,20 +59,8 @@ var getChildrenKeys = function getChildrenKeys() {
   return arr;
 };
 var SettingMenuContext = /*#__PURE__*/createContext(null);
-function useGetContext() {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    context = _useState2[0],
-    setContext = _useState2[1];
-  import('../../pm').then(function (_ref) {
-    var SettingsCenterContext = _ref.SettingsCenterContext;
-    setContext(SettingsCenterContext);
-  });
-  return context;
-}
 export var SettingCenterProvider = function SettingCenterProvider(props) {
-  var context = useGetContext();
-  var configureItems = context && useContext(context);
+  var configureItems = useContext(SettingsCenterContext);
   return /*#__PURE__*/React.createElement(SettingMenuContext.Provider, {
     value: configureItems
   }, props.children);
@@ -133,7 +118,7 @@ export var SettingsCenterConfigure = function SettingsCenterConfigure() {
     data = _useRequest.data;
   var resource = api.resource('roles.snippets', record.name);
   var handleChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checked, record) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checked, record) {
       var childrenKeys, totalKeys;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -171,8 +156,8 @@ export var SettingsCenterConfigure = function SettingsCenterConfigure() {
         }
       }, _callee);
     }));
-    return function handleChange(_x2, _x3) {
-      return _ref2.apply(this, arguments);
+    return function handleChange(_x, _x2) {
+      return _ref.apply(this, arguments);
     };
   }();
   return (items === null || items === void 0 ? void 0 : items.length) && /*#__PURE__*/React.createElement(Table, {

package/es/acl/Configuration/FilterDynamicComponent.d.ts

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

package/es/acl/Configuration/MenuConfigure.d.ts

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

package/es/acl/Configuration/MenuItemsProvider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const toItems: (properties?: {}) => any[];
 export declare const useMenuItems: () => any;
-export declare const MenuItemsProvider: (props: any) => JSX.Element;
+export declare const MenuItemsProvider: (props: any) => React.JSX.Element;

package/es/acl/Configuration/MenuItemsProvider.js

@@ -1,7 +1,7 @@
 import { Spin } from 'antd';
 import React, { createContext, useContext } from 'react';
 import { useRequest } from '../../api-client';
-import { useRoute } from '../../route-switch';
+import { useAdminSchemaUid } from '../../hooks';
 var MenuItemsContext = /*#__PURE__*/createContext(null);
 export var toItems = function toItems() {
   var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -26,9 +26,9 @@ export var useMenuItems = function useMenuItems() {
 };
 export var MenuItemsProvider = function MenuItemsProvider(props) {
   var _service$data, _service$data$data;
-  var route = useRoute();
+  var adminSchemaUid = useAdminSchemaUid();
   var options = {
-    url: "uiSchemas:getProperties/".concat(route.uiSchemaUid)
+    url: "uiSchemas:getProperties/".concat(adminSchemaUid)
   };
   var service = useRequest(options);
   if (service.loading) {

package/es/acl/Configuration/PermisionProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const SettingCenterPermissionProvider: (props: any) => JSX.Element;
+export declare const SettingCenterPermissionProvider: (props: any) => React.JSX.Element;
 export declare const PermissionContext: React.Context<any>;
-export declare const PermissionProvider: (props: any) => JSX.Element;
+export declare const PermissionProvider: (props: any) => React.JSX.Element;

package/es/acl/Configuration/RoleConfigure.d.ts

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

package/es/acl/Configuration/RoleTable.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const useAvailableActions: () => any[];
-export declare const RoleTable: () => JSX.Element;
+export declare const RoleTable: () => React.JSX.Element;

package/es/acl/Configuration/ScopeSelect.d.ts

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

package/es/acl/Configuration/schemas/scopes.d.ts

@@ -60,6 +60,7 @@ export declare const rolesResourcesScopesCollection: {
             "x-editable"?: boolean;
             "x-read-only"?: boolean;
             "x-read-pretty"?: boolean;
+            "x-compile-omitted"?: string[];
         }>;
     }[];
 };

package/es/antd-config-provider/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const AppLangContext: React.Context<any>;
 export declare const useAppLangContext: () => any;
-export declare function AntdConfigProvider(props: any): JSX.Element;
+export declare function AntdConfigProvider(props: any): React.JSX.Element;

package/es/api-client/APIClient.d.ts

@@ -1,5 +1,5 @@
 import { APIClient as APIClientSDK } from '@nocobase/sdk';
-import { Result } from 'ahooks/lib/useRequest/src/types';
+import { Result } from 'ahooks/es/useRequest/src/types';
 export declare class APIClient extends APIClientSDK {
     services: Record<string, Result<any, any>>;
     silence: boolean;

package/es/api-client/APIClientProvider.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { APIClient } from './APIClient';
 export interface APIClientProviderProps {
     apiClient: APIClient;
+    children?: ReactNode;
 }
 export declare const APIClientProvider: React.FC<APIClientProviderProps>;

package/es/api-client/hooks/assign.d.ts

@@ -4,7 +4,6 @@ export declare type MergeStrategy = MergeStrategyType | MergeStrategyFunc;
 export interface MergeStrategies {
     [key: string]: MergeStrategy;
 }
-export default function isPlainObject(value: any): boolean;
 export declare const mergeStrategies: Map<MergeStrategyType, MergeStrategyFunc>;
 export declare function assign(target: any, source: any, strategies?: MergeStrategies): any;
 export {};

package/es/api-client/hooks/assign.js

@@ -1,12 +1,6 @@
+import { isPlainObject } from '@nocobase/utils/client';
 import deepmerge from 'deepmerge';
 import uniq from 'lodash/uniq';
-export default function isPlainObject(value) {
-  if (Object.prototype.toString.call(value) !== '[object Object]') {
-    return false;
-  }
-  var prototype = Object.getPrototypeOf(value);
-  return prototype === null || prototype === Object.prototype;
-}
 function getEnumerableOwnPropertySymbols(target) {
   return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function (symbol) {
     return target.propertyIsEnumerable(symbol);

package/es/api-client/hooks/useRequest.d.ts

@@ -1,4 +1,4 @@
-import { Options } from 'ahooks/lib/useRequest/src/types';
+import { Options } from 'ahooks/es/useRequest/src/types';
 import { AxiosRequestConfig } from 'axios';
 declare type FunctionService = (...args: any[]) => Promise<any>;
 export declare type ResourceActionOptions<P = any> = {