Repository navigation
Select Arrow Icon #1052
Description
arrowNode = (
<TransBtn
className={classNames(`${prefixCls}-arrow`, {
[`${prefixCls}-arrow-loading`]: loading,
+ [`${prefixCls}-arrow-clear`]: mergedAllowClear,
})}
customizeIcon={suffixIcon}
customizeIconProps={{
loading,
searchValue: mergedSearchValue,
open: mergedOpen,
focused: mockFocused,
showSearch: mergedShowSearch,
}}
/>
);我通过 createPortal 在后缀插入其他图标后，改变现有 .ant-select:hover .ant-select-arrow:not(:last-child) {opacity: 0;} 样式我可能需要自行维护 mergedAllowClear 变量，判断hover时是否存在 clear 图标，存在才隐藏。能否将这个变量传递给 arrow 图标，这样包装层可以减少很多代码
Activity
[-]Select Arrow[/-][+]Select Arrow Icon[/+]topazur commentedon Jun 27, 2024
虽然这样也可以覆盖样式，但是限制了插入的节点不能是 span，或者后续该组件内部添加了额外的 span 节点，就不适用了。
如果可以添加这个样式的话，就不用通过 has、:not(:last-child)、:only-of-type 等局限性的 api 来实现了
https://github.com/ant-design/ant-design/blob/8890eff05e0cb7596a702c51e658682e1757fc67/components/select/style/index.ts#L184