# bxm-ui3

> bxm-ui3

Latest version **1.2.2** (published 2025-07-24) · 0 weekly downloads

## Install

```sh
npm install bxm-ui3
pnpm add bxm-ui3
yarn add bxm-ui3
bun add bxm-ui3
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.2 |
| Published | 2025-07-24 |
| First published | 2023-12-21 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 44.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | bonc-bxm |
| Maintainers | heyajing |
| Keywords | bxm-ui3, vue3, elementPlus |

## Links

- npm: https://www.npmjs.com/package/bxm-ui3
- npm.io page: https://npm.io/package/bxm-ui3

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^3.3.4
- [core-js](https://npm.io/package/core-js.md) ^3.8.3
- [element-plus](https://npm.io/package/element-plus.md) ^2.10.4

## Recent versions

- 1.2.2 (latest) — 2025-07-24
- 1.2.1 — 2024-05-11
- 1.2.0 — 2024-04-16
- 1.1.10 — 2024-04-15
- 1.1.9 — 2024-04-09
- 1.1.8 — 2024-03-28
- 1.1.7 — 2024-03-27
- 1.1.6 — 2024-03-14
- 1.1.5 — 2024-02-28
- 1.1.4 — 2024-02-01
- 1.1.3 — 2024-01-30
- 1.1.2 — 2024-01-24
- 1.1.1 — 2024-01-23
- 1.1.0 — 2024-01-23
- 1.0.9 — 2024-01-18
- … 9 more at https://npm.io/package/bxm-ui3/versions

## README

# bxm-ui3
基于vue3，element-plus构造的UI组件库

### 安装
```
$ npm i bxm-ui3
```

### 引入

你可以引入整个 ElementPlus，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 ElementPlus。

#### 完整引入

在main.js中写入以下内容：
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import BxmUI3 from 'bxm-ui3'
import 'bxm-ui3/dist/bxm-ui3.css'

createApp(App)
  .use(BxmUI3)
  .mount('#app')
```
以上代码便完成了 BxmUI3 的引入。需要注意的是，样式文件需要单独引入。

#### 按需引入
若你只希望引入部分组件，比如 Button，那么需要在 main.js 中写入以下内容：
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import { BxmButton } from 'bxm-ui3'
import 'bxm-ui3/dist/bxm-ui3.css'

createApp(App)
  .use(ElementPlus)
  .use(BxmButton)
  .mount('#app')
```
需要注意的是，按需引入时需要先安装element-plus组件库，同时在main.js中引入。

### 目前支持的组件
组件 | 组件名
---|---
按钮 | bxm-button
按钮组 | bxm-button-group
下拉选 | bxm-dropdown
异常信息框 | bxm-warning-box
后续更新中...

### 文档
[在线文档](http://172.16.43.179:8088/bxm-ui3/#/)

---
_Source: https://npm.io/package/bxm-ui3 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._