(name: string, of?: any): R;
-}
-```
-
-示例
-
-```ts
-import axios from 'axios';
-
-// 不传参时，内部直接创建 axios 实例
-const apiClient = new APIClient();
-
-// 提供 AxiosRequestConfig 配置参数
-const apiClient = new APIClient({
- baseURL: '',
-});
-
-// 提供 AxiosInstance
-const instance = axios.create({
- baseURL: '',
-});
-const apiClient = new APIClient(instance);
-
-// 常规请求
-const response = await apiClient.request({ url });
-
-// NocoBase 特有的资源操作
-const response = await apiClient.resource('posts').list();
-
-// 请求共享
-const { data, loading, run } = apiClient.service('uid');
-```
-
-`api.service(uid)` 的例子，ComponentB 里刷新 ComponentA 的请求数据
-
-(
- service: AxiosRequestConfig
| ResourceActionOptions
| FunctionService,
- options?: Options,
-);
-```
-
-支持 `axios.request(config)`，config 详情查看 [axios](https://github.com/axios/axios#request-config)
-
-```ts
-const { data, loading, refresh, run, params } = useRequest({ url: '/users' });
-
-// useRequest 里传的是 AxiosRequestConfig，所以 run 里传的也是 AxiosRequestConfig
-run({
- params: {
- pageSize: 20,
- }
-});
-```
-
-例子如下：
-
-{data?.data?.name}
;
-});
diff --git a/packages/core/client/docs/zh-CN/core/request/demos/demo2.tsx b/packages/core/client/docs/zh-CN/core/request/demos/demo2.tsx
deleted file mode 100644
index 823a5dbb41aae..0000000000000
--- a/packages/core/client/docs/zh-CN/core/request/demos/demo2.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { APIClient, APIClientProvider, compose, useRequest } from '@nocobase/client';
-import MockAdapter from 'axios-mock-adapter';
-import React from 'react';
-
-const apiClient = new APIClient();
-
-const mock = new MockAdapter(apiClient.axios);
-
-mock.onGet('/users:get').reply(200, {
- data: { id: 1, name: 'John Smith' },
-});
-
-const providers = [[APIClientProvider, { apiClient }]];
-
-export default compose(...providers)(() => {
- const { data } = useRequest<{
- data: any;
- }>({
- url: 'users:get',
- method: 'get',
- });
- return {data?.data?.name}
;
-});
diff --git a/packages/core/client/docs/zh-CN/core/request/demos/demo3.tsx b/packages/core/client/docs/zh-CN/core/request/demos/demo3.tsx
deleted file mode 100644
index d27bf0470f48c..0000000000000
--- a/packages/core/client/docs/zh-CN/core/request/demos/demo3.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { uid } from '@formily/shared';
-import { APIClient, APIClientProvider, useAPIClient, useRequest } from '@nocobase/client';
-import { Button, Input, Space, Table } from 'antd';
-import MockAdapter from 'axios-mock-adapter';
-import React from 'react';
-
-const apiClient = new APIClient();
-
-const mock = new MockAdapter(apiClient.axios);
-const sleep = (value: number) => new Promise((resolve) => setTimeout(resolve, value));
-
-mock.onGet('/users:list').reply(async () => {
- await sleep(1000);
- return [
- 200,
- {
- data: [
- { id: 1, name: uid() },
- { id: 2, name: uid() },
- ],
- },
- ];
-});
-
-const ComponentA = () => {
- console.log('ComponentA');
- const { data, loading } = useRequest<{
- data: any;
- }>(
- {
- url: 'users:list',
- method: 'get',
- },
- {
- uid: 'test', // 当指定了 uid 的 useRequest 的结果，可以通过 api.service(uid) 获取
- },
- );
- return (
-
- );
-};
-
-const ComponentB = () => {
- console.log('ComponentB');
- const apiClient = useAPIClient();
- return (
-
-
-
-
- );
-};
-
-export default () => {
- return (
-
-
-
-
-
-
- );
-};
diff --git a/packages/core/client/docs/zh-CN/core/request/index.md b/packages/core/client/docs/zh-CN/core/request/index.md
deleted file mode 100644
index d442a201943fd..0000000000000
--- a/packages/core/client/docs/zh-CN/core/request/index.md
+++ /dev/null
@@ -1,167 +0,0 @@
-# APIClient
-
-## APIClient
-
-```ts
-class APIClient {
- // axios 实例
- axios: AxiosInstance;
- // 缓存带 uid 的 useRequest({}, {uid}) 的结果，可供其他组件调用
- services: Record>;
- // 构造器
- constructor(instance?: AxiosInstance | AxiosRequestConfig);
- // 客户端请求，支持 AxiosRequestConfig 和 ResourceActionOptions
- request, D = any>(config: AxiosRequestConfig | ResourceActionOptions): Promise;
- // 获取资源
- resource(name: string, of?: any): R;
-}
-```
-
-示例
-
-```ts
-import axios from 'axios';
-
-// 不传参时，内部直接创建 axios 实例
-const apiClient = new APIClient();
-
-// 提供 AxiosRequestConfig 配置参数
-const apiClient = new APIClient({
- baseURL: '',
-});
-
-// 提供 AxiosInstance
-const instance = axios.create({
- baseURL: '',
-});
-const apiClient = new APIClient(instance);
-
-// 常规请求
-const response = await apiClient.request({ url });
-
-// NocoBase 特有的资源操作
-const response = await apiClient.resource('posts').list();
-
-// 请求共享
-const { data, loading, run } = apiClient.service('uid');
-```
-
-`api.service(uid)` 的例子，ComponentB 里刷新 ComponentA 的请求数据
-
-(
- service: AxiosRequestConfig
| ResourceActionOptions
| FunctionService,
- options?: Options,
-);
-```
-
-支持 `axios.request(config)`，config 详情查看 [axios](https://github.com/axios/axios#request-config)
-
-```ts
-const { data, loading, refresh, run, params } = useRequest({ url: '/users' });
-
-// useRequest 里传的是 AxiosRequestConfig，所以 run 里传的也是 AxiosRequestConfig
-run({
- params: {
- pageSize: 20,
- }
-});
-```
-
-例子如下：
-
-Loading...
;
const AppError: FC<{ error: Error }> = ({ error }) => {
return (
-
App Error
+
Load Plugin Error
{error?.message}
{process.env.__TEST__ && error?.stack}
= RemoteSelectProps
& {
- action?: string;
- multiple?: boolean;
-};
-```
+---
+group:
+ title: Schema Components
+ order: 3
+---
-## Basic Usage
+# AssociationSelect
-
- {fieldSchema.name}
-
-
- );
- },
- { displayName: 'MyBlock' },
-);
-
-const App = getAppComponent({
- designable: true,
- schema: {
- type: 'void',
- name: 'root',
- 'x-component': 'DndContext',
- properties: {
- block1: {
- type: 'void',
- 'x-decorator': 'BlockItem',
- 'x-component': 'MyBlock',
- 'x-settings': 'simpleSettings',
- },
- block2: {
- type: 'void',
- 'x-decorator': 'BlockItem',
- 'x-component': 'MyBlock',
- 'x-settings': 'simpleSettings',
- },
- block3: {
- type: 'void',
- 'x-decorator': 'BlockItem',
- 'x-component': 'MyBlock',
- 'x-settings': 'simpleSettings',
- },
- },
- },
- appOptions: {
- schemaSettings: [simpleSettings],
- components: {
- MyBlock,
- },
- },
-});
-
-export default App;
diff --git a/packages/core/client/src/schema-component/antd/block-item/index.md b/packages/core/client/src/schema-component/antd/block-item/index.md
index 842def429dffd..c2f97b4ffe822 100644
--- a/packages/core/client/src/schema-component/antd/block-item/index.md
+++ b/packages/core/client/src/schema-component/antd/block-item/index.md
@@ -1,22 +1,11 @@
-# BlockItem
-
-普通的装饰器（Decorator）组件，无 UI 效果，一般用在 `x-decorator` 中。
-
-主要提供了以下 2 个能力：
+---
+group:
+ title: Schema Components
+ order: 3
+---
-- 拖拽功能
-- [SchemaToolbar](/core/ui-schema/schema-toolbar) 和 [SchemaSettings](/core/ui-schema/schema-settings) 的渲染
-
-[CardItem](/components/card-item) 和 [FormItem](/components/form-item) 组件都是基于 BlockItem 实现，也具备以上相同功能。
-
-```ts
-interface BlockItemProps {
- name?: string;
- className?: string;
- children?: React.ReactNode;
-}
-```
+# BlockItem
-注意拖拽功能需要配置 `DndContext` 组件。
+普通的装饰器（Decorator）组件，无特殊 UI 效果，一般用在 x-decorator 中。用于提供区块的管理，如拖拽功能、当前节点的 SettingsForm。CardItem 和 FormItem 组件都是基于 BlockItem 实现，也具备以上相同功能。
-
diff --git a/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/basic.tsx b/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/basic.tsx
deleted file mode 100644
index f45203b915318..0000000000000
--- a/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/basic.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { getAppComponent } from '@nocobase/test/web';
-
-const App = getAppComponent({
- schema: {
- type: 'void',
- name: 'root',
- 'x-decorator': 'FormV2',
- 'x-component': 'ShowFormData',
- properties: {
- test: {
- type: 'string',
- title: 'Test',
- 'x-decorator': 'FormItem',
- 'x-component': 'ColorPicker',
- },
- },
- },
-});
-
-export default App;
diff --git a/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/read-pretty.tsx b/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/read-pretty.tsx
deleted file mode 100644
index d666c4ac11569..0000000000000
--- a/packages/core/client/src/schema-component/antd/color-picker/demos/new-demos/read-pretty.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { getAppComponent } from '@nocobase/test/web';
-
-const App = getAppComponent({
- schema: {
- type: 'void',
- name: 'root',
- 'x-decorator': 'FormV2',
- 'x-component': 'ShowFormData',
- 'x-pattern': 'readPretty',
- properties: {
- test: {
- type: 'string',
- default: '#8BBB11',
- title: 'Test',
- 'x-decorator': 'FormItem',
- 'x-component': 'ColorPicker',
- },
- },
- },
-});
-
-export default App;
diff --git a/packages/core/client/src/schema-component/antd/color-picker/index.md b/packages/core/client/src/schema-component/antd/color-picker/index.md
index 9240492f547a8..f30325a4719c7 100644
--- a/packages/core/client/src/schema-component/antd/color-picker/index.md
+++ b/packages/core/client/src/schema-component/antd/color-picker/index.md
@@ -1,17 +1,18 @@
+---
+group:
+ title: Schema Components
+ order: 3
+---
+
# ColorPicker
-颜色选择器，其基于 ant-design [ColorPicker](https://ant.design/components/color-picker/) 组件进行封装。
+## Examples
+
+### Basic
+
+
-```ts
-interface ColorPickerProps extends Omit
{
- onChange?: (color: string) => void;
-}
-```
-## Basic Usage
-