@beisen-phoenix/lookup NPM

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
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
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例子

安装及运行示例

npm install @beisen-phoenix/lookup
npm run examples

@beisen-phoenix/area-selector @beisen-phoenix/avatar @beisen-phoenix/button @beisen-phoenix/checkbox @beisen-phoenix/common-utils @beisen-phoenix/icon @beisen-phoenix/loading @beisen-phoenix/modal @beisen-phoenix/search @beisen-phoenix/search-form @beisen-phoenix/table @beisen-phoenix/unmodeled-layer @beisen/platform-fetch react-highlight-words

@infinitebrahmanuniverse/nolb-_beisen-@everything-registry/sub-chunk-118 @beisen-phoenix/field-lookup @beisen-phoenix/search-form

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago