refactor: solve circule dependency (#36)

* refactor: solve circule dependency

* fix: add extra export path

* fix: add context file

Author: MuxinFeng

src/Item.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
-import type { ComponentType } from './Overflow';
+import type { ComponentType } from './RawItem';
 
 // Use shared variable to save bundle size
 const UNDEFINED = undefined;

src/Overflow.tsx

@@ -5,33 +5,16 @@ import ResizeObserver from 'rc-resize-observer';
 import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 import Item from './Item';
 import useEffectState, { useBatcher } from './hooks/useEffectState';
+import type { ComponentType } from './RawItem';
 import RawItem from './RawItem';
-
-export const OverflowContext = React.createContext<{
-  prefixCls: string;
-  responsive: boolean;
-  order: number;
-  registerSize: (key: React.Key, width: number | null) => void;
-  display: boolean;
-
-  invalidate: boolean;
-
-  // Item Usage
-  item?: any;
-  itemKey?: React.Key;
-
-  // Rest Usage
-  className?: string;
-}>(null);
+import { OverflowContext } from './context';
 
 const RESPONSIVE = 'responsive' as const;
 const INVALIDATE = 'invalidate' as const;
 
-export type ComponentType =
-  | React.ComponentType<any>
-  | React.ForwardRefExoticComponent<any>
-  | React.FC<any>
-  | keyof React.ReactHTML;
+export { OverflowContext } from './context';
+
+export type { ComponentType } from './RawItem';
 
 export interface OverflowProps<ItemType> extends React.HTMLAttributes<any> {
   prefixCls?: string;

src/RawItem.tsx

@@ -1,8 +1,13 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import Item from './Item';
-import { OverflowContext } from './Overflow';
-import type { ComponentType } from './Overflow';
+import { OverflowContext } from './context';
+
+export type ComponentType =
+  | React.ComponentType<any>
+  | React.ForwardRefExoticComponent<any>
+  | React.FC<any>
+  | keyof React.ReactHTML;
 
 export interface RawItemProps extends React.HTMLAttributes<any> {
   component?: ComponentType;

src/context.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+
+export const OverflowContext = React.createContext<{
+  prefixCls: string;
+  responsive: boolean;
+  order: number;
+  registerSize: (key: React.Key, width: number | null) => void;
+  display: boolean;
+
+  invalidate: boolean;
+
+  // Item Usage
+  item?: any;
+  itemKey?: React.Key;
+
+  // Rest Usage
+  className?: string;
+}>(null);