# P5

> 基于 VUE 的前端 PC 端 UI 组件库

## 安装

```sh
npm install @58fe/p5  --save
```

## 使用

导入需要的组件，例如：

```javascript
import { Loading } from '@58fe/p5';
```

## 组件

-   loading
-	按钮类
-	走马灯
-	消息提醒
-	开关
-	无限下拉
-	选择器
-	浮窗
-	上传文件
-   Dialog
-   多选框
-   局部刷新
-   下拉框
-   表格
-   toast
-   tooltip

支持的插件有

-   加载
-   弹窗
-	消息提醒

支持自定义状态，内容，按钮等

## 按需加载

如过需要按需加载指定组件，需要配合 bable-plugin-p5-import 插件使用

```sh
npm install bable-plugin-p5-import --save-dev
```

在.babelrc 文件添加如下配置

```json
{
	"plugins": [
		[
			"@58fe/babel-plugin-p5-import"
		]
	]
	
}
```

## 其他

### 1、打包时抛出 'These dependencies were not found:

原因是 P5 的样式是基于 sass 编写的，所以需要依赖以下两个 npm 包：

```sh
npm install sass-loader node-sass --save-dev
```

### 2、打包时抛出 Unexpected token

原因是 P5 的 js 源码没进行 babel 转译，可以在 webpack 配置中的增加以下 loaders：

```javascript
{
	test: /p5.src.*?js$/,
	loader: "babel-loader"
}
```