# speiyou-components

> basic using: webpack + vue

Latest version **1.6.0** (published 2019-11-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install speiyou-components
pnpm add speiyou-components
yarn add speiyou-components
bun add speiyou-components
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.6.0 |
| Published | 2019-11-26 |
| First published | 2019-11-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 961.1 KB |
| Known vulnerabilities | 0 (+25 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | yaroku |

## Links

- npm: https://www.npmjs.com/package/speiyou-components
- npm.io page: https://npm.io/package/speiyou-components

## Dependencies (7)

- [less](https://npm.io/package/less.md) ^3.9.0
- [axios](https://npm.io/package/axios.md) ^0.18.0
- [vue-i18n](https://npm.io/package/vue-i18n.md) ^8.1.0
- [node-sass](https://npm.io/package/node-sass.md) ^4.13.0
- [less-loader](https://npm.io/package/less-loader.md) ^4.1.0
- [copy-webpack-plugin](https://npm.io/package/copy-webpack-plugin.md) ^5.0.4
- [clean-webpack-plugin](https://npm.io/package/clean-webpack-plugin.md) ^3.0.0

## Recent versions

- 1.6.0 (latest) — 2019-11-26
- 1.3.0 — 2019-11-19
- 1.2.0 — 2019-11-18
- 1.1.0 — 2019-11-18
- 1.0.0 — 2019-11-15

## README

blackboard common components.

using:

```
npm install speiyou-components

```

```
import Components from 'speiyou-components'
Vue.use(Components)
```

then you can use.

由于之前的组件样式基于rem，根元素font-size:100px的尺寸写的，直接用的话可能会有些样式错误。

### BbButton

```
<BbButton type="success" @click="finish">完成</BbButton>
```
### BbList

```
<BbList
  :content-arr="MenuList"
  :type="3"
  v-model="curListItem"
  :default-actived="defaultMenuItem"
  @click="handleClick"/>

```

### BbTimeSelect

```
<BbTimeSelect
  v-if="inputTime"
  :init-time="initTimeSon"
  :start="start"
  :end="end"
  :start-unit="startUnit"
  :show-label="showLabel"
  style="display: inline-block"
  @change-time="inputTimeChange"
  @delete-all="deleteAllChange"/>

```

### BbInputNumber

```
<BbInputNumber
  v-if="inputNumber"
  :max="max"
  :min="min"
  :origin-val="originValSon"
  style="display: inline-block"
  @change="inputNumberChange"/>

```
BbInputNumber基于element-ui写的，当下暂时不能用

### checkbox

```
<BbCheckbox v-model="bbChecked">点击选中</BbCheckbox>
```


### toast

```
this.$toast({
  message: '成功提示',
  type: 'success'
})
```

### dialog

```
this.$dialog({
  title: '删除提示',
  text: '是否确定删除此标签？',
  showCancelBtn: true,
  confirmText: '确认',
  confirm(content) {
    alert('删除成功')
  }
})
```

## 按需加载

import {BbButton, toast } from 'speiyou-components'
Vue.component('BbButton', BbButton)
Vue.use(toast)

npm install babel-plugin-component

.babelrc 

```
{
  "plugins": [
    [
      "component",
      {
        "libraryName": "bbcomponentsnew",
        "style": false,
        "camel2Dash": false // 是否把驼峰转换成xx-xx的写法
      }
    ]
  ]
}
```

## example

将 src/examples/index.html拖拽到浏览器中可以看到简单的组件样式.

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