{render()}
-
可以进行参数的二次覆盖：{render({ style: { color: 'red' } })}
+
可以进行参数的二次覆盖：{render({ mode: 'inline', style: { color: 'red' } })}
);
};
diff --git a/packages/core/client/package.json b/packages/core/client/package.json
index 05240444e6..a3b705f873 100644
--- a/packages/core/client/package.json
+++ b/packages/core/client/package.json
@@ -65,7 +65,8 @@
"react-router-dom": "^6.11.2",
"react-to-print": "^2.14.7",
"sanitize-html": "2.13.0",
- "use-deep-compare-effect": "^1.8.1"
+ "use-deep-compare-effect": "^1.8.1",
+ "ignore": "^5.2.0"
},
"peerDependencies": {
"react": ">=18.0.0",
diff --git a/packages/core/client/src/application/Application.tsx b/packages/core/client/src/application/Application.tsx
index 8d194d9d13..0e6035f1b2 100644
--- a/packages/core/client/src/application/Application.tsx
+++ b/packages/core/client/src/application/Application.tsx
@@ -17,7 +17,6 @@ import React, { ComponentType, FC, ReactElement, ReactNode } from 'react';
import { createRoot } from 'react-dom/client';
import { I18nextProvider } from 'react-i18next';
import { Link, NavLink, Navigate } from 'react-router-dom';
-
import { APIClient, APIClientProvider } from '../api-client';
import { CSSVariableProvider } from '../css-variable';
import { AntdAppProvider, GlobalThemeProvider } from '../global-theme';
@@ -29,7 +28,8 @@ import { WebSocketClient, WebSocketClientOptions } from './WebSocketClient';
import { AppComponent, BlankComponent, defaultAppComponents } from './components';
import { SchemaInitializer, SchemaInitializerManager } from './schema-initializer';
import * as schemaInitializerComponents from './schema-initializer/components';
-import { SchemaSettings, SchemaSettingsManager } from './schema-settings';
+import { SchemaSettings, SchemaSettingsManager, SchemaSettingsItemType } from './schema-settings';
+
import { compose, normalizeContainer } from './utils';
import { defineGlobalDeps } from './utils/globalDeps';
import { getRequireJs } from './utils/requirejs';
@@ -46,6 +46,7 @@ import { AppSchemaComponentProvider } from './AppSchemaComponentProvider';
import type { Plugin } from './Plugin';
import { getOperators } from './globalOperators';
import type { RequireJS } from './utils/requirejs';
+import { useAclSnippets } from './hooks/useAclSnippets';
type JsonLogic = {
addOperation: (name: string, fn?: any) => void;
@@ -495,4 +496,20 @@ export class Application {
getGlobalVar(key) {
return get(this.globalVars, key);
}
+ addUserCenterSettingsItem(item: SchemaSettingsItemType & { aclSnippet?: string }) {
+ const useVisibleProp = item.useVisible || (() => true);
+ const useVisible = () => {
+ const { allow } = useAclSnippets();
+ const visible = useVisibleProp();
+ if (!visible) {
+ return false;
+ }
+ return item.aclSnippet ? allow(item.aclSnippet) : true;
+ };
+
+ this.schemaSettingsManager.addItem('userCenterSettings', item.name, {
+ ...item,
+ useVisible: useVisible,
+ });
+ }
}
diff --git a/packages/core/client/src/application/hooks/useAclSnippets.ts b/packages/core/client/src/application/hooks/useAclSnippets.ts
new file mode 100644
index 0000000000..18c5bdfdff
--- /dev/null
+++ b/packages/core/client/src/application/hooks/useAclSnippets.ts
@@ -0,0 +1,25 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { useACLRoleContext } from '../../acl/ACLProvider';
+import ignore from 'ignore';
+
+export const useAclSnippets = () => {
+ const { allowAll, snippets } = useACLRoleContext();
+ return {
+ allow: (aclSnippet) => {
+ if (aclSnippet) {
+ const ig = ignore().add(snippets);
+ const appAllowed = allowAll || ig.ignores(aclSnippet);
+ return appAllowed;
+ }
+ return true;
+ },
+ };
+};
diff --git a/packages/core/client/src/application/schema-settings/hooks/useSchemaSettingsRender.tsx b/packages/core/client/src/application/schema-settings/hooks/useSchemaSettingsRender.tsx
index eb5df07a43..cc332560e6 100644
--- a/packages/core/client/src/application/schema-settings/hooks/useSchemaSettingsRender.tsx
+++ b/packages/core/client/src/application/schema-settings/hooks/useSchemaSettingsRender.tsx
@@ -7,16 +7,15 @@
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
-import { useMemo } from 'react';
-import { useApp } from '../../hooks';
-import { SchemaSettingOptions } from '../types';
-import React from 'react';
-import { SchemaSettingsWrapper } from '../components';
-import { SchemaSettingsProps } from '../../../schema-settings';
-import { Schema } from '@formily/json-schema';
import { GeneralField } from '@formily/core';
+import { Schema } from '@formily/json-schema';
+import React, { useMemo } from 'react';
import { Designable } from '../../../schema-component';
+import { SchemaSettingsProps } from '../../../schema-settings';
+import { useApp } from '../../hooks';
+import { SchemaSettingsWrapper } from '../components';
import { SchemaSettings } from '../SchemaSettings';
+import { SchemaSettingOptions } from '../types';
type UseSchemaSettingsRenderOptions