From 138d325afebb9460a035b76530bb63b258729116 Mon Sep 17 00:00:00 2001
From: Zeke Zhang <958414905@qq.com>
Date: Sat, 28 Jun 2025 19:28:02 +0800
Subject: [PATCH] refactor: change function declarations to arrow functions for
 consistency

---
 .../flow-engine/src/components/dnd/index.tsx     | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/core/flow-engine/src/components/dnd/index.tsx b/packages/core/flow-engine/src/components/dnd/index.tsx
index c78268307d..27ee801388 100644
--- a/packages/core/flow-engine/src/components/dnd/index.tsx
+++ b/packages/core/flow-engine/src/components/dnd/index.tsx
@@ -8,11 +8,11 @@
  */
 
 import { DragOutlined } from '@ant-design/icons';
-import { DndContext, DndContextProps, DragEndEvent, DragOverlay, useDraggable, useDroppable } from '@dnd-kit/core';
-import React, { useState } from 'react';
+import { DndContext, DndContextProps, DragOverlay, useDraggable, useDroppable } from '@dnd-kit/core';
+import React, { FC, useState } from 'react';
 
 // 可拖拽图标组件
-export function DragHandler({ id }: { id: string }) {
+export const DragHandler: FC<{ id: string }> = ({ id }) => {
   const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id });
   return (
     <span
@@ -31,10 +31,10 @@ export function DragHandler({ id }: { id: string }) {
       <DragOutlined />
     </span>
   );
-}
+};
 
 // 通用 Droppable 组件
-export function Droppable({ id, children }: { id: string; children: React.ReactNode }) {
+export const Droppable: FC<{ id: string; children: React.ReactNode }> = ({ id, children }) => {
   const { setNodeRef, isOver, active } = useDroppable({ id });
   const isActiveDroppable = active?.id === id;
   console.log('Droppable id:', id);
@@ -53,10 +53,10 @@ export function Droppable({ id, children }: { id: string; children: React.ReactN
       {children}
     </div>
   );
-}
+};
 
 // 提供一个封装了 DragOverlay 的 DndProvider 组件，继承 DndContext 的所有 props
-export function DndProvider({ children, ...restProps }: DndContextProps & { children: React.ReactNode }) {
+export const DndProvider: FC<DndContextProps> = ({ children, ...restProps }) => {
   const [activeId, setActiveId] = useState<string | null>(null);
   console.log('DndProvider activeId:', activeId);
 
@@ -96,4 +96,4 @@ export function DndProvider({ children, ...restProps }: DndContextProps & { chil
       </DragOverlay>
     </DndContext>
   );
-}
+};