From 276b4e02fd7ad927f14abff8e6178795982dc81d Mon Sep 17 00:00:00 2001 From: Longwanxiang Date: Wed, 22 Jan 2025 17:58:12 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=88=9D=E5=A7=8B?= =?UTF-8?q?=E5=8C=96=E9=9A=90=E8=97=8FTour=E6=97=B6,=20defaultCurrent=20?= =?UTF-8?q?=E6=9C=AA=E7=94=9F=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/demo/defaultCurrent.md | 8 +++++ docs/examples/defaultCurrent.tsx | 53 ++++++++++++++++++++++++++++++++ src/Tour.tsx | 2 +- 3 files changed, 62 insertions(+), 1 deletion(-) create mode 100644 docs/demo/defaultCurrent.md create mode 100644 docs/examples/defaultCurrent.tsx diff --git a/docs/demo/defaultCurrent.md b/docs/demo/defaultCurrent.md new file mode 100644 index 0000000..489d46e --- /dev/null +++ b/docs/demo/defaultCurrent.md @@ -0,0 +1,8 @@ +--- +title: defaultCurrent +nav: + title: DefaultCurrent + path: /defaultCurrent +--- + + diff --git a/docs/examples/defaultCurrent.tsx b/docs/examples/defaultCurrent.tsx new file mode 100644 index 0000000..c3b05d4 --- /dev/null +++ b/docs/examples/defaultCurrent.tsx @@ -0,0 +1,53 @@ +import { useRef, useState } from "react"; +import Tour from '../../src/index'; + +export default () => { + const btn1Ref = useRef(null); + const btn2Ref = useRef(null); + const [open, setOpen] = useState(false) + + return
+
+ + +
+ +
+ + setOpen(false)} + onClose={() => setOpen(false)} + steps={[ + { + title: '创建', + description: '创建一条数据', + target: () => btn1Ref.current, + mask: true, + }, + { + title: '更新', + description: ( +
+ 更新一条数据 + +
+ ), + target: () => btn2Ref.current, + }, + ]} + /> +
+} diff --git a/src/Tour.tsx b/src/Tour.tsx index c1c3858..2853854 100644 --- a/src/Tour.tsx +++ b/src/Tour.tsx @@ -77,7 +77,7 @@ const Tour: React.FC = props => { useLayoutEffect(() => { if (mergedOpen) { if (!openRef.current) { - setMergedCurrent(0); + setMergedCurrent(defaultCurrent ?? 0); } setHasOpened(true);