Commit beccb4d

authored

Merge pull request #2066 from iamfaran/feat/2063-click-lotte

[Feat]: add click/double click events for lotte

2 parents 21464bd + e0ddfb8 commit beccb4dCopy full SHA for beccb4d

File tree

1 file changed

+10

-2

lines changed

client/packages/lowcoder/src/comps/comps/jsonComp
- jsonLottieComp.tsx

1 file changed

+10

-2

lines changed

`‎client/packages/lowcoder/src/comps/comps/jsonComp/jsonLottieComp.tsx‎`

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ import { styleControl } from "comps/controls/styleControl";`
`10`	`10`	`import { AnimationStyle, LottieStyle } from "comps/controls/styleControlConstants";`
`11`	`11`	`import { trans } from "i18n";`
`12`	`12`	`import { Section, sectionNames } from "lowcoder-design";`
`13`		`-import { useContext, lazy, useEffect, useState } from "react";`
	`13`	`+import { useContext, lazy, useEffect, useState,useCallback } from "react";`
`14`	`14`	`import { stateComp, UICompBuilder, withDefault } from "../../generators";`
`15`	`15`	`import {`
`16`	`16`	`NameConfig,`
`@@ -23,9 +23,10 @@ import { AssetType, IconscoutControl } from "@lowcoder-ee/comps/controls/iconsco`
`23`	`23`	`import { DotLottie } from "@lottiefiles/dotlottie-react";`
`24`	`24`	`import { AutoHeightControl } from "@lowcoder-ee/comps/controls/autoHeightControl";`
`25`	`25`	`import { useResizeDetector } from "react-resize-detector";`
`26`		`-import { eventHandlerControl } from "@lowcoder-ee/comps/controls/eventHandlerControl";`
	`26`	`+import { eventHandlerControl,clickEvent,doubleClickEvent } from "@lowcoder-ee/comps/controls/eventHandlerControl";`
`27`	`27`	`import { withMethodExposing } from "@lowcoder-ee/comps/generators/withMethodExposing";`
`28`	`28`	`import { changeChildAction } from "lowcoder-core";`
	`29`	`+import { useCompClickEventHandler } from "@lowcoder-ee/comps/utils/useCompClickEventHandler";`
`29`	`30`
`30`	`31`	`// const Player = lazy(`
`31`	`32`	`// () => import('@lottiefiles/react-lottie-player')`
`@@ -128,6 +129,8 @@ const ModeOptions = [`
`128`	`129`	`] as const;`
`129`	`130`
`130`	`131`	`const EventOptions = [`
	`132`	`+ clickEvent,`
	`133`	`+ doubleClickEvent,`
`131`	`134`	`{ label: trans("jsonLottie.load"), value: "load", description: trans("jsonLottie.load") },`
`132`	`135`	`{ label: trans("jsonLottie.play"), value: "play", description: trans("jsonLottie.play") },`
`133`	`136`	`{ label: trans("jsonLottie.pause"), value: "pause", description: trans("jsonLottie.pause") },`
`@@ -160,6 +163,10 @@ let JsonLottieTmpComp = (function () {`
`160`	`163`	`};`
`161`	`164`	`return new UICompBuilder(childrenMap, (props, dispatch) => {`
`162`	`165`	`const [dotLottie, setDotLottie] = useState<DotLottie \| null>(null);`
	`166`	`+ const handleClickEvent = useCompClickEventHandler({ onEvent: props.onEvent });`
	`167`	`+ const handleClick = useCallback(() => {`
	`168`	`+ handleClickEvent();`
	`169`	`+ }, [handleClickEvent]);`
`163`	`170`
`164`	`171`	`const setLayoutAndResize = () => {`
`165`	`172`	`const align = props.align.split(',');`
`@@ -244,6 +251,7 @@ let JsonLottieTmpComp = (function () {`
`244`	`251`	padding: `${props.container.padding}`,
`245`	`252`	`rotate: props.container.rotation,`
`246`	`253`	`}}`
	`254`	`+ onClick={handleClick}`
`247`	`255`	`>`
`248`	`256`	`<DotLottiePlayer`
`249`	`257`	`key={`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit beccb4d

File tree

1 file changed

1 file changed

`‎client/packages/lowcoder/src/comps/comps/jsonComp/jsonLottieComp.tsx‎`

0 commit comments