# @cloud-ru/ds-ai-field-request 中文文档

规范地址：https://npmcn.com/package/%40cloud-ru/ds-ai-field-request/

版本：0\.1\.17
npm 元数据更新时间：2026-11-12T10:56:45.709Z
中文译文更新时间：2026-11-12T12:46:24.252Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40cloud-ru/ds-ai-field-request
原文对照：https://npmcn.com/package/%40cloud-ru/ds-ai-field-request/?lang=original
项目主页：https://github.com/cloud-ru-tech/snack-v2/tree/master/packages/ai-field-request
源码仓库：https://github.com/cloud-ru-tech/snack-v2

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：295 kB，42 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：6 个
- 首次发布：2026-09-09T20:33:13.622Z
- 最新版本发布：2026-11-12T10:56:45.556Z
- 近 30 天下载量：2475（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：58（近 12 个月 58 个）

## 中文简介

爱尔:.

## 安装

```sh
npm install @cloud-ru/ds-ai-field-request
```

也可以使用：`pnpm add @cloud-ru/ds-ai-field-request`、`yarn add @cloud-ru/ds-ai-field-request`、`bun add @cloud-ru/ds-ai-field-request`

## README

# Ai 外地请求

`@cloud-ru/ds-ai-field-request` -=YTET -伊甸园字幕组=- 翻译:.

`AiFieldRequest` -=YTET -伊甸园字幕组=- 翻译:.

唵(引一)появиться(引一)появиться(二合引一)贺. {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}你这混蛋.

## Когда

