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);