# @beisen-phoenix/lookup

> ---

Latest version **3.3.55** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-phoenix/lookup
pnpm add @beisen-phoenix/lookup
yarn add @beisen-phoenix/lookup
bun add @beisen-phoenix/lookup
```

## 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 | 3.3.55 |
| Published | 2019-11-25 |
| First published | 2019-09-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 14 |
| Unpacked size | 431.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/@beisen-phoenix/lookup
- npm.io page: https://npm.io/package/@beisen-phoenix/lookup

## Dependencies (14)

- [@beisen-phoenix/icon](https://npm.io/package/@beisen-phoenix/icon.md) ^3.2.54
- [@beisen-phoenix/modal](https://npm.io/package/@beisen-phoenix/modal.md) ^3.3.55
- [@beisen-phoenix/table](https://npm.io/package/@beisen-phoenix/table.md) ^3.3.55
- [react-highlight-words](https://npm.io/package/react-highlight-words.md) ^0.16.0
- [@beisen-phoenix/avatar](https://npm.io/package/@beisen-phoenix/avatar.md) ^3.3.55
- [@beisen-phoenix/button](https://npm.io/package/@beisen-phoenix/button.md) ^3.3.55
- [@beisen-phoenix/search](https://npm.io/package/@beisen-phoenix/search.md) ^3.3.55
- [@beisen/platform-fetch](https://npm.io/package/@beisen/platform-fetch.md) ^1.1.0
- [@beisen-phoenix/loading](https://npm.io/package/@beisen-phoenix/loading.md) ^3.3.55
- [@beisen-phoenix/checkbox](https://npm.io/package/@beisen-phoenix/checkbox.md) ^3.3.55
- [@beisen-phoenix/search-form](https://npm.io/package/@beisen-phoenix/search-form.md) ^3.3.55
- [@beisen-phoenix/common-utils](https://npm.io/package/@beisen-phoenix/common-utils.md) ^3.3.55
- [@beisen-phoenix/area-selector](https://npm.io/package/@beisen-phoenix/area-selector.md) ^3.3.55
- [@beisen-phoenix/unmodeled-layer](https://npm.io/package/@beisen-phoenix/unmodeled-layer.md) ^3.3.55

## Recent versions

- 3.3.55 (latest) — 2019-11-25
- 3.2.44-rc.1 (rc) — 2019-10-24
- 3.3.54 — 2019-11-25
- 3.3.53 — 2019-11-25
- 3.3.52 — 2019-11-24
- 3.3.51 — 2019-11-23
- 3.3.50 — 2019-11-22
- 3.3.49 — 2019-11-22
- 3.3.48 — 2019-11-22
- 3.3.47 — 2019-11-22
- 3.3.46 — 2019-11-22
- 3.3.45 — 2019-11-21
- 3.3.43 — 2019-11-21
- 3.3.42 — 2019-11-21
- 3.3.41-beta.1 — 2019-11-21
- … 236 more at https://npm.io/package/@beisen-phoenix/lookup/versions

## README

# lookup
---

## 概述

> 嵌入到输入框、form表单字段组合使用，显示下拉弹层或高级模式，选择内容。
>
> lookup支持简单模式的选择，由简单模式切换到高级模式进行搜索选择和直接高级模式选择。

## API

### lookup props

| name     | description    | type     | default      |
|----------|----------------|----------|--------------|
| mode | 显示模式'simple'/'advanced' | string | 'simple'
| multiple | 是否多选 | bool | false |
| moreText | 简单模式下自定义查看更更多显示标题 | string |
| btnOkText | 自定义按钮名称 | string |
| isAdvanceSearchVbl | 在简单模式下是否显示全部查找按钮 | boolean | false
| customCls | 自定义样式 | string |
| isSearchBox| 简单模式下是否显示搜索框 | bool | false |
| isAvator| 简单模式下是否显示头象 | bool | false |
| options | 列表数据 | OptionsType[] | [] |
| selectValue | 选中值列表 | OptionsType[] | [] |
| onSearchChange | 简单模式下搜索触发方法 | Function | - |
| autoFocus | 简单模式，输入自动获得焦点 | bool | true |
| searchUrl | 简单模式请求url | string | - |
| formatData | 数据格式化接口 | Function | - |
| onVisibleChange | 组件显示回调 | Function | - |
| onConfirm | 组件选择值后触发方法(简单模式、高级模式确定选择项触发） | Function | - |
| onCancel | 高级模式下取消选择触发 | Function | - |
| advancedVbl | 高级模式显示控制（直接显示高级模式用到） | bool | - |
| advanceParam | 高级组件需要的属性 | advanceProps[] | [] |
| translation | 多语言翻译 | object | null |


### OptionsType

| name     | description    | type     | default      |
|----------|----------------|----------|--------------|
| label | 标题 | string |
| sublabel | 二级标题 | string |
| value | 值 | string |
| avator | 头象属性，请查看avatar组件http://gitlab.beisencorp.com/ux-phoenix/phoenix-monorepo/tree/master/src/components/avatar | AvatarProps |


### advanceProps(高级模式属性)

| name     | description    | type     | default      |
|----------|----------------|----------|--------------|
| searchFormMeta | searchForm的数据描述,参见searchform的文档 | [] |
| tableMeta | searchForm的数据描述,参见table的文档 | [] |
| tablePrimaryKey | table的主键,不传默认依次找value，id属性, | string |
| advMetaUrl | form和table的元数据请求接口 | string |
| advMetaParam | 请求advMetaUrl时，发送的附加数据 | string |
| advFormatMetaData | 格式化Meta数据,searchform和table描述数据 | Function |
| advanceSearchUrl | searchform改变后，发送获取table数据的请求url | string |
| advanceSearchFunction | searchform改变后，回调函数 | Function |
| advFormatListData | 格式化table数据 | Function |
| dlgTitle | 高级弹窗标题 | string |
| maxSize | 多选模式下，最大选择数量 | number |


### advanceProps例子
<pre>

    tableMeta: {
        columns: columns,
        dataSource: tableData,
        pagination:{
            pageSize: 15
        }
    },
    searchFormMeta: {
        fields: fields
    },
    tablePrimaryKey: 'key'

</pre>


## 安装及运行示例

```
npm install @beisen-phoenix/lookup
npm run examples

```

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