feat: support dropdownStyle

react-component · Jun 5, 2023 · f3488fb · f3488fb
1 parent 6ba06e9
commit f3488fb
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/Cascader.tsx b/src/Cascader.tsx
@@ -199,6 +199,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
 
     popupClassName,
     dropdownClassName,
+    dropdownStyle,
     dropdownMenuColumnStyle,
 
     popupPlacement,
@@ -473,15 +474,17 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
   // ==============================================================
   const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
 
-  const dropdownStyle: React.CSSProperties =
+  const mergedDropdownStyle: React.CSSProperties = React.useMemo(() => {
     // Search to match width
-    (mergedSearchValue && searchConfig.matchInputWidth) ||
-    // Empty keep the width
-    emptyOptions
-      ? {}
+    return dropdownStyle ?? (mergedSearchValue && searchConfig.matchInputWidth) ?? emptyOptions
+      ? // Empty keep the width
+        {
+          ...dropdownStyle,
+        }
       : {
           minWidth: 'auto',
         };
+  }, [dropdownStyle, mergedSearchValue, searchConfig, emptyOptions]);
 
   return (
     <CascaderContext.Provider value={cascaderContext}>
@@ -492,7 +495,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
         id={mergedId}
         prefixCls={prefixCls}
         dropdownMatchSelectWidth={dropdownMatchSelectWidth}
-        dropdownStyle={dropdownStyle}
+        dropdownStyle={mergedDropdownStyle}
         // Value
         displayValues={displayValues}
         onDisplayValuesChange={onDisplayValuesChange}