feat: support semantic for baseSelect

Author: thinkasany

src/BaseSelect/index.tsx

@@ -283,6 +283,8 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
     placement,
     builtinPlacements,
     getPopupContainer,
+    styles: baseSelectStyles,
+    classNames: baseSelectClassNames,
 
     // Focus
     showAction = [],
@@ -412,9 +414,12 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
     maxCount,
     rawValues,
     classNames: selectClassNames,
-    styles,
+    styles: selectStyles,
   } = React.useContext<SelectContextProps>(SelectContext) || {};
 
+  const contextClassNames = baseSelectClassNames ?? selectClassNames;
+  const contextStyles = baseSelectStyles ?? selectStyles;
+
   const onInternalSearch = (searchText: string, fromTyping: boolean, isCompositing: boolean) => {
     if (multiple && isValidCount(maxCount) && rawValues?.size >= maxCount) {
       return;
@@ -703,6 +708,8 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
       multiple,
       toggleOpen: onToggleOpen,
       showScrollBar,
+      styles: contextStyles,
+      classNames: contextClassNames,
     }),
     [
       props,
@@ -728,10 +735,10 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
   if (showSuffixIcon) {
     arrowNode = (
       <TransBtn
-        className={classNames(`${prefixCls}-arrow`, selectClassNames?.suffix, {
+        className={classNames(`${prefixCls}-arrow`, contextClassNames?.suffix, {
           [`${prefixCls}-arrow-loading`]: loading,
         })}
-        style={styles?.suffix}
+        style={contextStyles?.suffix}
         customizeIcon={suffixIcon}
         customizeIconProps={{
           loading,
@@ -821,8 +828,8 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
       ) : (
         <Selector
           {...props}
-          prefixClassName={selectClassNames?.prefix}
-          prefixStyle={styles?.prefix}
+          prefixClassName={contextClassNames?.prefix}
+          prefixStyle={contextStyles?.prefix}
           domRef={selectorDomRef}
           prefixCls={prefixCls}
           inputElement={customizeInputElement}

src/Selector/Input.tsx

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import { composeRef } from '@rc-component/util/lib/ref';
 import { warning } from '@rc-component/util/lib/warning';
 import SelectContext from '../SelectContext';
+import useBaseProps from '../hooks/useBaseProps';
 type InputRef = HTMLInputElement | HTMLTextAreaElement;
 
 interface InputProps {
@@ -57,8 +58,11 @@ const Input: React.ForwardRefRenderFunction<InputRef, InputProps> = (props, ref)
     open,
     attrs,
   } = props;
-  const { classNames: contextClassNames, styles: contextStyles } =
+  const { classNames: selectClassNames, styles: selectStyles } =
     React.useContext(SelectContext) || {};
+  const { classNames: baseSelectClassNames, styles: baseSelectStyles } = useBaseProps() || {};
+  const contextClassNames = selectClassNames ?? baseSelectClassNames;
+  const contextStyles = selectStyles ?? baseSelectStyles;
 
   let inputNode: React.ComponentElement<any, any> = inputElement || <input />;