select
select copied to clipboard
react-component
React Select
场景: 自定义 Select 选中项后, 需要支持 dark mode 主题, Select 选中项文字样式跟随主题切换 问题: 外部感知到 dark mode 更新后, 尝试更新 Select 已 **选中项** 文字颜色, 结果更新失败 [SandBox](https://codesandbox.io/p/devbox/wcx77g?file=%2Fsrc%2FApp.tsx%3A86%2C50&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clsvkecbm00063b6l8b0gsox9%2522%252C%2522sizes%2522%253A%255B62.78794402583423%252C37.21205597416577%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clsvkecbm00023b6lire9rutu%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clsvkecbm00043b6l266vztop%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clsvkecbm00053b6ldzdjgvza%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clsvkecbm00023b6lire9rutu%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00023b6lire9rutu%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsvmf3op00023b6l27jfzvy6%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A86%252C%2522startColumn%2522%253A50%252C%2522endLineNumber%2522%253A86%252C%2522endColumn%2522%253A50%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsvmf3op00023b6l27jfzvy6%2522%257D%252C%2522clsvkecbm00053b6ldzdjgvza%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00053b6ldzdjgvza%2522%252C%2522activeTabId%2522%253A%2522clsvlwi1o03ye3b6lme806j5x%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522DOCS%2522%252C%2522id%2522%253A%2522clsvlwhhe03xc3b6ljk1iprkv%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522port%2522%253A5173%252C%2522id%2522%253A%2522clsvlwi1o03ye3b6lme806j5x%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clsvkecbm00043b6l266vztop%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00043b6l266vztop%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsvkecbm00033b6ln3a06vsm%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clsvkedod000adkf856nc069m%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522id%2522%253A%2522clsvlprrn02yw3b6lnr5zcfcx%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsvlprrn02yw3b6lnr5zcfcx%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D) https://github.com/react-component/select/assets/26668179/8959036b-c68c-46e2-8394-c9e5fd216e0e
`optionRender` should use generic type `OptionType` instead of the default type `BaseOptionType` code: https://github.com/react-component/select/blob/v14.13.0/src/Select.tsx#L145 ```diff optionRender?: ( - oriOption: FlattenOptionData, + oriOption: FlattenOptionData, info: { index: number }, ) =>...
Bumps [@testing-library/jest-dom](https://github.com/testing-library/jest-dom) from 5.17.0 to 6.1.5. Release notes Sourced from @testing-library/jest-dom's releases. v6.1.5 6.1.5 (2023-11-30) Bug Fixes support uppercase custom props in toHaveStyle (#552) (b7b7c6a) v6.1.4 6.1.4 (2023-10-12) Bug Fixes...
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot] avatar"){kind=avatar}
fix: https://github.com/react-component/select/issues/1028
## 复现demo: https://codesandbox.io/p/sandbox/amazing-ace-jvdx6j?file=%2FApp.tsx%3A46%2C30 ## 复现步骤： 第一步： 设置 value 包含 `label` ```tsx ``` 第二步：更新value 为 简单类型 ```tsx ``` ## 预期表现： 第二步后，选择器内文字为 `test` ## 实际表现 第二步后，选择器内文字为上一次缓存的文案 `custom text`
开启虚拟列表的select在滚动条达到底部时，如果滚轮事件继续进行，会直接滚动外部滚动条，没有像rc-virtual-list的中lock50ms的等待，直到50ms内没有任何滚动事件进行，下次滚动发生才会滚动外部滚动条。
当作为基本的select时不应该focus和render input，因为会改变document 的 selection 和native select 行为不一致 当select用在富文本编辑器中用于改变选中文本的字体，选项弹出时会清空当前选中的文字，而native select并不会，调试后发现是rc-select 生成的 input导致的。 如下图，选中文字再点select会取消选中，而native select并不会 
### Related #790 ant-design/ant-design#36489 ### 💡 Background and solution `` is a form element which should have the ability to interact with the form. Ant Design is a great project...
Same like prefix option in [RcInput](https://github.com/react-component/input). Add the option to pass prefix that would be probably used to be as an icon.
