# @column-resizer/react 中文文档

规范地址：https://npmcn.com/package/%40column-resizer/react/

版本：1\.4\.0
npm 元数据更新时间：2025-04-23T17:10:57.704Z
中文译文更新时间：2026-11-10T11:23:15.155Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40column-resizer/react
原文对照：https://npmcn.com/package/%40column-resizer/react/?lang=original
项目主页：https://column-resizer.runjuu.com/react
源码仓库：https://github.com/Runjuu/column-resizer

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

- 包体积（解压后）：127 kB，16 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react ^16\.0\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0
- 首次发布：2022-11-14T20:49:36.369Z
- 最新版本发布：2025-04-23T17:10:57.502Z
- 近 30 天下载量：144057（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：15（近 12 个月 0 个）

## 中文简介

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://npmcn.com/package/%40column-resizer/react/#description-contributing) \[! \[代码样式:更漂亮\] (https://i)

## 安装

```sh
npm install @column-resizer/react
```

也可以使用：`pnpm add @column-resizer/react`、`yarn add @column-resizer/react`、`bun add @column-resizer/react`

## README

# @ @ 栏- resizer/ react

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://npmcn.com/package/%40column-resizer/react/#readme-contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)

多列( row) 缩放的响应组件 。 在每一个现代浏览器中工作 [哪个](https://caniuse.com/#feat=flexbox) 支持 [软框布局](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout)。 。 。 .

-   支持鼠标和触摸事件
-   支持服务器侧渲染
-   支持严格反应模式
-   支持 RTL( 从右到左) 布局( 由 [@mike-shtil-loop (英语)](https://github.com/mike-shtil-loop)(中文(简体) )
-   没有额外的依赖关系, 包大小在 5 kB 以下
-   容易自定义调整行为大小

## 医生

-   检查出来 [我们的文件](https://column-resizer.runjuu.com/) 用于向导和完整的 API 参考.
-   或者看见 [我们的榜样](https://github.com/runjuu/column-resizer/tree/main/docs/examples) 给灵感.

## 生态系统

核心库具有框架不可知性,可用于任何框架或 [即使没有](https://column-resizer.runjuu.com/core/quick-start)。如果您想要为您最喜欢的框架添加支持, 欢迎拉动请求 !

| **项目** | **状态** | **说明** |
| --- | --- | --- |
| [@ 栏- resizer/ core](https://column-resizer.runjuu.com/core) | [![](https://img.shields.io/npm/v/@column-resizer/core.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/core) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/core?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/core) | 核心图书馆 |
| [@ 栏- resizer/ react](https://column-resizer.runjuu.com/react) | [![](https://img.shields.io/npm/v/@column-resizer/react.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/react) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/react?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/react) | 反应整合 |

## 常见问题

### @column-resizer/react 是什么？

\[\! \[代码样式:更漂亮\] \(https://i\)

### 如何安装 @column-resizer/react？

在项目目录运行 npm install @column-resizer/react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^16\.0\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @column-resizer/react 支持 TypeScript 吗？

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

### @column-resizer/react 支持 ESM 还是 CommonJS？

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

### @column-resizer/react 可以商用吗？

@column-resizer/react 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @column-resizer/react 的下载量有多少？

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

### @column-resizer/react 还在维护吗？

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