# @3mo/del 中文文档

规范地址：https://npmcn.com/package/%403mo/del/

版本：0\.6\.9
npm 元数据更新时间：2026-10-29T21:03:27.797Z
中文译文更新时间：2026-11-07T06:52:41.779Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%403mo/del
原文对照：https://npmcn.com/package/%403mo/del/?lang=original
项目主页：https://3mo-esolutions.github.io/web-components/?path=/docs/getting-started-introduction--overview
源码仓库：https://github.com/3mo-esolutions/web-components

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

- 包体积（解压后）：85 kB，46 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：13 个
- peer 依赖：@3mo/fab x，@3mo/key x，@3mo/pdf x，@3mo/tab x，@3mo/card x，@3mo/chip \>=0\.4\.2，@3mo/flex x，@3mo/grid x，@3mo/icon x，@3mo/line x，@3mo/list x，@3mo/menu x，@3mo/swap x，@3mo/tree x，@a11d/lit x，@3mo/alert x，@3mo/color x，@3mo/field x，@3mo/radio x，@3mo/sheet \>=0\.1\.4，@3mo/theme x，@3mo/anchor x，@3mo/button x，@3mo/dialog \>=0\.8\.4，@3mo/drawer x，@3mo/slider x，@3mo/switch x，@3mo/heading x，@3mo/masonry x，@3mo/popover \>=0\.10\.x，@3mo/section x，@3mo/tooltip x，@3mo/checkbox x，@3mo/confetti x，@3mo/expander x，@3mo/menu-bar x，@3mo/scroller x，@3mo/snackbar x，@3mo/splitter x，@3mo/timeline x，@3mo/accordion x，@3mo/data-grid \>=0\.38\.5，@3mo/date-time \>=0\.10\.5，@3mo/fab-group x，@3mo/group-box x，@3mo/hierarchy x，@3mo/throttler x，@3mo/code-field \>=0\.1\.2，@3mo/downloader x，@3mo/field-pair x，@3mo/focus-ring x，@3mo/navigation \>=0\.1\.6，@3mo/safe-round x，@3mo/color-field x，@3mo/empty-state x，@3mo/file-upload \>=0\.4\.3，@3mo/icon-button x，@3mo/screen-size x，@3mo/text-fields \>=0\.1\.2，@3mo/button-group x，@3mo/color-picker x，@3mo/context-menu x，@3mo/indexability x，@3mo/localization x，@3mo/navigability x，@3mo/select-field \>=0\.11\.2，@3mo/split-button x，@3mo/swipeability x，@3mo/entity-dialog \>=0\.6\.4，@3mo/expandability x，@3mo/master-detail x，@3mo/number-fields x，@3mo/selectability x，@3mo/checkbox-group x，@3mo/key-value-list x，@3mo/language-field \>=0\.3\.2，@3mo/loading-button x，@3mo/loading-dialog \>=0\.1\.8，@3mo/style-property x，@3mo/command-palette \>=0\.2\.3，@3mo/linear-progress x，@3mo/resize-observer x，@3mo/segmented-input x，@3mo/selection-group x，@3mo/slot-controller x，@3mo/split-page-host x，@3mo/collapsible-card \>=0\.2\.2，@3mo/copy-icon-button \>=0\.1\.2，@3mo/date-time-fields \>=0\.17\.2，@3mo/entity-data-grid \>=0\.4\.3，@3mo/fetchable-dialog x，@3mo/focus-controller x，@3mo/selection-dialog x，@3mo/standard-dialogs \>=0\.4\.4，@3mo/virtualized-list x，@a11d/lit-application \>=0\.7\.0，@3mo/circular-progress x，@3mo/element-internals x，@3mo/mutation-observer x，@3mo/fetcher-controller x，@3mo/moddable-data-grid \>=0\.8\.6，@3mo/pointer-controller x，@3mo/fetchable-data-grid \>=0\.8\.2，@3mo/interval-controller x，@3mo/keyboard-controller x，@3mo/overflow-controller x，@3mo/media-query-observer x，@3mo/virtualized-scroller x，@3mo/file-upload-drop-area x，@3mo/intersection-observer x，@3mo/fetchable-select-field x，@3mo/data-grid-card-integration x，@3mo/infinite-scroll-controller x，@3mo/split-button-dialog-adapter x，@3mo/loading-button-dialog-adapter x，@3mo/instanceof-attribute-controller x
- 首次发布：2023-05-11T22:31:46.908Z
- 最新版本发布：2026-10-29T21:03:27.451Z
- 近 30 天下载量：2020（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：153（近 12 个月 27 个）

## 中文简介

以Lit和应用程序框架再出货的一捆整个库,外加一套业务套用应用程序外壳.

## 安装

```sh
npm install @3mo/del
```

也可以使用：`pnpm add @3mo/del`、`yarn add @3mo/del`、`bun add @3mo/del`

## README

# 设计库

以Lit和应用程序框架再出货的一捆整个库,外加一套业务套用应用程序外壳.

