# @directus-labs/spreadsheet-layout 中文文档

规范地址：https://npmcn.com/package/%40directus-labs/spreadsheet-layout/

版本：1\.0\.2
npm 元数据更新时间：2026-06-05T15:48:30.857Z
中文译文更新时间：2026-11-14T16:15:29.841Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40directus-labs/spreadsheet-layout
原文对照：https://npmcn.com/package/%40directus-labs/spreadsheet-layout/?lang=original

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

- 包体积（解压后）：305 kB，3 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2024-05-29T07:58:35.125Z
- 最新版本发布：2024-12-18T11:50:29.917Z
- 近 30 天下载量：1986（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：3（近 12 个月 0 个）

## 中文简介

电子表格布局,允许您直接内置项目字段, 就像电子表格一样

## 安装

```sh
npm install @directus-labs/spreadsheet-layout
```

也可以使用：`pnpm add @directus-labs/spreadsheet-layout`、`yarn add @directus-labs/spreadsheet-layout`、`bun add @directus-labs/spreadsheet-layout`

## README

# Directus 电子表格布局

电子表格布局允许您直接内置项目字段,就像电子表格一样.

![](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/spreadsheet-layout/docs/preview.png)

## 安装和设置

要安装扩展名,请查看 [正式指南](https://docs.directus.io/extensions/installing-extensions.html)。 。 。 .

安装后,请访问您的收藏页面 `Layout Options` 选项卡,选择 `Spreadsheet` 从 `Layout` 下放列表 .

### 布局选项

`Save`: 如果 `Automatic` 复选框为 `checked`,您的更改将自动被保存。 如果是的话 `unchecked` 您需要手动按下右上角出现的保存按钮(或使用键盘快捷键) `[cmd] + [s]`)以保存您的更改.

`Spacing`: 更改电子表格行的间距, 如默认的表格布局那样.

## 使用量

单击收藏电子表格中的单元格并按下 `[Enter]` 或者说 `Double-click` 进入球场并做出你的改变。 当您通过点击外部或按下键退出单元格时 `[Escape]`,如果启用自动保存,则更新字段值。 否则,该单元格以编辑方式出现。 您可以使用箭头键来导航单元格。 您可以使用 `+`\-收藏电子表格右上角的按钮,就像默认的表格布局一样.

## 允许的字段

**类型 :** 字符串、文本、大整数、整数、浮出水面、小数、布尔、日期、日期、时间、时间戳.

**接口 :** 布尔,日期时间,输入,输入-自动完成-api,选择-颜色,选择-下拉,选择-icon,滑动.

## 常见问题

### @directus-labs/spreadsheet-layout 是什么？

电子表格布局,允许您直接内置项目字段, 就像电子表格一样

### 如何安装 @directus-labs/spreadsheet-layout？

在项目目录运行 npm install @directus-labs/spreadsheet-layout，或使用 pnpm add / yarn add / bun add。

### @directus-labs/spreadsheet-layout 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/directus-labs\_\_spreadsheet-layout 是否存在。

### @directus-labs/spreadsheet-layout 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @directus-labs/spreadsheet-layout 可以商用吗？

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

### @directus-labs/spreadsheet-layout 的下载量有多少？

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

### @directus-labs/spreadsheet-layout 还在维护吗？

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