# @beisen-platform/platform-user-selector

> 平台选人组件，绑定平台元数据

Latest version **1.0.26-rc.4** (published 2019-11-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/platform-user-selector
pnpm add @beisen-platform/platform-user-selector
yarn add @beisen-platform/platform-user-selector
bun add @beisen-platform/platform-user-selector
```

## 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.0.26-rc.4 |
| Published | 2019-11-17 |
| First published | 2018-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 405.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/platform-user-selector
- npm.io page: https://npm.io/package/@beisen-platform/platform-user-selector

## Dependencies (6)

- [uuid](https://npm.io/package/uuid.md) 3.3.2
- [immer](https://npm.io/package/immer.md) ^1.2.1
- [es6-promise](https://npm.io/package/es6-promise.md) ^4.2.4
- [url-search-params](https://npm.io/package/url-search-params.md) ^0.10.0
- [@beisen-platform/react-icons](https://npm.io/package/@beisen-platform/react-icons.md)
- [@beisen-platform/platform-tip](https://npm.io/package/@beisen-platform/platform-tip.md) ^1.0.20-rc.1

## Recent versions

- 1.0.26-rc.4 (latest) — 2019-11-17
- 1.0.26-rc.3 — 2019-11-17
- 1.0.26-rc.2 — 2019-10-28
- 1.0.26-rc.1 — 2019-09-27
- 1.0.26 — 2019-09-09
- 1.0.25 — 2019-09-05
- 1.0.24-rc.1 — 2019-08-22
- 1.0.24 — 2019-08-21
- 1.0.23-rc.16 — 2019-08-08
- 1.0.23-rc.15 — 2019-08-07
- 1.0.23-rc.14 — 2019-07-25
- 1.0.23-rc.13 — 2019-07-24
- 1.0.23-rc.12 — 2019-07-12
- 1.0.23-rc.11 — 2019-07-11
- 1.0.23-rc.10 — 2019-07-11
- … 27 more at https://npm.io/package/@beisen-platform/platform-user-selector/versions

## README

# 组件使用、扩展文档

## 提交

1. 修改package.json中的devDependencies里依赖版本， @beisen/gulp-lib -> 0.1.1; @beisen/storybook-lib -> 0.3.0
2. npm install
3. 修改代码后执行 npm run lib进行编译
4. 更新package.json中的 version版本号
5. push代码
6. 在cmp.beisen.io站点，头部导航的《服务》中查看编译是否通过



## 人员组件 接口自定义配置


```
{
    //获取常用联系人接口
	"getUserUrl" : {
        "url": ""
        ,"method": "GET"
    },
    //获取下属接口
    "getStaffUrl" : {
        "url": ""
        ,"method": "GET"
    },
    //获取部门详细信息
    "getDeptUrl" : {
        "url": ""
        ,"method": "GET"
    },
    //获取部门下人员列表
    "getDeptUserUrl" : {
        "url": ""
        ,"method": "GET"
    },
    //搜索人员接口
    "getSearchUserUrl" : {
        "url": ""
        ,"method": "GET"
    }
    
}

```

> 可以配置部分参数，如果参数为空则请求系统默认接口

```
   const config = {
        titaHost: getBSGlobal('apiPath'),
        tenantId: getBSGlobal('tenantInfo').Id,
        userId: getBSGlobal('loginUserInfo').Id,
        application: getBSGlobal('application'),
        cloudHost: getBSGlobal('cloudHost') || '',// || '//cloud.italent.link',
    }
```


## 表单组件请求url添加 formState参数

## 使用参数

```
{
    text: this.props.text || '',
    value: this.props.value || '',
    "avatars":{
        "222":{ //头像，key要和value里对应
            "hasAvatar":false,
            "color":"#f0c75a"
        }
    },
    "cmp_id": "c569ca1e-e58b-4a54-8a82-274ebc654162",
    "cmp_name": "Onwer",
    "cmp_type": "BC_UserSelect",
    "cmp_label": "所有者",
    "cmp_data": {
        "AllowSearchNull": "1",
        "title": "所有者",
        "field_name": "BeisenCloudDemo.searchshengji.Onwer",
        "metaObjectName":"BeisenCloudDemo.searchshengji",
        "required": false,
        "cmp_state": "create",
        "cmp_status": "editable",
        "editdisplaystate": "editable",
        "createdisplaystate": "editable",
        "showdisplaystate": "readonly",
        "datasourcename": "BCStaffDataSource",
        "IsShowHeadPic": true,
        "dataType": "Text",
        "singleSelect": false   //单选or多选
    },
    "search_data": {
        metaFieldRelationIDPath: null,
        metaobjectname: "BeisenCloudDemo.searchshengji",
        opeartor: "eq",
        seperator: "-"
    },
    "biz_data": { "text": "" },
    "validators": {},
    "singleSelect": false   //单选or多选
    "usersDataFromProps": true //  true or false,审批参数
    styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
    onChange: (value) => {}  //回调事件
}
```

## 组件使用

1. npm install @beisen-cmps/platform-user-selector
3. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式,数据会存在state里，第二种会走外部传入的action
  1. import XXX from '@beisen-cmps/platform-user-selector'
  2. import {UserSelector} from '@beisen-cmps/platform-user-selector'

```
render() {
  return <UserSelector {...this.props}/>;
}
```

---
_Source: https://npm.io/package/@beisen-platform/platform-user-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._