Merge pull request #2859 from XiaoMi/hotfix/table/2858

fix(table): 修复 onDragStart 事件不触发问题 (#2858)
XiaoMi · Jun 12, 2024 · 4f135ae · 4f135ae
2 parents 7e2138d + a8d3a1f
commit 4f135ae
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: '商品名',