@a11d/lit

中文文档
0.14.1发布于 2026/10/08MITTypeScriptES Module构建来源已验证近 30 天下载 5602

A layer over Lit with a component base class, controllers, element references, two-way binding and typed events.

原始使用文档
文档目录3 节
  1. Installation
  2. Features
  3. Exports

@a11d/lit

Enhanced utilities and base classes for Lit, providing additional lifecycle hooks, decorators, and directives for building web components.

It re-exports lit together with its directives, replacing html and some of its decorators with its own, so a project imports everything from @a11d/lit rather than from lit.

Installation

npm install @a11d/lit

Features

Exports

NameKindDescription
Componentclass
ComponentPartclassA part of a component, extracted into a class of its own without introducing a component boundary.
Controllerclass
ElementRefclassA single element, designated by the template and read back wherever it is needed.
ElementRefsclassThe elements a template designates, each with the options it declares.
StyleDirectiveclass
UpdatedControllerclass
EventListenerControllerclass
PureEventDispatcherclass
HTMLElementEventDispatcherclass
BinderclassA utility to facilitate binding to a property of a reactive element.
BindingIntegrationclass
htmlfunction
queryConnectedInstancesfunctionDecorator that adds a property of type "Set" to a component class which contains all connected instances of that component.
extractEventTargetsfunction
extractOptionsfunction
eventfunction
bindingDefaultPropertyfunction
associatedEventfunction
BindingModeenum
componentconst
hostconstThe symbol resolving the ReactiveElement which owns the update lifecycle of a given context.
queryconst
queryAllconst
queryAllAsNodeListconst
styleconst
updatedconst
eventListenerconst
extractEventHandlerconstThe function an event listener runs, which for a template's event binding also passes on what the bound function returns.
bindingDefaultPropertyKeyconst
associatedEventsByPropertiesKeyconst
bindconst
bindingIntegrationsconst
bindingIntegrationconst
propertyconst
stateconst
ElementRefLifecycleinterfaceThe lifecycle of the element or elements a reference holds.
BindSourcetypeThe source a binding can be established on.

版本与发布记录

@a11d/lit 共发布 121 个版本,首次发布于 2022/07/24;过去 12 个月发布了 14 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.14.1latest2026/10/0829 天前
0.14.02026/10/0729 天前
0.13.42026/10/0730 天前
0.13.32026/09/291 个月前
0.13.22026/09/291 个月前
0.13.12026/09/271 个月前

其他发布通道:preview → 0.12.0-preview.0。

关于 @a11d/lit 的常见问题

@a11d/lit 是什么?

A layer over Lit with a component base class, controllers, element references, two-way binding and typed events.

如何安装 @a11d/lit?

在项目目录运行 npm install @a11d/lit,或使用 pnpm add / yarn add / bun add。

@a11d/lit 支持 TypeScript 吗?

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

@a11d/lit 支持 ESM 还是 CommonJS?

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

@a11d/lit 可以商用吗?

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

@a11d/lit 的下载量有多少?

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

@a11d/lit 还在维护吗?

最新版本 0.14.1 发布于 2026/10/08(29 天前);至今共发布 121 个版本,其中过去 12 个月发布了 14 个;首次发布于 2022/07/24。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。