# best-plus

> A Component Library for Vue 3

Latest version **1.0.12** (published 2023-07-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install best-plus
pnpm add best-plus
yarn add best-plus
bun add best-plus
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2023-07-16 |
| First published | 2023-07-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 437.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | WangTongMing |
| Maintainers | domiv |
| Keywords | best-plus, ui, vue |

## Links

- npm: https://www.npmjs.com/package/best-plus
- Homepage: https://lazhuren.cn
- npm.io page: https://npm.io/package/best-plus

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.12 (latest) — 2023-07-16
- 1.0.11 — 2023-07-15
- 1.0.1 — 2023-07-15

## README

# best-plus 基于vue3组件库

基于vue3的一个用户体验良好的组件库，支持按需引入和全部导入的方式。
提高开发效率。

目前设计思路：

    ui样式采用全局 --> 模块 --> 功能的方式搭建


安装：

      // 使用yarn or npm 
      yarn add best-plus
      npm i best-plus

> 快速开始

```javascript
  import { createApp } from 'vue'
  import App from 'App.vue'
  import BestPlus from 'best-plus'
  import 'best-plus/dist/index.css'

  const app = createApp(App)
  
  app.use(BestPlus)

 ```

 > 基础组件

## button按钮组件

 ```javascript
   //  按钮类型
   <BeButton type="primary" size="small">primary</BeButton>

 ```

 属性说明：

| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---| --- | --- | --- | --- |
|type | 类型按钮 | string | - | primary dashed text link|
|size | 尺寸大小 | string | small | mini large|
|loading | 加载 | boolean | false | true |
|disabled | 禁用 | boolean | false | true |
|shape | 形状 | string | round circle | - |
|danger | 告警按钮 | boolean | false | true |

## input 组件

```javascript
   //  按钮类型
   <be-input v-model:value="value" size="small" @input="onInput" />

 ```

属性说明：

| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---| --- | --- | --- | --- |
|type | 类型 | string | - | text password number|
|size | 尺寸 | string | small | mini large|
|allowClear | 清空 | boolean | false | true |
|disabled | 禁用 | boolean | false | true |
|readonly | 只读 | boolean | false | - |
|autocomplete | 原生支持 | string | - | - |

事件

| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---| --- | --- | --- | --- |
|input | 输入 | ()=>void | - | -|
|change | 改变值 | ()=>void | - | -|
|blur | 失焦 | ()=>{} | - | - |

## inputNumber 组件

```javascript
   //  按钮类型
   <be-input-number v-model:value="value" size="small" @input="onInput" />

 ```

属性说明：

| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---| --- | --- | --- | --- |
|type | 类型 | string | - | number|
|size | 尺寸 | string | small | mini large|
|allowClear | 清空 | boolean | false | true |
|disabled | 禁用 | boolean | false | true |
|readonly | 只读 | boolean | false | - |
|autocomplete | 原生支持 | string | - | - |

事件

| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---| --- | --- | --- | --- |
|input | 输入 | ()=>void | - | -|
|change | 改变值 | ()=>void | - | -|
|blur | 失焦 | ()=>{} | - | - |

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