diff --git a/CHANGELOG.md b/CHANGELOG.md index b22269eb3f960d068f1b95a34b6e859db3f1d0d2..3fc53ede36fe06be6eee7f5f1980743292d06083 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,10 @@ - 支持行保存,表格全保存,表格行编辑切换等预置界面行为 - 标签支持代码表颜色 +### Fixed + +- 修复数据视图项点击触发两次 + ## [0.1.7] - 2023-08-14 ### Added diff --git a/src/control/data-view/data-view.tsx b/src/control/data-view/data-view.tsx index e993ef050ca32b70ea652efec69a626ab2f592e9..0711875d6cd286ef5ae223ea0a69c16b237ada78 100644 --- a/src/control/data-view/data-view.tsx +++ b/src/control/data-view/data-view.tsx @@ -38,6 +38,18 @@ export const DataViewControl = defineComponent({ return c.state.items.length >= c.state.total || c.state.isLoading; }); + // 行单击事件 + const onRowClick = (item: IData, event: MouseEvent): Promise => { + event.stopPropagation(); + return c.onRowClick(item); + }; + + // 行双击事件 + const onDbRowClick = (item: IData, event: MouseEvent): Promise => { + event.stopPropagation(); + return c.onDbRowClick(item); + }; + // 绘制项布局面板 const renderPanelItem = (item: IData, modelData: ILayoutPanel): VNode => { const { context, params } = c; @@ -47,8 +59,12 @@ export const DataViewControl = defineComponent({ modelData={modelData} context={context} params={params} - onClick={(): Promise => c.onRowClick(item)} - onDblclick={(): Promise => c.onDbRowClick(item)} + onClick={(event: MouseEvent): Promise => + onRowClick(item, event) + } + onDblclick={(event: MouseEvent): Promise => + onDbRowClick(item, event) + } > ); }; @@ -115,8 +131,12 @@ export const DataViewControl = defineComponent({ shadow='hover' class={cardClass} body-style={cardStyle} - onClick={(): Promise => c.onRowClick(item)} - onDblclick={(): Promise => c.onDbRowClick(item)} + onClick={(event: MouseEvent): Promise => + onRowClick(item, event) + } + onDblclick={(event: MouseEvent): Promise => + onDbRowClick(item, event) + } > {panel ? renderPanelItem(item, panel) : renderDefaultItem(item)}