# @ajustee/mde-popover 中文文档

规范地址：https://npmcn.com/package/%40ajustee/mde-popover/

版本：4\.0\.0
npm 元数据更新时间：2022-04-04T12:27:17.846Z
中文译文更新时间：2026-11-06T14:19:15.888Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40ajustee/mde-popover
原文对照：https://npmcn.com/package/%40ajustee/mde-popover/?lang=original
项目主页：https://github.com/Ajustee/mde-popover#readme
源码仓库：https://github.com/Ajustee/mde-popover

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

- 包体积（解压后）：382 kB，27 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：@angular/animations \>=12\.0\.0，@angular/cdk \>=12\.0\.0，@angular/common \>=12\.0\.0，@angular/core \>=12\.0\.0
- 首次发布：2021-05-28T08:46:59.092Z
- 最新版本发布：2021-05-28T08:47:00.074Z
- 近 30 天下载量：3008（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：1（近 12 个月 0 个）

## 中文简介

叉子 @ material- extend/ mde

## 安装

```sh
npm install @ajustee/mde-popover
```

也可以使用：`pnpm add @ajustee/mde-popover`、`yarn add @ajustee/mde-popover`、`bun add @ajustee/mde-popover`

## README

# 角接头

一个叉子 [https://github.com/joejordanbrown/popover 互联网档案馆的存檔,存档日期2013-12-21](https://github.com/joejordanbrown/popover) 并更新为角12.

#### 链接

[原始内容@ info: whatsthis](https://uixd.co.uk/open-source-software/material-extended/demo) | [StackBlitz 模板](https://stackblitz.com/edit/mde-popover)

### 项目状况

角波波佛已经准备好了.

这最初是作为一个实例创建的 `@angular/material` 问题特性请求. 问题可见于 [角/材料2# 2691](https://github.com/angular/material2/issues/2691)

如果你愿意,请创建一个问题 或拉请求.

### 实例

**材料主题拾取器**

[![Material theme picker](https://media.giphy.com/media/jsxheZJXN1346GD5St/giphy.gif)](https://stackblitz.com/edit/angular-popover-demo)

**标准弹出**

![image](https://cloud.githubusercontent.com/assets/10200431/22394189/02e9b21e-e511-11e6-9f91-c6b470a6b212.png)

![image](https://cloud.githubusercontent.com/assets/10200431/22394186/e21a235c-e510-11e6-9cde-948b1a4382bc.png)

**Google+ 风格弹出**

![image](https://cloud.githubusercontent.com/assets/10200431/22397870/4f27ddba-e573-11e6-943f-2d737b59d39e.png)

### 安装

使用 npm 包安装 :

`yarn add @ajustee/mde-popover` 或者说 `npm install @ajustee/mde-popover`

安装所需的软件包@ angular/ cdk

`yarn add @angular/cdk` 或者说 `npm install @angular/cdk`

### 初始设置

CDK的叠加依赖于一小组结构样式才能正确工作. 如果使用Angular Material,这些样式已经与主题一起包含,否则如果单独使用CDK,则自己必须包含样式. 您可以在全局样式表中导入预建样式 :

@import'~@angular/cdk/overlay-prebuilt.cs'; (中文(简体) );

### 导入模块

应用模块.ts

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { AppComponent } from './app.component';
import { MdePopoverModule } from '@ajustee/mde-popover';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MdePopoverModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

### 许可证

麻省理工学院 [乔乔丹·布朗](https://github.com/joejordanbrown)

[UIXD 的角弹道](https://uixd.co.uk/)

## 常见问题

### @ajustee/mde-popover 是什么？

叉子 @ material- extend/ mde

### 如何安装 @ajustee/mde-popover？

在项目目录运行 npm install @ajustee/mde-popover，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@angular/animations（\>=12\.0\.0）、@angular/cdk（\>=12\.0\.0）、@angular/common（\>=12\.0\.0）、@angular/core（\>=12\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @ajustee/mde-popover 支持 TypeScript 吗？

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

### @ajustee/mde-popover 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @ajustee/mde-popover 可以商用吗？

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

### @ajustee/mde-popover 的下载量有多少？

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

### @ajustee/mde-popover 还在维护吗？

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