折旧
此组件已移至 anypoint-web-components/awc。 。 。 .
在一个固定位置容器内显示内容的元素,相对于另一个元素的位置.
部分灵感来自 任何点下拉


无障碍
要件不提供 aria-* 或者说 role 属性。 使用这一要素的要素应确立适当的作用和对背景的愤怒.
使用量
安装
npm install --save @anypoint-web-components/anypoint-dropdown
在 HTML 文件内
<html>
<head>
<script type="module">
import '@anypoint-web-components/anypoint-dropdown/anypoint-dropdown.js';
</script>
<style>
#container {
display: inline-block;
}
anypoint-dropdown {
border: 1px solid gray;
background: white;
font-size: 2em;
}
</style>
</head>
<body>
<div id="container">
<button onclick="dropdown.open();">open the anypoint-dropdown</button>
<anypoint-dropdown id="dropdown" nooverlap>
<div slot="dropdown-content">Hello!</div>
</anypoint-dropdown>
</div>
</body>
</html>
发展
git clone https://github.com/anypoint-web-components/anypoint-dropdown
cd anypoint-dropdown
npm install
本地运行演示
npm start
运行测试
npm test
关于 @anypoint-web-components/anypoint-dropdown 的常见问题
@anypoint-web-components/anypoint-dropdown 是什么?
任意点平台的可访问下拉菜单
如何安装 @anypoint-web-components/anypoint-dropdown?
在项目目录运行 npm install @anypoint-web-components/anypoint-dropdown,或使用 pnpm add / yarn add / bun add。
@anypoint-web-components/anypoint-dropdown 支持 TypeScript 吗?
该包的 package.json 没有声明类型入口。需要类型提示时,可以在 npm 上查找社区维护的 @types/anypoint-web-components__anypoint-dropdown 是否存在。
@anypoint-web-components/anypoint-dropdown 支持 ESM 还是 CommonJS?
同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。
@anypoint-web-components/anypoint-dropdown 可以商用吗?
@anypoint-web-components/anypoint-dropdown 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。
@anypoint-web-components/anypoint-dropdown 的下载量有多少?
根据 npm 官方下载统计,@anypoint-web-components/anypoint-dropdown 在 2026/10/06 – 2026/11/04 这 30 天内被下载 3,238 次,日均约 108 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@anypoint-web-components/anypoint-dropdown 还在维护吗?
最新版本 1.1.7 发布于 2021/10/16(5 年前);至今共发布 10 个版本,其中过去 12 个月发布了 0 个;首次发布于 2019/08/05。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。