chore: adjust

Author: zombieJ

src/PickerInput/Selector/Input.tsx

@@ -385,14 +385,12 @@ const Input = React.forwardRef<InputRef, InputProps>((props, ref) => {
       ref={holderRef}
       className={classNames(
         inputPrefixCls,
-        inputClassNames?.input,
         {
           [`${inputPrefixCls}-active`]: active && showActiveCls,
           [`${inputPrefixCls}-placeholder`]: helped,
         },
         className,
       )}
-      style={styles?.input}
     >
       <Component
         ref={inputRef}
@@ -406,6 +404,8 @@ const Input = React.forwardRef<InputRef, InputProps>((props, ref) => {
         // Value
         value={inputValue}
         onChange={onInternalChange}
+        className={inputClassNames?.input}
+        style={styles?.input}
       />
       <Icon type="suffix" icon={suffixIcon} />
       {clearIcon}

src/interface.tsx

@@ -281,8 +281,6 @@ export type Components<DateType extends object = any> = Partial<
 >;
 
 // ========================= Picker =========================
-export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem' | 'suffix' | 'prefix' | 'input';
-
 export type CustomFormat<DateType> = (value: DateType) => string;
 
 export type FormatType<DateType = any> = string | CustomFormat<DateType>;
@@ -313,6 +311,10 @@ export type LegacyOnKeyDown = (
   preventDefault: VoidFunction,
 ) => void;
 
+export type SemanticName = 'root' | 'prefix' | 'input' | 'suffix';
+
+export type PanelSemanticName = 'root' | 'header' | 'body' | 'content' | 'item' | 'footer';
+
 export interface SharedPickerProps<DateType extends object = any>
   extends SharedHTMLAttrs,
     Pick<
@@ -328,8 +330,12 @@ export interface SharedPickerProps<DateType extends object = any>
   className?: string;
   style?: React.CSSProperties;
 
-  styles?: Partial<Record<SemanticStructure, React.CSSProperties>>;
-  classNames?: Partial<Record<SemanticStructure, string>>;
+  styles?: Partial<Record<SemanticName, React.CSSProperties>> & {
+    popup: Partial<Record<PanelSemanticName, React.CSSProperties>>;
+  };
+  classNames?: Partial<Record<SemanticName, string>> & {
+    popup: Partial<Record<PanelSemanticName, string>>;
+  };
 
   // Config
   locale: Locale;