refactor: solve picker circular dependency issue (#650)

Author: kiner-tang

src/panels/DecadePanel/DecadeBody.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GenerateConfig } from '../../generate';
-import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from '.';
+import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from './constant';
 import PanelBody from '../PanelBody';
 import type { CellRender, Locale } from '../../interface';
 

src/panels/DecadePanel/DecadeHeader.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Header from '../Header';
 import type { GenerateConfig } from '../../generate';
-import { DECADE_DISTANCE_COUNT } from '.';
+import { DECADE_DISTANCE_COUNT } from './constant';
 import PanelContext from '../../PanelContext';
 
 export type YearHeaderProps<DateType> = {

src/panels/DecadePanel/constant.ts

@@ -0,0 +1,2 @@
+export const DECADE_UNIT_DIFF = 10;
+export const DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;

src/panels/DecadePanel/index.tsx

@@ -3,11 +3,15 @@ import DecadeHeader from './DecadeHeader';
 import DecadeBody, { DECADE_COL_COUNT } from './DecadeBody';
 import type { PanelSharedProps } from '../../interface';
 import { createKeyDownHandler } from '../../utils/uiUtil';
+import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from './constant';
 
 export type DecadePanelProps<DateType> = PanelSharedProps<DateType>;
 
-export const DECADE_UNIT_DIFF = 10;
-export const DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;
+export {
+  DECADE_DISTANCE_COUNT,
+  DECADE_UNIT_DIFF
+};
+
 
 function DecadePanel<DateType>(props: DecadePanelProps<DateType>) {
   const {

src/panels/YearPanel/YearBody.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GenerateConfig } from '../../generate';
-import { YEAR_DECADE_COUNT } from '.';
+import { YEAR_DECADE_COUNT } from './constant';
 import type { CellRender, Locale, NullableDateType } from '../../interface';
 import useCellClassName from '../../hooks/useCellClassName';
 import { formatValue, isSameYear } from '../../utils/dateUtil';

src/panels/YearPanel/YearHeader.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Header from '../Header';
 import type { GenerateConfig } from '../../generate';
-import { YEAR_DECADE_COUNT } from '.';
+import { YEAR_DECADE_COUNT } from './constant';
 import PanelContext from '../../PanelContext';
 
 export type YearHeaderProps<DateType> = {

src/panels/YearPanel/constant.ts

@@ -0,0 +1 @@
+export const YEAR_DECADE_COUNT = 10;

src/panels/YearPanel/index.tsx

@@ -3,13 +3,14 @@ import YearHeader from './YearHeader';
 import YearBody, { YEAR_COL_COUNT } from './YearBody';
 import type { PanelSharedProps, PanelMode, CellRender } from '../../interface';
 import { createKeyDownHandler } from '../../utils/uiUtil';
+import { YEAR_DECADE_COUNT } from './constant';
 
 export type YearPanelProps<DateType> = {
   sourceMode: PanelMode;
   cellRender?: CellRender<DateType>;
 } & PanelSharedProps<DateType>;
 
-export const YEAR_DECADE_COUNT = 10;
+export { YEAR_DECADE_COUNT };
 
 function YearPanel<DateType>(props: YearPanelProps<DateType>) {
   const {

src/utils/dateUtil.ts

@@ -1,6 +1,6 @@
-import { DECADE_UNIT_DIFF } from '../panels/DecadePanel/index';
 import type { PanelMode, NullableDateType, PickerMode, Locale, CustomFormat } from '../interface';
 import type { GenerateConfig } from '../generate';
+import { DECADE_UNIT_DIFF } from '../panels/DecadePanel/constant';
 
 export const WEEK_DAY_COUNT = 7;