@beisen-phoenix/field-select-list v3.3.55
选择列表
@beisen-phoenix/field-select-list
API
参数 | 说明 | 类型 | 默认值 | 必须 |
---|---|---|---|---|
getPopupContainer | 弹层挂载的容器(默认是挂载到 body 下,通过此函数可以改变弹层挂载的节点) | Funtion | () => document.body | No |
layerWidth | 如果不选择下拉宽度自适应,可以使用此属性自己控制宽度 | number | -- | No |
size | 选择框大小可配置 small 、large 、normal | string | normal | No |
zIndex | 弹层的 z-index 值 | number | 1200 | No |
hasError | 是否显示错误 | boolean | false | No |
isPreview | 是否用于表单展示态 | boolean | false | No |
options | 当前列表数据 | IOption[] | 无 | Yes |
value | 当前选中项列表,注意:onChange时需要同步此参数 | IOption / IOption[] | 无 | No |
useSelectorSearch | 是否使用选择器搜索 | boolean | false | No |
useListSearch | 是否使用列表中搜索框,注意:如设置了useSelectorSearch为true,该属性则不生效 | boolean | false | No |
placeholder | 显示搜索框时使用:搜索框中的默认提示文字 | String | 搜索 | No |
autoFocus | useListSearch为true时使用:展开弹层时列表中搜索框是否自动获取焦点 | boolean | false | 否 |
isLocalSearch | 是否启用本地搜索,即在当前数据源中搜索 | boolean | true | No |
caseSensitive | 搜索时是否大小写敏感 | boolean | false | 否 |
multiple | 是否多选 | boolean | false | No |
isGroup | 是否分组 | boolean | false | No |
showCheckAll | 非分组列表时使用:是否开启全选功能 | boolean | true | No |
loading | 数据是否正在加载中 | boolean | false | No |
onChange | 选择器值变化时的回调函数,注意:此回调中需要将返回的IOption / IOption[]赋值给value | (IOption / IOption[]) => void | 无 | Yes |
onSearch | 搜索框内容变化时调用 | (value: string ) => void | 无 | No |
onListOpen | 展开弹层时调用 | () => void | 无 | No |
validateSearch | 搜索值自定义验证器 | (val: string) => { value: string, info: string,clearTipAfter?:number } | 无 | No |
IOption
传人的列表数据是数组,每一项的结构如下:
参数 | 说明 | 类型 | 默认值 | 必须 |
---|---|---|---|---|
label | 实际显示的文案 | String | 无 | Yes |
value | 选项的实际值 | String 或 Number | 无 | Yes |
disabled | 禁止该选项 | boolean | false | No |
selected | 是否选中 | String | 无 | No |
children | 分组时使用 当前分组下的数据 | String 或 Number | 无 | No |
多语言
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
translation | 语言包 用于翻译组件内置常量 | {empty: "这里什么都没有...",confirm: '确定',checkAll: '全选', checkSearchAll: '全选搜索结果', placeholder: '搜索'} |
4 years ago
4 years ago
4 years ago
5 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