update name

Author: thinkasany

src/PickerPanel/PanelBody.tsx

@@ -185,10 +185,13 @@ export default function PanelBody<DateType extends object = any>(props: PanelBod
 
   // ============================== Render ==============================
   return (
-    <div className={classNames(`${prefixCls}-body`, pickerClassNames?.body)} style={styles?.body}>
+    <div
+      className={classNames(`${prefixCls}-body`, pickerClassNames?.popupBody)}
+      style={styles?.popupBody}
+    >
       <table
-        className={classNames(`${prefixCls}-content`, pickerClassNames?.content)}
-        style={styles?.content}
+        className={classNames(`${prefixCls}-content`, pickerClassNames?.popupContent)}
+        style={styles?.popupContent}
       >
         {headerCells && (
           <thead>

src/interface.tsx

@@ -281,7 +281,7 @@ export type Components<DateType extends object = any> = Partial<
 >;
 
 // ========================= Picker =========================
-export type SemanticStructure = 'popup' | 'body' | 'content';
+export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent';
 
 export type CustomFormat<DateType> = (value: DateType) => string;
 

tests/picker.spec.tsx

@@ -1352,24 +1352,24 @@ describe('Picker.Basic', () => {
   it('support classNames and styles', () => {
     const customClassNames = {
       popup: 'custom-popup',
-      body: 'custom-body',
-      content: 'custom-content',
+      popupBody: 'custom-body',
+      popupContent: 'custom-content',
     };
     const customStyles = {
       popup: { color: 'red' },
-      body: { color: 'green' },
-      content: { color: 'blue' },
+      popupBody: { color: 'green' },
+      popupContent: { color: 'blue' },
     };
     render(<DayPicker classNames={customClassNames} styles={customStyles} open />);
 
     expect(document.querySelector('.rc-picker-dropdown')).toHaveClass(customClassNames.popup);
     expect(document.querySelector('.rc-picker-dropdown')).toHaveStyle(customStyles.popup);
     const content = document.querySelector('.rc-picker-content');
     const body = document.querySelector('.rc-picker-body');
-    expect(content).toHaveClass(customClassNames.content);
-    expect(content).toHaveStyle(customStyles.content);
-    expect(body).toHaveClass(customClassNames.body);
-    expect(body).toHaveStyle(customStyles.body);
+    expect(content).toHaveClass(customClassNames.popupContent);
+    expect(content).toHaveStyle(customStyles.popupContent);
+    expect(body).toHaveClass(customClassNames.popupBody);
+    expect(body).toHaveStyle(customStyles.popupBody);
   });
 
   it('showTime config should have format', () => {