fix(table): 修复 onDragStart 事件不触发问题 (#2858)

XiaoMi · Jun 6, 2024 · a8d3a1f · a8d3a1f
1 parent 33f44eb
commit a8d3a1f
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/.changeset/cold-bobcats-knock.md b/.changeset/cold-bobcats-knock.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(table): 修复 onDragStart 事件不触发问题
diff --git a/.changeset/itchy-suns-sleep.md b/.changeset/itchy-suns-sleep.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/table": patch
+---
+
+fix: 修复 onDragStart 事件不触发问题
diff --git a/packages/ui/form/stories/label-placement.stories.tsx b/packages/ui/form/stories/label-placement.stories.tsx
@@ -88,12 +88,7 @@ export const LabelPlacement = () => {
               <FormItem required={true} label="编码" field="productCode" valueType="string">
                 <Input placeholder="请输入" />
               </FormItem>
-              <FormItem
-                required={true}
-                label="产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称产品名称"
-                field="productName"
-                valueType="string"
-              >
+              <FormItem required={true} label="产品名称" field="productName" valueType="string">
                 <Input placeholder="请输入" />
               </FormItem>
               <FormItem label="" field="productName" valueType="string">

diff --git a/packages/ui/table/src/use-table.ts b/packages/ui/table/src/use-table.ts
@@ -656,6 +656,7 @@ export const useTable = ({
     draggable,
     highlightColumns: [] as any,
     dragRowRef,
+    onDragStart,
     onDrop,
     groupedColumns,
     // 子树展开

diff --git a/packages/ui/table/stories/draggable.stories.tsx b/packages/ui/table/stories/draggable.stories.tsx
@@ -11,6 +11,11 @@ export const Draggable = () => {
       <div className="table-draggable__wrap" style={{ minWidth: 660 }}>
         <Table
           draggable
+          onDragStart={(e) => console.log('onDragStart', e)}
+          onDrop={(e) => {
+            console.log('onDrop', e)
+            return true
+          }}
           columns={[
             {
               title: '商品名',