-   {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.
-   Контент(一作текст.

### {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

-   Инлайн - баннер - `@cloud-ru/ds-ai-field-banner` 编号 : `@cloud-ru/ds-ai-field-notice`。 。 。 .
-   抽屉.. `@cloud-ru/ds-modal` 编号 : `@cloud-ru/ds-drawer`。 。 。 .

## Анатомия

### 标题

`title` 。 。 。 。 。 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}♪################################# ################################################################################################################################################################################################### `content`。 。 。 。 .

### 行动

`primaryAction` и `secondaryAction` —— кнопок: `label` (подпись `onClick` (клик `primaryAction` есть `loading` ——состояние. {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

### 外观( 默认) `primary`(中文(简体) )

说吧

-   `primary` - 装满了.
-   `destructive` ——填充-(для).

提纲中立. {\\fn华文仿宋\\fs16\\1cHD1D1D1}好.

### 内容档

`content` -=YTET -伊甸园字幕组=- 翻译: {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `maxHeight` (по `88` (原始内容存档于2017-09-29). px). а. {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `TruncateString`число: `maxHeight` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `maxHeight` как. {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你还不知道吗? /«Скрыть».

### 提示

`hint` - 。 。 。 。 。 Не,если也.

### 正在装入

`primaryAction.loading` -=ytet -伊甸园字幕组=- 翻译:.

### 高度

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢`max-height: 100%`) (中文(简体) ). {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}♪####################################################################################################################################################################################################################################.

## Установка

```bash
pnpm add @cloud-ru/ds-ai-field-request
```

```ts
import { AiFieldRequest } from '@cloud-ru/ds-ai-field-request';
```

## Примеры

### 默认

Свёрнутое:длинный也 `maxHeight`, 翻译 :

```tsx
import { AiFieldRequest, APPEARANCE } from '@cloud-ru/ds-ai-field-request';

const CONTENT =
  'Виртуальная машина будет остановлена и удалена вместе с дисками. Снимки и резервные копии останутся доступны в хранилище, восстановить машину из них можно в любой момент.';

export function Default() {
  return (
    <AiFieldRequest
      title='Удалить виртуальную машину?'
      content={CONTENT}
      hint='Подсказка под панелью'
      appearance={APPEARANCE.Primary}
      primaryAction={{ label: 'Подтвердить' }}
      secondaryAction={{ label: 'Отмена' }}
    />
  );
}
```

### 破坏性

`appearance="destructive"` красная основная

```tsx
import { AiFieldRequest, APPEARANCE } from '@cloud-ru/ds-ai-field-request';

export function Destructive() {
  return (
    <AiFieldRequest
      title='Удалить виртуальную машину?'
      content='Диски будут удалены вместе с машиной. Операция необратима.'
      hint='Подсказка под панелью'
      appearance={APPEARANCE.Destructive}
      primaryAction={{ label: 'Удалить' }}
      secondaryAction={{ label: 'Отмена' }}
    />
  );
}
```

### 已扩展

Раскрытое:содержимое也

```tsx
import { AiFieldRequest, APPEARANCE } from '@cloud-ru/ds-ai-field-request';
import { useState } from 'react';

const CONTENT =
  'Виртуальная машина будет остановлена и удалена вместе с дисками. Снимки и резервные копии останутся доступны в хранилище, восстановить машину из них можно в любой момент. Сетевые интерфейсы и публичные адреса освободятся сразу после удаления.';

export function Expanded() {
  const [open, setOpen] = useState(true);

  return (
    <AiFieldRequest
      title='Удалить виртуальную машину?'
      content={CONTENT}
      hint='Подсказка под панелью'
      appearance={APPEARANCE.Primary}
      open={open}
      onOpenChange={setOpen}
      primaryAction={{ label: 'Подтвердить' }}
      secondaryAction={{ label: 'Отмена' }}
    />
  );
}
```

### 正在装入

`primaryAction.loading` - индикатор основной кнопке кнопке кнопка

```tsx
import { AiFieldRequest, APPEARANCE } from '@cloud-ru/ds-ai-field-request';

export function Loading() {
  return (
    <AiFieldRequest
      title='Удалить виртуальную машину?'
      content='Диски будут удалены вместе с машиной.'
      hint='Подсказка под панелью'
      appearance={APPEARANCE.Primary}
      primaryAction={{ label: 'Подтвердить', loading: true }}
      secondaryAction={{ label: 'Отмена' }}
    />
  );
}
```

## 道具

**Ai 外地请求选项**

| Prop | 类型 | 默认 | 说明 |
| --- | --- | --- | --- |
| `appearance` | `"destructive"` | `"primary"` | `primary` | 说吧 `primary` или `destructive`По `primary`。 。 。 . |
| `className` | `string` | —— 说 | Доп класс корня. |
| `content` | `ReactNode` | —— 说 | Слот(一作текст. |
| `data-test-id` | `string` | `ai-field-request` |  |
| `hint` | `ReactNode` | —— 说 | Подпись. Не,если也. |
| `maxHeight` | `number` | `88` | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? По `88`。 。 。 .  
{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得怎样.  
Для `content` ? ? ? ? ? ? ? ? ? ? ;  
{\\fn黑体\\fs20\\shad2\\2ah82\\3ah20\\4ah33\\fscx95\\3ch592001\\be1}你觉得怎么样. |
| `onOpenChange` | `((open: boolean) => void)` | —— 说 | Колбэк. |
| `open` | `boolean` | —— 说 | (原始内容存档于2018-10-21). Controled – раскрыто. Без `open` 无法控制 无法控制. |
| `primaryAction` | `AiFieldRequestAction` | `AiFieldRequestPrimaryAction` | —— 说 | Основная:подпись也. Обязательный. |
| `secondaryAction` | `AiFieldRequestAction` | —— 说 | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? Обязательный. |
| `title` | `ReactNode` | —— 说 | Заголовок. {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? Обязательный. |

#### 相关类型

**实地请求**

| Prop | 类型 | 默认 | 说明 |
| --- | --- | --- | --- |
| `label` | `string` | —— 说 | Подпись. |
| `onClick` | `((event: MouseEvent<HTMLButtonElement>) => void) | undefined` | —— 说 | Клик. |

**Ai 外地请求优先行动**

| Prop | 类型 | 默认 | 说明 |
| --- | --- | --- | --- |
| `label` | `string` | —— 说 | Подпись. |
| `loading` | `boolean | undefined` | —— 说 | Состояние:индикатор也.  
{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢. |
| `onClick` | `((event: MouseEvent<HTMLButtonElement>) => void) | undefined` | —— 说 | Клик. |

-   `Appearance` =: `"destructive"` | `"primary"`

## 常见问题

### @cloud-ru/ds-ai-field-request 是什么？

爱尔:\.

### 如何安装 @cloud-ru/ds-ai-field-request？

在项目目录运行 npm install @cloud-ru/ds-ai-field-request，或使用 pnpm add / yarn add / bun add。

### @cloud-ru/ds-ai-field-request 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @cloud-ru/ds-ai-field-request 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @cloud-ru/ds-ai-field-request 可以商用吗？

@cloud-ru/ds-ai-field-request 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @cloud-ru/ds-ai-field-request 的下载量有多少？

根据 npm 官方下载统计，@cloud-ru/ds-ai-field-request 在 2026/10/10 – 2026/11/08 这 30 天内被下载 2,475 次，日均约 83 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @cloud-ru/ds-ai-field-request 还在维护吗？

最新版本 0\.1\.17 发布于 2026/11/12（今天）；至今共发布 58 个版本，其中过去 12 个月发布了 58 个；首次发布于 2026/09/10。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

