props.onEvent("click")}
- onDoubleClick={() => props.onEvent("doubleClick")}
+ onClick={ComponentClickHandler({onEvent: props.onEvent})}
>
{item?.user?.name}
{
props.container.showHeader = false;
- // 注入容器参数
props.container.style = Object.assign(props.container.style, {
CONTAINER_BODY_PADDING: props.style.containerBodyPadding,
border: '#00000000',
@@ -233,7 +233,7 @@ export const ContainerBaseComp = (function () {
$cardType={props.cardType}
onMouseEnter={() => props.onEvent('focus')}
onMouseLeave={() => props.onEvent('blur')}
- onClick={() => props.onEvent('click')}
+ onClick={ComponentClickHandler({onEvent: props.onEvent})}
>
!item.hidden).map(item => {
return (
item.onEvent('click')}
+ onClick={ComponentClickHandler({onEvent: props.onEvent})}
disabled={item.disabled}
$style={props.style}
>
diff --git a/client/packages/lowcoder/src/comps/comps/iconComp.tsx b/client/packages/lowcoder/src/comps/comps/iconComp.tsx
index e50bd002ce..12a3da1985 100644
--- a/client/packages/lowcoder/src/comps/comps/iconComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/iconComp.tsx
@@ -33,6 +33,7 @@ import { useContext } from "react";
import { EditorContext } from "comps/editorState";
import { AssetType, IconscoutControl } from "@lowcoder-ee/comps/controls/iconscoutControl";
import { dropdownControl } from "../controls/dropdownControl";
+import { ComponentClickHandler } from "../utils/componentClickHandler";
const Container = styled.div<{
$sourceMode: string;
@@ -135,8 +136,7 @@ const IconView = (props: RecordConstructorToView) => {
$sourceMode={props.sourceMode}
$animationStyle={props.animationStyle}
style={style}
- onClick={() => props.onEvent("click")}
- onDoubleClick={() => props.onEvent("doubleClick")}
+ onClick={ComponentClickHandler({onEvent: props.onEvent})}
>
{ props.sourceMode === 'standard'
? (props.icon || '')
diff --git a/client/packages/lowcoder/src/comps/comps/imageComp.tsx b/client/packages/lowcoder/src/comps/comps/imageComp.tsx
index b0bd4d3dd6..e82d2bab25 100644
--- a/client/packages/lowcoder/src/comps/comps/imageComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/imageComp.tsx
@@ -38,6 +38,7 @@ import { StringControl } from "../controls/codeControl";
import { PositionControl } from "comps/controls/dropdownControl";
import { dropdownControl } from "../controls/dropdownControl";
import { AssetType, IconscoutControl } from "../controls/iconscoutControl";
+import { ComponentClickHandler } from "../utils/componentClickHandler";
const Container = styled.div<{
$style: ImageStyleType | undefined,
@@ -212,8 +213,7 @@ const ContainerImg = (props: RecordConstructorToView) => {
draggable={false}
preview={props.supportPreview ? {src: props.previewSrc || props.src.value } : false}
fallback={DEFAULT_IMG_URL}
- onClick={() => props.onEvent("click")}
- onDoubleClick={() => props.onEvent("doubleClick")}
+ onClick={ComponentClickHandler({onEvent: props.onEvent})}
/>