[![npm](https://img.shields.io/npm/v/@3mo/del?style=flat-square&color=0077c8)](https://www.npmjs.com/package/@3mo/del) [![Documentation](https://img.shields.io/badge/docs-storybook-ff4785?style=flat-square&logo=storybook&logoColor=white)](https://3mo-esolutions.github.io/web-components/?path=/docs/getting-started-introduction--overview)

`mo-avatar` ——口音颜色中一个圆形所持首字母或图标,如人名.

`mo-user-avatar` ——已签入用户首字母,该首字母会打开一个菜单,上面写着他们的名字,他们的电子邮件和菜单项目,是你们自己的.

## 安装

```sh
npm install @3mo/del
```

```ts
import '@3mo/del'
```

## 使用量

```html
<mo-avatar>AZ</mo-avatar>
```

## 实例

-   [图标](https://3mo-esolutions.github.io/web-components/?path=/story/data-avatar--icon) ——一个图标取而代之的是首字母,为未知的人或一组.
-   [大小](https://3mo-esolutions.github.io/web-components/?path=/story/data-avatar--sizes) —— 默认圆为40px;它本身 `width`, (中文(简体) ), `height` 财务报告和审定财务报表 `font-size` 调整大小 .
-   [颜色](https://3mo-esolutions.github.io/web-components/?path=/story/data-avatar--colors) - 口音颜色填满了圆圈,除非它自己的 `background` 财务报告和审定财务报表 `color` 替换它.

### 用户神通

-   [默认](https://3mo-esolutions.github.io/web-components/?path=/story/data-user-avatar--default)
-   [没有电子邮件](https://3mo-esolutions.github.io/web-components/?path=/story/data-user-avatar--without-email) 没有 `email`,菜单仅显示其项目上方的名称.
-   [未认证](https://3mo-esolutions.github.io/web-components/?path=/story/data-user-avatar--unauthenticated) - 没有 `name` 没有人在其中签名: avatar 显示一个账户按钮, 它打开了应用程序的登录 .

## API 密码

### `mo-avatar`

#### 槽数

| 名称 | 说明 |
| --- | --- |
| (默认) | 首字母或图标. |

### `mo-user-avatar`

#### 属性

| 名称 | 属性 | 类型 | 默认 | 说明 |
| --- | --- | --- | --- | --- |
| `open` | `open` | `boolean` | `false` | 菜单是否打开 . |
| `name` | `name` | `string | undefined` |  | 用户的全名,其首字母和后字母缩写为avatar显示. 没有它,没有人会签入. |
| `email` | `email` | `string | undefined` |  | 菜单中名下显示的电子邮件 . |

#### 活动

| 名称 | 细节 | 说明 |
| --- | --- | --- |
| `openChange` | `boolean` | 菜单是否打开, 何时更改 . |

#### 槽数

| 名称 | 说明 |
| --- | --- |
| (默认) | 菜单项,显示在用户下方和带有认证符的应用程序所添加的签出项上. |

### `mo-application-logo`

#### 属性

| 名称 | 属性 | 类型 | 默认 |
| --- | --- | --- | --- |
| `source` | `source` | `string | undefined` | `"ApplicationLogo.source"` |

### `mo-business-suite-authentication-dialog`

#### 属性

| 名称 | 属性 | 类型 | 默认 |
| --- | --- | --- | --- |
| `open` | `open` | `boolean` | `false` |
| `heading` | `heading` | `string` | `""` |

### `mo-field-net-gross-currency`

#### 属性

| 名称 | 属性 | 类型 | 默认 | 说明 |
| --- | --- | --- | --- | --- |
| `isGross` | `isGross` | `boolean` | `false` |  |
| `currency` | `currency` | `Currency` | `"EUR"` |  |
| `currencySymbol` | `currencySymbol` | `string | undefined` |  |  |
| `selectOnFocus` | `selectOnFocus` | `boolean` | `false` | 选择字段获得焦点时的输入文本. |
| `dense` | `dense` | `boolean` | `false` | 字段是否密集 |
| `value` | `value` | `NetGrossCurrency` | `["undefined",false]` | 字段值 |
| `label` | `label` | `string` | `""` | 字段标签 |
| `readonly` | `readonly` | `boolean` | `false` | 是否只读字段 |
| `disabled` | `disabled` | `boolean` | `false` | 是否禁用字段 |
| `required` | `required` | `boolean` | `false` | 是否需要字段 |

#### 活动

| 名称 | 细节 | 说明 |
| --- | --- | --- |
| `change` | `T | undefined` | 用户承诺时随值一同发出 |
| `input` | `T | undefined` | 用户编辑时随值一同发送 |
| `validityChange` | `boolean` | 在每次验证后, 指定值是否有效 |

#### 槽数

| 名称 | 说明 |
| --- | --- |
| (默认) | 字段的内容 |
| `start` | 将放在外地开始时的内容 |
| `end` | B. 将放在外地末尾的内容 |

#### 中央支助部分

| 名称 | 说明 |
| --- | --- |
| `input` | 输入元素 . |
| `container` | 外地集装箱 |

## 链接

-   [文档](https://3mo-esolutions.github.io/web-components/?path=/docs/getting-started-introduction--overview)
-   [更改日志](https://3mo-esolutions.github.io/web-components/?path=/docs/getting-started-introduction--overview)
-   [来源](https://github.com/3mo-esolutions/web-components/tree/main/packages/DesignLibrary)

## 许可证

麻省理工学院 3MO GmbH

## 常见问题

### @3mo/del 是什么？

以Lit和应用程序框架再出货的一捆整个库,外加一套业务套用应用程序外壳\.

### 如何安装 @3mo/del？

在项目目录运行 npm install @3mo/del，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@3mo/fab（x）、@3mo/key（x）、@3mo/pdf（x）、@3mo/tab（x）、@3mo/card（x）、@3mo/chip（\>=0\.4\.2）、@3mo/flex（x）、@3mo/grid（x）、@3mo/icon（x）、@3mo/line（x）、@3mo/list（x）、@3mo/menu（x）、@3mo/swap（x）、@3mo/tree（x）、@a11d/lit（x）、@3mo/alert（x）、@3mo/color（x）、@3mo/field（x）、@3mo/radio（x）、@3mo/sheet（\>=0\.1\.4）、@3mo/theme（x）、@3mo/anchor（x）、@3mo/button（x）、@3mo/dialog（\>=0\.8\.4）、@3mo/drawer（x）、@3mo/slider（x）、@3mo/switch（x）、@3mo/heading（x）、@3mo/masonry（x）、@3mo/popover（\>=0\.10\.x）、@3mo/section（x）、@3mo/tooltip（x）、@3mo/checkbox（x）、@3mo/confetti（x）、@3mo/expander（x）、@3mo/menu-bar（x）、@3mo/scroller（x）、@3mo/snackbar（x）、@3mo/splitter（x）、@3mo/timeline（x）、@3mo/accordion（x）、@3mo/data-grid（\>=0\.38\.5）、@3mo/date-time（\>=0\.10\.5）、@3mo/fab-group（x）、@3mo/group-box（x）、@3mo/hierarchy（x）、@3mo/throttler（x）、@3mo/code-field（\>=0\.1\.2）、@3mo/downloader（x）、@3mo/field-pair（x）、@3mo/focus-ring（x）、@3mo/navigation（\>=0\.1\.6）、@3mo/safe-round（x）、@3mo/color-field（x）、@3mo/empty-state（x）、@3mo/file-upload（\>=0\.4\.3）、@3mo/icon-button（x）、@3mo/screen-size（x）、@3mo/text-fields（\>=0\.1\.2）、@3mo/button-group（x）、@3mo/color-picker（x）、@3mo/context-menu（x）、@3mo/indexability（x）、@3mo/localization（x）、@3mo/navigability（x）、@3mo/select-field（\>=0\.11\.2）、@3mo/split-button（x）、@3mo/swipeability（x）、@3mo/entity-dialog（\>=0\.6\.4）、@3mo/expandability（x）、@3mo/master-detail（x）、@3mo/number-fields（x）、@3mo/selectability（x）、@3mo/checkbox-group（x）、@3mo/key-value-list（x）、@3mo/language-field（\>=0\.3\.2）、@3mo/loading-button（x）、@3mo/loading-dialog（\>=0\.1\.8）、@3mo/style-property（x）、@3mo/command-palette（\>=0\.2\.3）、@3mo/linear-progress（x）、@3mo/resize-observer（x）、@3mo/segmented-input（x）、@3mo/selection-group（x）、@3mo/slot-controller（x）、@3mo/split-page-host（x）、@3mo/collapsible-card（\>=0\.2\.2）、@3mo/copy-icon-button（\>=0\.1\.2）、@3mo/date-time-fields（\>=0\.17\.2）、@3mo/entity-data-grid（\>=0\.4\.3）、@3mo/fetchable-dialog（x）、@3mo/focus-controller（x）、@3mo/selection-dialog（x）、@3mo/standard-dialogs（\>=0\.4\.4）、@3mo/virtualized-list（x）、@a11d/lit-application（\>=0\.7\.0）、@3mo/circular-progress（x）、@3mo/element-internals（x）、@3mo/mutation-observer（x）、@3mo/fetcher-controller（x）、@3mo/moddable-data-grid（\>=0\.8\.6）、@3mo/pointer-controller（x）、@3mo/fetchable-data-grid（\>=0\.8\.2）、@3mo/interval-controller（x）、@3mo/keyboard-controller（x）、@3mo/overflow-controller（x）、@3mo/media-query-observer（x）、@3mo/virtualized-scroller（x）、@3mo/file-upload-drop-area（x）、@3mo/intersection-observer（x）、@3mo/fetchable-select-field（x）、@3mo/data-grid-card-integration（x）、@3mo/infinite-scroll-controller（x）、@3mo/split-button-dialog-adapter（x）、@3mo/loading-button-dialog-adapter（x）、@3mo/instanceof-attribute-controller（x）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @3mo/del 支持 TypeScript 吗？

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

### @3mo/del 支持 ESM 还是 CommonJS？

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

### @3mo/del 可以商用吗？

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

### @3mo/del 的下载量有多少？

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

### @3mo/del 还在维护吗？

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