vue3-approval-user-selector
v1.0.2
Published
A Vue3 component for approval user selection,vue3的审批人选择器公共组件 - 支持审批人和抄送人展示与管理
Maintainers
Readme
# vue3-approval-user-selector
一个适用于 Vue3 的审批人与抄送人选择器公共组件,支持自定义头像、尺寸配置及灵活的插槽扩展。
## 特性
- 支持审批人与抄送人模块展示
- 支持多层级人员嵌套显示
- 支持自定义默认头像
- 支持三种头像尺寸
- 支持插槽自定义“添加”按钮
- 集成 Element-plus Tooltip 提示
- 本组件依赖于 Element-plus,请确保在项目中已安装 Element-plusI。
## 使用方法
```vue
<template>
<div>
<approval-user-selector
:approvalUsers="approvalUsers"
:ccUsers="ccUsers"
:avatarSize="avatarSize"
:defaultAvatar="defaultAvatar"
@addApprovalUser="handleAddApprovalUser"
@addCcUser="handleAddCcUser"
>
<template #addApprovalUser>
<el-button type="primary" icon="el-icon-plus">添加审批人</el-button>
</template>
<template #addCcUser>
<el-button type="primary" icon="el-icon-plus">添加抄送人</el-button>
</template>
</approval-user-selector>
</div>
</template>
## 安装
使用 npm 下载依赖:
```bash
npm install vue3-approval-user-selector --save