设计库
以Lit和应用程序框架再出货的一捆整个库,外加一套业务套用应用程序外壳.
mo-avatar ——口音颜色中一个圆形所持首字母或图标,如人名.
mo-user-avatar ——已签入用户首字母,该首字母会打开一个菜单,上面写着他们的名字,他们的电子邮件和菜单项目,是你们自己的.
安装
npm install @3mo/del
import '@3mo/del'
使用量
<mo-avatar>AZ</mo-avatar>
实例
- 图标 ——一个图标取而代之的是首字母,为未知的人或一组.
- 大小 —— 默认圆为40px;它本身
width, (中文(简体) ), height 财务报告和审定财务报表 font-size 调整大小 .
- 颜色 - 口音颜色填满了圆圈,除非它自己的
background 财务报告和审定财务报表 color 替换它.
用户神通
- 默认
- 没有电子邮件 没有
email,菜单仅显示其项目上方的名称.
- 未认证 - 没有
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 | 外地集装箱 |
链接
许可证
麻省理工学院 3MO GmbH
关于 @3mo/del 的常见问题
@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 和提交记录判断。