{"_id":"@fle-ui/rc-select","_rev":"26-2ff11bf4dedc68f8e3ca4182fbe0649e","name":"@fle-ui/rc-select","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0-alpha.1":{"name":"@fle-ui/rc-select","version":"1.0.0-alpha.1","keywords":["react","react-component","react-select","select"],"license":"MIT","_id":"@fle-ui/rc-select@1.0.0-alpha.1","maintainers":[{"name":"chenfangsheng","email":"296096963@qq.com"},{"name":"wuzhihua","email":"wuzh@fxqifu.com"}],"dist":{"shasum":"f5de6569c1e898e2f543f8d4ee2094ff6ee5fec4","tarball":"https://registry.npmjs.org/@fle-ui/rc-select/-/rc-select-1.0.0-alpha.1.tgz","fileCount":109,"integrity":"sha512-O1oKKhN0ivr64qim416XCdIeF0GhBgCIR1HI7eZFgZGTOhop9pl7JbSg59XOawIAUIC91seJEFAO7gvnkWVKmg==","signatures":[{"sig":"MEUCIFRUELn4m0jcjFbnzhn5BhXO4gbPG++NATqh2QLPxx4GAiEA9HW1oOI81lxJHmZmFg4/4USfAQIzKfSn/1plUioTEpU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282164},"main":"./lib/index","types":"./lib/index.d.ts","module":"./es/index","engines":{"node":">=8.x"},"gitHead":"dffcb71cacc4d691a8d33f9f2d300d18e0dcdc7b","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ examples/ --ext .tsx,.ts,.jsx,.js","test":"father test","build":"father doc build --storybook","start":"cross-env NODE_ENV=development father doc dev --storybook","compile":"father build","now-build":"npm run build","prepublishOnly":"npm run compile && np --yolo --no-publish"},"_npmUser":{"name":"wuzhihua","email":"wuzh@fxqifu.com"},"_npmVersion":"6.14.8","description":"React Select","directories":{},"_nodeVersion":"12.19.0","dependencies":{"rc-util":"^5.9.8","rc-motion":"^2.0.1","classnames":"2.x","rc-trigger":"^5.0.4","rc-overflow":"^1.0.0","@babel/runtime":"^7.10.1","rc-virtual-list":"^3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"np":"^7.5.0","jsonp":"^0.2.1","enzyme":"^3.3.0","eslint":"^7.1.0","father":"^2.13.2","cross-env":"^7.0.0","rc-dialog":"^8.1.1","typescript":"^4.2.3","@types/jest":"^26.0.24","@types/react":"^17.0.15","@types/enzyme":"^3.10.9","enzyme-to-json":"^3.4.0","@types/react-dom":"^17.0.3"},"peerDependencies":{"react":"*","react-dom":"*"},"_npmOperationalInternal":{"tmp":"tmp/rc-select_1.0.0-alpha.1_1634112883406_0.1807628360864979","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@fle-ui/rc-select","version":"1.0.0","keywords":["react","react-component","react-select","select"],"license":"MIT","_id":"@fle-ui/rc-select@1.0.0","maintainers":[{"name":"chenfangsheng","email":"296096963@qq.com"},{"name":"wuzhihua","email":"wuzh@fxqifu.com"}],"dist":{"shasum":"294b0c773f909a74826f6ca8fd905c94af18dd81","tarball":"https://registry.npmjs.org/@fle-ui/rc-select/-/rc-select-1.0.0.tgz","fileCount":109,"integrity":"sha512-mEixgDgoVhZU6XZbXpWMMJDjTKLI5WULWDy9yimr3T5r/EsqKaCY70WXYNOxeWvyrFbIg2SNSSqVOTWT8Tdsqg==","signatures":[{"sig":"MEUCICiK9dbjCxrQSontE/ZL7zKuU3sviZI2L9KPu5YO+fxPAiEArso2ofYaGb15qX4FONQdBi2Zb0RTKC5DAeeJpa/PWMg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhywSyCRA9TVsSAnZWagAAk1oP/iz4nQFdnrWr5rnMYQkI\nH6Z56NHGTfwobYJvEZtIYKgKeJXFvp2MZ2Nerhv+seXEJZjz3LQI2S8uJOZE\nYBZjWo+C6IMLVNd58XCjkNsnna/xgt+RAFOegrr+E3wk/n8xnttjoccC/AwE\nvPVr+oLXEbkRQqnpS0muZDkWfTTl6KNzMfnUXWx+YGcD5lSvy3iuMrkXZuqY\ngCK/vv0uI+CnOhs11ZOAvTX6Wf8tH6IG8pTey6BmRhx6EddrQmlcI3QgZ2ZP\nNm0JUOeNynkcWaNxBR5p60XPS6hFtIOcZCdDXXzooWQBsTrLdpG68i7xE87A\ns0eO+oqYD1MHea3IeKGl5vrIvkyXlVihwsUYX8LPyLNcuj9bWd6ZBM+zdZyJ\nm4GSHcfVeTaE4gr4mZVgNyXYKzzQEVKOTewkpsx0/WFEBmzueLWECchnRNYx\n3U/CmrnK2hWryNKMn3zBqsp7xw1v5pGAOZdz65lgcd93DMQk9OIC5ZqslLBW\nxwhSiyKGag52jzT569siolaovZF0QLv9NNosCKs3pUeKBkuIshO09sHa8pJ4\nvtsQg0da4klN0lS7crGKVpQCeCa1Ie5RDtfqkvhSwJu2FkOPe5wKBC98YyWJ\na7LPU6Udowiwl/Tw83Js2YLa+rFriwUIQop04ypLOgoAQFqv3njaGOylaAn0\n7nk5\r\n=XAAH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index","types":"./lib/index.d.ts","module":"./es/index","engines":{"node":">=8.x"},"gitHead":"6bfe947eb87d50514d08807039ebabb5257577fb","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ examples/ --ext .tsx,.ts,.jsx,.js","test":"father test","build":"father doc build --storybook","start":"cross-env NODE_ENV=development father doc dev --storybook","compile":"father build","now-build":"npm run build","prepublishOnly":"npm run compile && np --yolo --no-publish"},"_npmUser":{"name":"wuzhihua","email":"wuzh@fxqifu.com"},"_npmVersion":"6.14.8","description":"React Select","directories":{},"_nodeVersion":"12.19.0","dependencies":{"rc-util":"^5.14.0","rc-motion":"^2.4.4","classnames":"2.x","rc-trigger":"^5.2.10","rc-overflow":"^1.0.0","@babel/runtime":"^7.12.5","rc-virtual-list":"^3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"np":"^7.5.0","jsonp":"^0.2.1","enzyme":"^3.3.0","eslint":"^7.1.0","father":"^2.13.2","cross-env":"^7.0.0","rc-dialog":"^8.1.1","typescript":"^4.2.3","@types/jest":"^26.0.24","@types/react":"^17.0.15","@types/enzyme":"^3.10.9","enzyme-to-json":"^3.4.0","@types/react-dom":"^17.0.3"},"peerDependencies":{"react":"*","react-dom":"*"},"_npmOperationalInternal":{"tmp":"tmp/rc-select_1.0.0_1640694962466_0.7584519767872706","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-10-13T08:14:43.347Z","modified":"2026-08-13T11:32:09.607Z","1.0.0-alpha.1":"2021-10-13T08:14:43.652Z","1.0.0":"2021-12-28T12:36:02.653Z"},"license":"MIT","keywords":["react","react-component","react-select","select"],"description":"React Select","maintainers":[{"email":"libinvue@gmail.com","name":"libin_pro"},{"email":"muben1321@gmail.com","name":"zxf9397"},{"email":"houcheng106@163.com","name":"houcheng505"},{"email":"296096963@qq.com","name":"chenfangsheng"},{"email":"2031360580@qq.com","name":"tanysart_413"}],"readme":"# rc-select\n\n---\n\nReact Select\n\n[![NPM version][npm-image]][npm-url]\n[![npm download][download-image]][download-url]\n[![build status][github-actions-image]][github-actions-url]\n[![Test coverage][coveralls-image]][coveralls-url]\n[![Dependencies][david-image]](david-url)\n[![DevDependencies][david-dev-image]][david-dev-url]\n[![bundle size][bundlephobia-image]][bundlephobia-url]\n\n[npm-image]: http://img.shields.io/npm/v/rc-select.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/rc-select\n[travis-image]: https://img.shields.io/travis/react-component/select/master?style=flat-square\n[travis-url]: https://travis-ci.com/react-component/select\n[github-actions-image]: https://github.com/react-component/select/workflows/CI/badge.svg\n[github-actions-url]: https://github.com/react-component/select/actions\n[coveralls-image]: https://img.shields.io/coveralls/react-component/select.svg?style=flat-square\n[coveralls-url]: https://coveralls.io/r/react-component/select?branch=master\n[codecov-image]: https://img.shields.io/codecov/c/github/react-component/select/master.svg?style=flat-square\n[codecov-url]: https://codecov.io/gh/react-component/select/branch/master\n[david-url]: https://david-dm.org/react-component/select\n[david-image]: https://david-dm.org/react-component/select/status.svg?style=flat-square\n[david-dev-url]: https://david-dm.org/react-component/select?type=dev\n[david-dev-image]: https://david-dm.org/react-component/select/dev-status.svg?style=flat-square\n[download-image]: https://img.shields.io/npm/dm/rc-select.svg?style=flat-square\n[download-url]: https://npmjs.org/package/rc-select\n[bundlephobia-url]: https://bundlephobia.com/result?p=rc-select\n[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-select\n\n## Screenshots\n\n<img src=\"https://gw.alipayobjects.com/zos/antfincdn/d13eUZlgdJ/tupian.png\" />\n\n## Feature\n\n- support IE11+,Chrome,Firefox,Safari\n\n### Keyboard\n\n- Open select (focus input || focus and click)\n- KeyDown/KeyUp/Enter to navigate menu\n\n## install\n\n[![rc-select](https://nodei.co/npm/rc-select.png)](https://npmjs.org/package/rc-select)\n\n## Usage\n\n### basic use\n\n```js\nimport Select, { Option } from 'rc-select';\n\nexport default () => (\n  <Select>\n    <Option value=\"jack\">jack</Option>\n    <Option value=\"lucy\">lucy</Option>\n    <Option value=\"yiminghe\">yiminghe</Option>\n  </Select>\n);\n```\n\n## API\n\n### Select props\n\n| name | description | type | default |\n| --- | --- | --- | --- |\n| id | html id to set on the component wrapper | String | '' |\n| className | additional css class of root dom node | String | '' |\n| data-\\* | html data attributes to set on the component wrapper | String | '' |\n| prefixCls | prefix class | String | '' |\n| animation | dropdown animation name. only support slide-up now | String | '' |\n| transitionName | dropdown css animation name | String | '' |\n| choiceTransitionName | css animation name for selected items at multiple mode | String | '' |\n| dropdownMatchSelectWidth | whether dropdown's with is same with select | bool | true |\n| dropdownClassName | additional className applied to dropdown | String | - |\n| dropdownStyle | additional style applied to dropdown | Object | {} |\n| dropdownAlign | additional align applied to dropdown | Object | {} |\n| dropdownMenuStyle | additional style applied to dropdown menu | Object | {} |\n| notFoundContent | specify content to show when no result matches. | ReactNode | 'Not Found' |\n| tokenSeparators | separator used to tokenize on tag/multiple mode | string[]? |  |\n| open | control select open | bool |  |\n| defaultOpen | control select default open | bool |  |\n| placeholder | select placeholder | React Node |  |\n| showSearch | whether show search input in single mode | bool | true |\n| showArrow | whether show arrow | bool | true (single mode), false (multiple mode) |\n| allowClear | whether allowClear | bool | false |\n| tags | when tagging is enabled the user can select from pre-existing options or create a new tag by picking the first choice, which is what the user has typed into the search box so far. | bool | false |\n| tagRender | render custom tags. | (props: CustomTagProps) => ReactNode | - |\n| maxTagTextLength | max tag text length to show | number | - |\n| maxTagCount | max tag count to show | number | - |\n| maxTagPlaceholder | placeholder for omitted values | ReactNode/function(omittedValues) | - |\n| combobox | enable combobox mode(can not set multiple at the same time) | bool | false |\n| multiple | whether multiple select | bool | false |\n| disabled | whether disabled select | bool | false |\n| filterOption | whether filter options by input value. default filter by option's optionFilterProp prop's value | bool | true/Function(inputValue:string, option:Option) |\n| optionFilterProp | which prop value of option will be used for filter if filterOption is true | String | 'value' |\n| filterSort | Sort function for search options sorting, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. | Function(optionA:Option, optionB: Option) | - |\n| optionLabelProp | render option value or option children as content of select | String: 'value'/'children' | 'value' |\n| defaultValue | initial selected option(s) | String/Array<String> | - |\n| value | current selected option(s) | String/Array<String>/{key:String, label:React.Node}/Array<{key, label}> | - |\n| labelInValue | whether to embed label in value, see above value type. Not support `combobox` mode | Bool | false |\n| backfill | whether backfill select option to search input (Only works in single and combobox mode) | Bool | false |\n| onChange | called when select an option or input value change(combobox) | function(value, option:Option/Array<Option>) | - |\n| onSearch | called when input changed | function | - |\n| onBlur | called when blur | function | - |\n| onFocus | called when focus | function | - |\n| onPopupScroll | called when menu is scrolled | function | - |\n| onSelect | called when a option is selected. param is option's value and option instance | Function(value, option:Option) | - |\n| onDeselect | called when a option is deselected. param is option's value. only called for multiple or tags | Function(value, option:Option) | - |\n| onInputKeyDown | called when key down on input | Function(event) | - |\n| defaultActiveFirstOption | whether active first option by default | bool | true |\n| getPopupContainer | container which popup select menu rendered into | function(trigger:Node):Node | function(){return document.body;} |\n| getInputElement | customize input element | function(): Element | - |\n| showAction | actions trigger the dropdown to show | String[]? | - |\n| autoFocus | focus select after mount | Bool | - |\n| autoClearSearchValue | auto clear search input value when multiple select is selected/deselected | boolean | true |\n| inputIcon | specify the select arrow icon | ReactNode | - |\n| clearIcon | specify the clear icon | ReactNode | - |\n| removeIcon | specify the remove icon | ReactNode | - |\n| menuItemSelectedIcon | specify the item selected icon | ReactNode \\| (props: MenuItemProps) => ReactNode | - |\n| dropdownRender | render custom dropdown menu | (menu: React.Node, props: MenuProps) => ReactNode | - |\n| loading | show loading icon in arrow | Boolean | false |\n| virtual | Disable virtual scroll | Boolean | true |\n| direction | direction of dropdown | 'ltr' \\| 'rtl' | 'ltr' |\n\n### Methods\n\n| name  | description               | parameters | return |\n| ----- | ------------------------- | ---------- | ------ |\n| focus | focus select programmably | -          | -      |\n| blur  | blur select programmably  | -          | -      |\n\n### Option props\n\n| name | description | type | default |\n| --- | --- | --- | --- |\n| className | additional class to option | String | '' |\n| disabled | no effect for click or keydown for this item | bool | false |\n| key | if react want you to set key, then key is same as value, you can omit value | String/number | - |\n| value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String/number | - |\n| title | if you are not satisfied with auto-generated `title` which is show while hovering on selected value, you can customize it with this property | String | - |\n\n### OptGroup props\n\n| name | description | type | default |\n| --- | --- | --- | --- |\n| label | group label | String/React.Element | - |\n| key | - | String | - |\n| value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String | - |\n\n## Development\n\n```\nnpm install\nnpm start\n```\n\n## Example\n\nlocal example: http://localhost:9001/\n\nonline example: http://select.react-component.now.sh/\n\n## Test Case\n\n```\nnpm test\n```\n\n## Coverage\n\n```\nnpm run coverage\n```\n\n## License\n\nrc-select is released under the MIT license.\n","readmeFilename":"README.md"}