0.4.26 • Published 3 years ago

uxcore-select-form-field v0.4.26

Weekly downloads
21
License
MIT
Repository
github
Last release
3 years ago

uxcore-select-form-field Dependency Status devDependency Status

TL;DR

uxcore-select-form-field ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-select-form-field
$ cd uxcore-select-form-field
$ npm install
$ npm run start

Usage

demo

http://uxcore.coding.me/

API

Props

配置项类型必填默认值功能/备注
renderViewfuncNundefined自定义 VIEW 模式下的 value 渲染,回调时会回传当前已选中的项目,值全部是 { value, text } 格式
loadingViewstring/jsxNundefined自定义异步加载的 loading 视图,默认为 kuma-loading-s 样式,不建议自定义
valueStrictModeboolNfalsevalue 的数据类型是否严格匹配,在 0.4.16 版本之前 Option 的 value 始终会转成字符串,会导致表单值传入 Number 时无法匹配到 Option,打开这个属性之后不会做格式转换
searchKeystringNq接口搜索接收的参数 key,如果仅仅改 key 不需要实现 beforeFetch 了
fetchSizeOptionsobjectN-如果是通过搜索返回备选项,可以通过设置 fetchSizeOptions 在备选项最后加上一个提示选项,让用户输入关键词查询

备注:valueStrictMode 是为了保证业务向下兼容的无奈之举,实际上 value 类型本来就应该是匹配的,但是之前 rc-select 层是通过 key 这个特殊的 prop 来传递 Option 的 value 的,key 始终会被 React 转为字符串,导致 Number 类型的 value 匹配出问题。rc-select 在后续版本增加了 value 属性的传递解决了这个问题,但是为了避免业务中已经使用了 Form.field.value === '2'Option.value === 2 的时候匹配出现兼容问题,因此加了这样一个开关,因此建议新业务这个开关始终打开。

fetchSizeOptions 格式

{
  size: 10, // 如果需要开启提示特性,size 为必选。当接口返回的数据条数少于 size 时不会显示提示
  text: '默认仅展示 {count} 条数据,更多请输入关键字查询...', // 非必选,有默认文案
  style: {} // 需要覆盖提示 Option 样式时可传入
}
0.4.26

3 years ago

0.4.25

5 years ago

0.4.24

6 years ago

0.4.23

6 years ago

0.4.22

6 years ago

0.4.21

6 years ago

0.4.20

6 years ago

0.4.19

6 years ago

0.4.18

6 years ago

0.4.17

6 years ago

0.4.16

6 years ago

0.4.15

6 years ago

0.4.14

6 years ago

0.4.13

7 years ago

0.4.12

7 years ago

0.4.11

7 years ago

0.4.10

7 years ago

0.4.9

7 years ago

0.4.8

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.5

7 years ago

0.3.21

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.3.20

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.19

7 years ago

0.3.18

7 years ago

0.3.17

7 years ago

0.3.16

7 years ago

0.3.15

8 years ago

0.3.14

8 years ago

0.3.13

8 years ago

0.3.12

8 years ago

0.3.11

8 years ago

0.3.10

8 years ago

0.3.9

8 years ago

0.3.8

8 years ago

0.3.7

8 years ago

0.3.6

8 years ago

0.3.5

8 years ago

0.3.4

8 years ago

0.3.3

8 years ago

0.3.2

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago

0.2.4

9 years ago

0.2.3

9 years ago

0.2.2

9 years ago

0.2.1

9 years ago

0.2.0

9 years ago

0.1.10

9 years ago

0.1.9

9 years ago

0.1.8

9 years ago

0.1.7

9 years ago

0.1.6

9 years ago

0.1.5

9 years ago

0.1.4

9 years ago

0.1.3

9 years ago

0.1.2

9 years ago

0.1.1

9 years ago