refactor: type of it

docs/examples/debug.tsx

@@ -141,7 +141,12 @@ export default () => {
       </button>
 
       <div style={{ display: 'flex', flexWrap: 'wrap', gap: 16 }}>
-        <PickerPanel generateConfig={dayjsGenerateConfig} locale={zhCN} value={dayjs()} />
+        <PickerPanel
+          generateConfig={dayjsGenerateConfig}
+          locale={zhCN}
+          defaultValue={[dayjs()]}
+          multiple
+        />
         {/* <CellPicker
           picker="time"
           locale={{

src/NewPicker/PickerPanel/PanelBody.tsx

@@ -48,7 +48,7 @@ export default function PanelBody<DateType = any>(props: PanelBodyProps<DateType
     now,
     disabledDate,
     cellRender,
-    onChange,
+    onValuesChange,
     onHover,
     hoverValue,
     generateConfig,
@@ -121,7 +121,7 @@ export default function PanelBody<DateType = any>(props: PanelBodyProps<DateType
           })}
           onClick={() => {
             if (!disabled) {
-              onChange(currentDate);
+              onValuesChange([currentDate]);
             }
           }}
           onDoubleClick={() => {

src/NewPicker/PickerPanel/context.ts

@@ -1,23 +1,26 @@
 import React from 'react';
-import type { GenerateConfig } from '../../generate';
-import type { CellRender, DisabledDate, Locale, PanelMode, SharedPanelProps } from '../interface';
+import type { PanelMode, SharedPanelProps } from '../interface';
 
-export interface PanelContextProps<DateType = any> {
+export interface PanelContextProps<DateType = any>
+  extends Pick<
+    SharedPanelProps,
+    | 'prefixCls'
+    | 'disabledDate'
+    | 'cellRender'
+    | 'generateConfig'
+    | 'locale'
+    | 'onChange'
+    | 'onValuesChange'
+    | 'hoverValue'
+    | 'onHover'
+    | 'value'
+    | 'values'
+    | 'pickerValue'
+  > {
   type: PanelMode;
 
   // Shared
-  prefixCls: string;
   now: DateType;
-  disabledDate?: DisabledDate<DateType>;
-  cellRender?: CellRender<DateType>;
-  onChange: (date: DateType) => void;
-  locale: Locale;
-  hoverValue: [DateType, DateType] | null;
-  onHover?: (date: DateType | null) => void;
-  value?: DateType;
-  /** `pickerValue` is always exist */
-  pickerValue: DateType;
-  generateConfig: GenerateConfig<DateType>;
 }
 
 /** Used for each single Panel. e.g. DatePanel */
@@ -36,21 +39,25 @@ export function useInfo<DateType = any>(
     disabledDate,
     cellRender,
     onChange,
+    onValuesChange,
     hoverValue,
     onHover,
     value,
+    values,
     pickerValue,
   } = props;
 
   const now = generateConfig.getNow();
   const info = {
     now,
     value,
+    values,
     pickerValue,
     prefixCls,
     disabledDate,
     cellRender,
     onChange,
+    onValuesChange,
     hoverValue,
     onHover,
     locale,

src/NewPicker/PickerPanel/index.tsx

@@ -266,6 +266,7 @@ function PickerPanel<DateType extends object = any>(
   };
 
   const onPanelValueChange = (nextValue: DateType) => {
+    console.error('change!!!');
     onPanelValuesChange([nextValue]);
   };
 

src/NewPicker/interface.tsx

@@ -218,6 +218,9 @@ export interface SharedPanelProps<DateType = any> {
    * When not `multiple`, it will be `[value]`.
    */
   values?: DateType[];
+  /**
+   * For multiple value usage.
+   */
   onValuesChange: (values: DateType[]) => void;
 
   // Mode