Skip to content

Commit f3488fb

Browse files
author
committed
feat: support dropdownStyle
1 parent 6ba06e9 commit f3488fb

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

src/Cascader.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -199,6 +199,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
199199

200200
popupClassName,
201201
dropdownClassName,
202+
dropdownStyle,
202203
dropdownMenuColumnStyle,
203204

204205
popupPlacement,
@@ -473,15 +474,17 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
473474
// ==============================================================
474475
const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
475476

476-
const dropdownStyle: React.CSSProperties =
477+
const mergedDropdownStyle: React.CSSProperties = React.useMemo(() => {
477478
// Search to match width
478-
(mergedSearchValue && searchConfig.matchInputWidth) ||
479-
// Empty keep the width
480-
emptyOptions
481-
? {}
479+
return dropdownStyle ?? (mergedSearchValue && searchConfig.matchInputWidth) ?? emptyOptions
480+
? // Empty keep the width
481+
{
482+
...dropdownStyle,
483+
}
482484
: {
483485
minWidth: 'auto',
484486
};
487+
}, [dropdownStyle, mergedSearchValue, searchConfig, emptyOptions]);
485488

486489
return (
487490
<CascaderContext.Provider value={cascaderContext}>
@@ -492,7 +495,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
492495
id={mergedId}
493496
prefixCls={prefixCls}
494497
dropdownMatchSelectWidth={dropdownMatchSelectWidth}
495-
dropdownStyle={dropdownStyle}
498+
dropdownStyle={mergedDropdownStyle}
496499
// Value
497500
displayValues={displayValues}
498501
onDisplayValuesChange={onDisplayValuesChange}

0 commit comments

Comments
 (0)