# ibiz-vue-lib

**Repository Path**: iBizModeling/ibiz-vue-lib

## Basic Information

- **Project Name**: ibiz-vue-lib
- **Description**: 微服务组件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-28
- **Last Updated**: 2023-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ibiz-vue-lib

## 简介

ibiz-vue-lib是IBiz前端团队根据业务需要，基于element ui与view-design再次封装，项目直接可用。

## 安装

```
yarn add ibiz-vue-lib
或
npm i ibiz-vue-lib
```

## 快速开始

```
import Vue from 'vue'
import ibizLib from 'ibiz-vue-lib'

Vue.use(ibizLib)

// or
import {
  IBizSelectTree,
  // ...
} from 'ibiz-vue-lib'

Vue.component(IBizSelectTree.name, IBizSelectTree)
```

## API

### ibiz-group-card

提供数据进行分组展示效果

#### Props

| 参数          | 说明                     | 类型    | 可选值 | 默认值 |
| ------------- | ------------------------ | ------- | ------ | ------ |
| data          | 数据集                   | Array   | —      | —      |
| multiple      | 是否多选                 | boolean | —      | true   |
| groupName     | 分组名称（默认平铺展开） | String  | —      | -      |
| text          | 文本属性字段             | String  | —      | text   |
| value         | 值属性字段               | String  | —      | value  |
| defaultSelect | 默认选中数据集合         | Array   | —      | —      |

#### Event

| 事件名称 | 说明                 | 回调参数         |
| -------- | -------------------- | ---------------- |
| select   | 选中值发生变化时触发 | 当前选中项值集合 |

#### Slot

| 插槽名称    | 说明         | 参数 |
| ----------- | ------------ | ---- |
| -           | 项内容绘制   | item |
| group-title | 分组标题绘制 | item |

### ibiz-select-tree

提供树形数据的下拉菜单展示并选择内容

#### Props

| 参数            | 说明               | 类型    | 可选值 | 默认值 |
| --------------- | ------------------ | ------- | ------ | ------ |
| value / v-model | 绑定值             | string  | —      | —      |
| multiple        | 是否多选           | boolean | —      | false  |
| treeOnly        | 是否只显示树       | boolean | —      | false  |
| defaultChecked  | 是否默认选中第一项 | boolean | —      | false  |
| disabled        | 是否禁用           | boolean | —      | false  |
| NodesData       | 树形结构数据       | object  | —      | —      |

#### Events

| 事件名称 | 说明                 | 回调参数     |
| -------- | -------------------- | ------------ |
| select   | 选中值发生变化时触发 | 目前的选中值 |

### ibiz-qr-code

根据链接或文本内容生成二维码

#### props

| 参数            | 说明                     | 类型    | 可选值 | 默认值 |
| --------------- | ------------------------ | ------- | ------ | ------ |
| size            | 二维码大小，包含边框     | number  | —      | 200    |
| url             | 二维码内容               | String  | —      | —      |
| bgSrc           | 背景图片                 | String  | —      | —      |
| margin          | 二维码外边距             | number  | —      | 20     |
| backgroundColor | 背景颜色                 | String  | —      | —      |
| logoSrc         | 中央图标logo地址         | String  | —      | —      |
| logoMargin      | logo周围的空白边框       | Number  | —      | 0      |
| logoBgColor     | logo边框的背景色         | String  | —      | —      |
| logoRadius      | logo边框圆角半径         | Number  | —      | 0      |
| whiteMargin     | 背景图外是否设置白色边框 | boolean | —      | true   |

#### Event

| 事件名称 | 说明                                                         | 回调参数 |
| -------- | ------------------------------------------------------------ | -------- |
| callback | 二维码生成的回调函数，第一个参数为二维码data URL，第二个参数为id（用于排序） | (url,id) |

## 关于我们