@icedesign/multi-selector NPM

MultiSelector

通用的多选组件

API

参数名	说明	必填	类型	默认值	备注
size	组件尺寸	否	string	medium	small/medium/large
disabled	value 受控	否	array
width	组件宽度	否	number
placeholder	placeholder	否	string
defaultValue	默认 value（不受控）	否	array
value	value 受控	否	array
defaultDataSource	默认 dataSource	否	array
onChange	回调	否	func(value, actionType, dataSource)		与Select一致
fetchData	搜索获取数据	是	promise
itemRender	自定义渲染下拉项	否	func(item)		与Select一致
fillProps	自定义选中态的字符串	否	string	label	与Select一致
min	最少个数	否	number
max	最大个数	否	number

参数说明

fetchData

方法必须返回一个 promise 或者 async，需要按照约定返回固定的数据格式：

<MultiSelector
  fetchData={async ({ inputValue }) => {
    const response = await axios({
      url: '',
      params: {
        keyword: inputValue
      }
    });

    // dataSource 的单个 item 必须有 value&label 属性
    return response.data.data.dataSource || [];
  }}
/>

defaultDataSource

回填 value 或者设置了 defaultValue 的场景必须设置该属性，否则无法渲染选中的 tag

ice react component

@alifd/next prop-types

@infinitebrahmanuniverse/nolb-_ice @everything-registry/sub-chunk-450 @zalastax/nolb-_ice

0.1.1-1

5 years ago

0.1.1-0

5 years ago