# @cloud-ru/ds-truncate-string 中文文档

规范地址：https://npmcn.com/package/%40cloud-ru/ds-truncate-string/

版本：1\.0\.20
npm 元数据更新时间：2026-11-11T15:02:01.041Z
中文译文更新时间：2026-11-11T15:10:29.649Z
软件包许可：Apache-2\.0

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

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

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

- 包体积（解压后）：222 kB，75 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：3 个
- 首次发布：2026-08-18T12:40:31.383Z
- 最新版本发布：2026-11-11T15:02:00.689Z
- 近 30 天下载量：22265（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：78（近 12 个月 78 个）

## 中文简介

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `end` и `middle`{\\fn黑体\\fs22\\bord1\\shad0\\3ahbe\\4ah00\\fscx67\\fscy66\\2chffffff\\3ch808080}你觉得呢.

## 安装

```sh
npm install @cloud-ru/ds-truncate-string
```

也可以使用：`pnpm add @cloud-ru/ds-truncate-string`、`yarn add @cloud-ru/ds-truncate-string`、`bun add @cloud-ru/ds-truncate-string`

## README

# 断线串

`@cloud-ru/ds-truncate-string` -=YTET -伊甸园字幕组=- 翻译: `end` и `middle`{\\fn黑体\\fs22\\bord1\\shad0\\3ahbe\\4ah00\\fscx67\\fscy66\\2chffffff\\3ch808080}你觉得呢.

\# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # ## # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢`end`) и (:`middle`) ——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————.

## Когда

-   Списках,и也.
-   {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}♪# # # # # # # # # # # # # # # # # # # {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #`middle`) (中文(简体) ).
-   {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

Когда **не** -=ytet -伊甸园字幕组=- 翻译:.

## Анатомия

### 备选案文

说吧 `end` - троеточие конце (стандартный CSS) `ellipsis`, (中文(简体) ), `middle` -=YTET -伊甸园字幕组=- 翻译:.

## Установка

```bash
pnpm add @cloud-ru/ds-truncate-string
```

```ts
import { TruncateString } from '@cloud-ru/ds-truncate-string'
```

## Примеры

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

```tsx
import { TruncateString } from '@cloud-ru/ds-truncate-string';

export function TruncateEnd() {
  return (
    <div style={{ width: 220 }}>
      <TruncateString variant='end' text='Очень длинный заголовок, который не помещается' maxLines={1} />
    </div>
  );
}
```

### . . .

```tsx
import { TruncateString } from '@cloud-ru/ds-truncate-string';

export function TruncateMiddle() {
  return (
    <div style={{ width: 220 }}>
      <TruncateString variant='middle' text='2024-quarterly-report-final-v3.pdf' />
    </div>
  );
}
```

### Многострочное

```tsx
import { TruncateString } from '@cloud-ru/ds-truncate-string';

export function TruncateMultiline() {
  return (
    <div style={{ width: 260 }}>
      <TruncateString
        variant='end'
        maxLines={3}
        text='Длинное описание, которое укладывается в три строки, а затем обрезается с троеточием в конце.'
      />
    </div>
  );
}
```

## 道具

**断线串接方案**

| Prop | 类型 | 默认 | 说明 |
| --- | --- | --- | --- |
| `className` | `string` | —— 说 |  |
| `data-test-id` | `string` | —— 说 |  |
| `hideTooltip` | `boolean` | —— 说 | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 |
| `maxLines` | `number` | —— 说 | Максимальное:кол也. |
| `placement` | `"bottom"` | `"bottom-end"` | `"bottom-start"` | `"left"` | `"left-end"` | `"left-start"` | `"right"` | `"right-end"` | `"right-start"` | `"top"` | `"top-end"` | `"top-start"` | —— 说 | {\\fn华文仿宋\\fs16\\1cHD1D1D1}好. |
| `text` | `string` | —— 说 | Текст,который也 |
| `tooltipClassName` | `string` | —— 说 | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 |
| `trigger` | `"click"` | `"clickAndFocusVisible"` | `"focus"` | `"focusVisible"` | `"hover"` | `"hoverAndFocus"` | `"hoverAndFocusVisible"` | —— 说 | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 |
| `variant` | `"end"` | `"middle"` | `end` | 说吧 `End` - с  
`Middle` - по середине |

## 常见问题

### @cloud-ru/ds-truncate-string 是什么？

\{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080\}你觉得呢 end и middle\{\\fn黑体\\fs22\\bord1\\shad0\\3ahbe\\4ah00\\fscx67\\fscy66\\2chffffff\\3ch808080\}你觉得呢\.

### 如何安装 @cloud-ru/ds-truncate-string？

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

### @cloud-ru/ds-truncate-string 支持 TypeScript 吗？

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

### @cloud-ru/ds-truncate-string 支持 ESM 还是 CommonJS？

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

### @cloud-ru/ds-truncate-string 可以商用吗？

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

### @cloud-ru/ds-truncate-string 的下载量有多少？

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

### @cloud-ru/ds-truncate-string 还在维护吗？

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

