feat: add dragableY props. (#11)

* feat:新增Y周是否可拖动参数及判断

* fix:修改参数为驼峰

* fix:修改y轴拖动参数名称

---------

Co-authored-by: 杨楠 <yangnan@ane56.com>

Author: Amber-Nan

core/src/Tab.tsx

@@ -12,6 +12,7 @@ export const ItemTypes = {
 export interface TabProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
   id: string;
   index?: number;
+  dragableY?: boolean; //Y轴是否可上下拖动
 }
 
 export interface DragItem {
@@ -20,7 +21,7 @@ export interface DragItem {
   type: string;
 }
 
-export const Tab: FC<PropsWithChildren<TabProps>> = ({ children, id, index, ...props }) => {
+export const Tab: FC<PropsWithChildren<TabProps>> = ({ children, id, index, dragableY = false, ...props }) => {
   const { state, onTabClick, onTabDrop, dispatch } = useDataContext();
   const ref = useRef<HTMLDivElement>(null);
   const [{ handlerId }, drop] = useDrop<DragItem, void, { handlerId: Identifier | null }>({
@@ -53,7 +54,7 @@ export const Tab: FC<PropsWithChildren<TabProps>> = ({ children, id, index, ...p
       // When dragging downwards, only move when the cursor is below 50%
       // When dragging upwards, only move when the cursor is above 50%
       // Dragging downwards
-      if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX) {
+      if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX && dragableY !== true) {
         return;
       }
       // Dragging upwards