From 8cc22cbbc479d8f256df209e64276bc23b910058 Mon Sep 17 00:00:00 2001 From: sheepluo Date: Thu, 9 Feb 2023 22:25:35 +0800 Subject: [PATCH] [Guide] tests & features (#2363) * fix(guide): tests * feat(guide): tests & features * fix(guide): body --- src/guide/__test__/index.test.jsx | 32 - src/guide/__tests__/GuideContent.tsx | 34 + .../__snapshots__/vitest-guide.test.jsx.snap | 53243 ++++++++++++++++ src/guide/__tests__/mount.jsx | 111 + src/guide/__tests__/vitest-guide.test.jsx | 472 + src/guide/_example/base.vue | 7 +- src/guide/guide-step-props.ts | 80 - src/guide/guide.en-US.md | 10 +- src/guide/guide.md | 10 +- src/guide/guide.tsx | 119 +- src/guide/index.ts | 8 +- src/guide/interface.ts | 6 + src/guide/type.ts | 22 +- src/guide/utils/getTargetElm.ts | 4 +- 14 files changed, 53981 insertions(+), 177 deletions(-) delete mode 100644 src/guide/__test__/index.test.jsx create mode 100644 src/guide/__tests__/GuideContent.tsx create mode 100644 src/guide/__tests__/__snapshots__/vitest-guide.test.jsx.snap create mode 100644 src/guide/__tests__/mount.jsx create mode 100644 src/guide/__tests__/vitest-guide.test.jsx delete mode 100644 src/guide/guide-step-props.ts create mode 100644 src/guide/interface.ts diff --git a/src/guide/__test__/index.test.jsx b/src/guide/__test__/index.test.jsx deleted file mode 100644 index 89aa5d3316..0000000000 --- a/src/guide/__test__/index.test.jsx +++ /dev/null @@ -1,32 +0,0 @@ -import { mount } from '@vue/test-utils'; -import Guide from '@/src/guide/index.ts'; - -// every component needs four parts: props/events/slots/functions. -describe('Guide', () => { - // test props api - describe(':props', () => { - it('', () => { - const wrapper = mount({ - render() { - return ; - }, - }); - expect(wrapper.exists()).toBe(true); - }); - }); - - // test events - describe('@event', () => { - it('', () => {}); - }); - - // test slots - describe('', () => { - it('', () => {}); - }); - - // test exposure function - describe('function', () => { - it('', () => {}); - }); -}); diff --git a/src/guide/__tests__/GuideContent.tsx b/src/guide/__tests__/GuideContent.tsx new file mode 100644 index 0000000000..a8350671b5 --- /dev/null +++ b/src/guide/__tests__/GuideContent.tsx @@ -0,0 +1,34 @@ +import { defineComponent } from 'vue'; +import Input from '../../input'; +import Button from '../../button'; +import { Row } from '../../grid'; + +export default defineComponent({ + name: 'GuideContent', + setup() { + return () => { + return ( +
+
+
Guide 用户引导
+
按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。
+
+
+
Label
+ +
+
+
Label
+ +
+ + + + +
+ ); + }; + }, +}); diff --git a/src/guide/__tests__/__snapshots__/vitest-guide.test.jsx.snap b/src/guide/__tests__/__snapshots__/vitest-guide.test.jsx.snap new file mode 100644 index 0000000000..21e25ca436 --- /dev/null +++ b/src/guide/__tests__/__snapshots__/vitest-guide.test.jsx.snap @@ -0,0 +1,53243 @@ +// Vitest Snapshot v1 + +exports[`Guide Component > GuideStep.body works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ + TNode + +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > GuideStep.content works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+ + TNode + + +
+
+ + + +
+ + +`; + +exports[`Guide Component > GuideStep.highlightContent works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ + TNode + +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > GuideStep.mode is equal to dialog 1`] = ` +
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + +
+`; + +exports[`Guide Component > GuideStep.mode is equal to popup 1`] = ` +
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+`; + +exports[`Guide Component > GuideStep.placement is equal to bottom-left 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + +
+
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > GuideStep.stepOverlayClass is equal to t-test-guide-step-overlay 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + +
+
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > GuideStep.title works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + +
+
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ + TNode + +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > slots.body works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ + + TNode + + +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > slots.content works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+ + + TNode + + +
+
+
+ + + +
+ + +`; + +exports[`Guide Component > slots.highlight-content works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ + + TNode + + +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > slots.highlightContent works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ + + TNode + + +
+
+
+ + + +
+
+
+ +
+ 新手引导标题 +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; + +exports[`Guide Component > slots.title works fine 1`] = ` + +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + +
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + +
+
+
+
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+
+
+ Guide 用户引导 +
+
+ 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。 +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+
+ Label +
+
+
+ + + + + + + +
+ +
+
+
+ + + + +
+
+ + + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+ + + TNode + + +
+
+ +
+ +
+ +
+ 1/1 +
+ +
+ + + + +
+
+
+
+
+
+ + + +
+ + +`; diff --git a/src/guide/__tests__/mount.jsx b/src/guide/__tests__/mount.jsx new file mode 100644 index 0000000000..7cf2ef0b16 --- /dev/null +++ b/src/guide/__tests__/mount.jsx @@ -0,0 +1,111 @@ +import { mount } from '@vue/test-utils'; +import GuideContent from './GuideContent'; + +const STEPS = [ + { + element: '.main-title-base', + title: '新手引导标题', + body: '新手引导的说明文案', + placement: 'bottom-right', + }, + { + element: () => document.body.querySelector('.label-field-base'), + title: '新手引导标题', + body: '新手引导的说明文案', + placement: 'bottom', + }, + { + element: '.action-base', + title: '新手引导标题', + body: '新手引导的说明文案', + placement: 'right', + }, +]; + +// only one step +export function getGuideDefaultMount(Guide, props = {}, events) { + const slots = props['v-slots']; + delete props['v-slots']; + + return mount( + { + render() { + return ( +
+ + +
+ ); + }, + }, + { attachTo: document.body }, + ); +} + +// three steps +export function getGuideMultipleStepsMount(Guide, props = {}, events) { + const slots = props['v-slots']; + delete props['v-slots']; + + return mount( + { + render() { + return ( +
+ + +
+ ); + }, + }, + { attachTo: document.body }, + ); +} + +// custom step props; only one step +export function getCustomGuideStepMount(Guide, props = {}) { + const slots = props['v-slots']; + delete props['v-slots']; + + // guide step props, instead of guide + const steps = [{ ...STEPS[0], ...props }]; + return mount( + { + render() { + return ( +
+ + +
+ ); + }, + }, + { attachTo: document.body }, + ); +} + +// custom multiple step props +export function getCustomMultipleGuideStepMount(Guide, props = {}) { + const slots = props['v-slots']; + delete props['v-slots']; + + // guide step props, instead of guide + const { current = 0, ...guideStepProps } = props; + let steps = [...STEPS]; + steps[current] = { ...STEPS[current], ...guideStepProps }; + return mount( + { + render() { + return ( +
+ + +
+ ); + }, + }, + { attachTo: document.body }, + ); +} + +export default {}; diff --git a/src/guide/__tests__/vitest-guide.test.jsx b/src/guide/__tests__/vitest-guide.test.jsx new file mode 100644 index 0000000000..20bb07e19b --- /dev/null +++ b/src/guide/__tests__/vitest-guide.test.jsx @@ -0,0 +1,472 @@ +/* eslint-disable @typescript-eslint/no-unused-vars */ +/** + * 该文件由脚本自动生成，如需修改请联系 PMC + * This file generated by scripts of tdesign-api. `npm run api:docs Guide VueNext(PC) vitest,finalProject` + * If you need to modify this file, contact PMC first please. + */ +import { mount } from '@vue/test-utils'; +import { vi } from 'vitest'; +import { Guide } from '..'; +import { + getGuideDefaultMount, + getGuideMultipleStepsMount, + getCustomGuideStepMount, + getCustomMultipleGuideStepMount, +} from './mount'; +import { mockDelay } from '@test/utils'; + +describe('Guide Component', () => { + afterEach(() => { + document.querySelector('.t-guide__overlay')?.remove(); + document.querySelector('.t-guide__highlight--popup')?.remove(); + document.querySelector('.t-guide__reference')?.remove(); + document.querySelector('.t-guide__highlight--mask')?.remove(); + document.querySelector('.t-popup')?.remove(); + }); + + it('props.counter works fine', async () => { + getGuideDefaultMount(Guide, { counter: () => TNode }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom).toBeTruthy(); + }); + + it('slots.counter works fine', async () => { + getGuideDefaultMount(Guide, { 'v-slots': { counter: () => TNode } }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom).toBeTruthy(); + }); + + it('props.counter is a function with params', async () => { + const fn = vi.fn(); + getGuideDefaultMount(Guide, { counter: fn }); + await mockDelay(60); + expect(fn).toHaveBeenCalled(); + expect(fn.mock.calls[0][1].total).toBe(1); + expect(fn.mock.calls[0][1].current).toBe(0); + }); + it('slots.counter: a function with params', async () => { + const fn = vi.fn(); + getGuideDefaultMount(Guide, { 'v-slots': { counter: fn } }); + await mockDelay(60); + expect(fn).toHaveBeenCalled(); + expect(fn.mock.calls[0][0].total).toBe(1); + expect(fn.mock.calls[0][0].current).toBe(0); + }); + + it('props.current works fine.', async () => { + getGuideMultipleStepsMount(Guide, { current: 0 }); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom.textContent).toBe('1/3'); + const tGuideTitleDom = document.querySelectorAll('.t-guide__title'); + expect(tGuideTitleDom.length).toBe(1); + const tGuideDescDom = document.querySelectorAll('.t-guide__desc'); + expect(tGuideDescDom.length).toBe(1); + const tGuideActionTGuideSkipDom = document.querySelectorAll('.t-guide__action .t-guide__skip'); + expect(tGuideActionTGuideSkipDom.length).toBe(1); + const tGuideActionTGuidePrevDom = document.querySelector('.t-guide__action .t-guide__prev'); + expect(tGuideActionTGuidePrevDom).toBeFalsy(); + const tGuideActionTGuideNextDom = document.querySelectorAll('.t-guide__action .t-guide__next'); + expect(tGuideActionTGuideNextDom.length).toBe(1); + const tGuideActionTGuideFinishDom = document.querySelector('.t-guide__action .t-guide__finish'); + expect(tGuideActionTGuideFinishDom).toBeFalsy(); + }); + + it('props.current works fine.', async () => { + getGuideMultipleStepsMount(Guide, { current: 1 }); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom.textContent).toBe('2/3'); + const tGuideTitleDom = document.querySelectorAll('.t-guide__title'); + expect(tGuideTitleDom.length).toBe(1); + const tGuideDescDom = document.querySelectorAll('.t-guide__desc'); + expect(tGuideDescDom.length).toBe(1); + const tGuideActionTGuideSkipDom = document.querySelectorAll('.t-guide__action .t-guide__skip'); + expect(tGuideActionTGuideSkipDom.length).toBe(1); + const tGuideActionTGuidePrevDom = document.querySelectorAll('.t-guide__action .t-guide__prev'); + expect(tGuideActionTGuidePrevDom.length).toBe(1); + const tGuideActionTGuideNextDom = document.querySelectorAll('.t-guide__action .t-guide__next'); + expect(tGuideActionTGuideNextDom.length).toBe(1); + const tGuideActionTGuideFinishDom = document.querySelector('.t-guide__action .t-guide__finish'); + expect(tGuideActionTGuideFinishDom).toBeFalsy(); + }); + + it('props.current works fine.', async () => { + getGuideMultipleStepsMount(Guide, { current: 2 }); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom.textContent).toBe('3/3'); + const tGuideTitleDom = document.querySelectorAll('.t-guide__title'); + expect(tGuideTitleDom.length).toBe(1); + const tGuideDescDom = document.querySelectorAll('.t-guide__desc'); + expect(tGuideDescDom.length).toBe(1); + const tGuideActionTGuideSkipDom = document.querySelector('.t-guide__action .t-guide__skip'); + expect(tGuideActionTGuideSkipDom).toBeFalsy(); + const tGuideActionTGuidePrevDom = document.querySelectorAll('.t-guide__action .t-guide__prev'); + expect(tGuideActionTGuidePrevDom.length).toBe(1); + const tGuideActionTGuideNextDom = document.querySelector('.t-guide__action .t-guide__next'); + expect(tGuideActionTGuideNextDom).toBeFalsy(); + const tGuideActionTGuideFinishDom = document.querySelectorAll('.t-guide__action .t-guide__finish'); + expect(tGuideActionTGuideFinishDom.length).toBe(1); + }); + + it('props.current works fine. `{"document.t-guide__counter":false}` should exist', async () => { + getGuideMultipleStepsMount(Guide, { current: -1 }); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom).toBeFalsy(); + }); + + it(`props.finishButtonProps is equal to {theme: 'warning'}`, async () => { + getGuideMultipleStepsMount(Guide, { current: 2, finishButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__finish'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it('props.hideCounter works fine. `{"document.t-guide__counter":false}` should exist', async () => { + getGuideDefaultMount(Guide, { hideCounter: true }); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom).toBeFalsy(); + }); + + it('props.hidePrev works fine. `{"document.t-guide__action .t-guide__prev":false}` should exist', async () => { + getGuideMultipleStepsMount(Guide, { current: 1, hidePrev: true }); + await mockDelay(60); + const tGuideActionTGuidePrevDom = document.querySelector('.t-guide__action .t-guide__prev'); + expect(tGuideActionTGuidePrevDom).toBeFalsy(); + }); + + it('props.hideSkip works fine. `{"document.t-guide__action .t-guide__skip":false}` should exist', async () => { + getGuideMultipleStepsMount(Guide, { current: 1, hideSkip: true }); + await mockDelay(60); + const tGuideActionTGuideSkipDom = document.querySelector('.t-guide__action .t-guide__skip'); + expect(tGuideActionTGuideSkipDom).toBeFalsy(); + }); + + it(`props.highlightPadding is equal to 32`, async () => { + getGuideDefaultMount(Guide, { highlightPadding: 32 }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__highlight--mask'); + expect(domWrapper.style.width).toBe('64px'); + expect(domWrapper.style.height).toBe('64px'); + expect(domWrapper.style.top).toBe('-32px'); + expect(domWrapper.style.left).toBe('-32px'); + const domWrapper1 = document.querySelector('.t-guide__reference'); + expect(domWrapper1.style.width).toBe('64px'); + expect(domWrapper1.style.height).toBe('64px'); + expect(domWrapper1.style.top).toBe('-32px'); + expect(domWrapper1.style.left).toBe('-32px'); + }); + + it(`props.nextButtonProps is equal to {theme: 'warning'}`, async () => { + getGuideMultipleStepsMount(Guide, { current: 1, nextButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__next'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it(`props.prevButtonProps is equal to {theme: 'warning'}`, async () => { + getGuideMultipleStepsMount(Guide, { current: 2, prevButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__prev'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it('props.showOverlay works fine. `{"document.t-guide__highlight--mask":1}` should exist', async () => { + getGuideDefaultMount(Guide, { showOverlay: true }); + await mockDelay(60); + const tGuideHighlightMaskDom = document.querySelectorAll('.t-guide__highlight--mask'); + expect(tGuideHighlightMaskDom.length).toBe(1); + }); + + it('props.showOverlay works fine. `{"document.t-guide__highlight--mask":false}` should exist', async () => { + getGuideDefaultMount(Guide, { showOverlay: false }); + await mockDelay(60); + const tGuideHighlightMaskDom = document.querySelector('.t-guide__highlight--mask'); + expect(tGuideHighlightMaskDom).toBeFalsy(); + }); + + it(`props.skipButtonProps is equal to {theme: 'warning'}`, async () => { + getGuideMultipleStepsMount(Guide, { current: 0, skipButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__skip'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it('props.steps works fine.', async () => { + getGuideDefaultMount(Guide); + await mockDelay(60); + const tGuideCounterDom = document.querySelector('.t-guide__counter'); + expect(tGuideCounterDom.textContent).toBe('1/1'); + const tGuideTitleDom = document.querySelectorAll('.t-guide__title'); + expect(tGuideTitleDom.length).toBe(1); + const tGuideDescDom = document.querySelectorAll('.t-guide__desc'); + expect(tGuideDescDom.length).toBe(1); + const tGuideActionTGuideSkipDom = document.querySelector('.t-guide__action .t-guide__skip'); + expect(tGuideActionTGuideSkipDom).toBeFalsy(); + const tGuideActionTGuidePrevDom = document.querySelector('.t-guide__action .t-guide__prev'); + expect(tGuideActionTGuidePrevDom).toBeFalsy(); + const tGuideActionTGuideNextDom = document.querySelector('.t-guide__action .t-guide__next'); + expect(tGuideActionTGuideNextDom).toBeFalsy(); + const tGuideActionTGuideFinishDom = document.querySelectorAll('.t-guide__action .t-guide__finish'); + expect(tGuideActionTGuideFinishDom.length).toBe(1); + }); + + it(`props.zIndex is equal to 5000`, async () => { + getGuideDefaultMount(Guide, { zIndex: 5000 }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__overlay'); + expect(domWrapper.style.zIndex).toBe('4998'); + const domWrapper1 = document.querySelector('.t-guide__highlight--mask'); + expect(domWrapper1.style.zIndex).toBe('4999'); + }); + + it('events.change works fine', async () => { + const onChangeFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 0 }, { onChange: onChangeFn }); + await mockDelay(60); + document.querySelector('.t-guide__next').click(); + await wrapper.vm.$nextTick(); + expect(onChangeFn).toHaveBeenCalled(); + expect(onChangeFn.mock.calls[0][0]).toBe(1); + expect(onChangeFn.mock.calls[0][1].e.type).toBe('click'); + expect(onChangeFn.mock.calls[0][1].total).toBe(3); + }); + + it('events.change works fine', async () => { + const onChangeFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 1 }, { onChange: onChangeFn }); + await mockDelay(60); + document.querySelector('.t-guide__prev').click(); + await wrapper.vm.$nextTick(); + expect(onChangeFn).toHaveBeenCalled(); + expect(onChangeFn.mock.calls[0][0]).toBe(0); + expect(onChangeFn.mock.calls[0][1].e.type).toBe('click'); + expect(onChangeFn.mock.calls[0][1].total).toBe(3); + }); + + it('events.finish works fine', async () => { + const onFinishFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 2 }, { onFinish: onFinishFn }); + await mockDelay(60); + document.querySelector('.t-guide__finish').click(); + await wrapper.vm.$nextTick(); + expect(onFinishFn).toHaveBeenCalled(); + expect(onFinishFn.mock.calls[0][0].current).toBe(2); + expect(onFinishFn.mock.calls[0][0].e.type).toBe('click'); + expect(onFinishFn.mock.calls[0][0].total).toBe(3); + }); + + it('events.nextStepClick works fine', async () => { + const onNextStepClickFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 1 }, { onNextStepClick: onNextStepClickFn }); + await mockDelay(60); + document.querySelector('.t-guide__next').click(); + await wrapper.vm.$nextTick(); + expect(onNextStepClickFn).toHaveBeenCalled(); + expect(onNextStepClickFn.mock.calls[0][0].current).toBe(1); + expect(onNextStepClickFn.mock.calls[0][0].next).toBe(2); + expect(onNextStepClickFn.mock.calls[0][0].e.type).toBe('click'); + expect(onNextStepClickFn.mock.calls[0][0].total).toBe(3); + }); + + it('events.prevStepClick works fine', async () => { + const onPrevStepClickFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 1 }, { onPrevStepClick: onPrevStepClickFn }); + await mockDelay(60); + document.querySelector('.t-guide__prev').click(); + await wrapper.vm.$nextTick(); + expect(onPrevStepClickFn).toHaveBeenCalled(); + expect(onPrevStepClickFn.mock.calls[0][0].current).toBe(1); + expect(onPrevStepClickFn.mock.calls[0][0].prev).toBe(0); + expect(onPrevStepClickFn.mock.calls[0][0].e.type).toBe('click'); + expect(onPrevStepClickFn.mock.calls[0][0].total).toBe(3); + }); + + it('events.skip works fine', async () => { + const onSkipFn = vi.fn(); + const wrapper = getGuideMultipleStepsMount(Guide, { current: 0 }, { onSkip: onSkipFn }); + await mockDelay(60); + document.querySelector('.t-guide__skip').click(); + await wrapper.vm.$nextTick(); + expect(onSkipFn).toHaveBeenCalled(); + expect(onSkipFn.mock.calls[0][0].current).toBe(0); + expect(onSkipFn.mock.calls[0][0].e.type).toBe('click'); + expect(onSkipFn.mock.calls[0][0].total).toBe(3); + }); +}); + +describe('Guide Component', () => { + afterEach(() => { + document.querySelector('.t-guide__overlay')?.remove(); + document.querySelector('.t-guide__highlight--popup')?.remove(); + document.querySelector('.t-guide__reference')?.remove(); + document.querySelector('.t-guide__highlight--mask')?.remove(); + document.querySelector('.t-popup')?.remove(); + }); + + it('GuideStep.body works fine', async () => { + getCustomGuideStepMount(Guide, { body: () => TNode }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('slots.body works fine', async () => { + getCustomGuideStepMount(Guide, { 'v-slots': { body: () => TNode } }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('GuideStep.content works fine', async () => { + getCustomGuideStepMount(Guide, { content: () => TNode }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('slots.content works fine', async () => { + getCustomGuideStepMount(Guide, { 'v-slots': { content: () => TNode } }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('GuideStep.highlightContent works fine', async () => { + getCustomGuideStepMount(Guide, { highlightContent: () => TNode }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('slots.highlightContent works fine', async () => { + getCustomGuideStepMount(Guide, { 'v-slots': { highlightContent: () => TNode } }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + it('slots.highlight-content works fine', async () => { + getCustomGuideStepMount(Guide, { + 'v-slots': { 'highlight-content': () => TNode }, + }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it(`GuideStep.highlightPadding is equal to 32`, async () => { + getCustomGuideStepMount(Guide, { highlightPadding: 32 }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__highlight--mask'); + expect(domWrapper.style.width).toBe('64px'); + expect(domWrapper.style.height).toBe('64px'); + expect(domWrapper.style.top).toBe('-32px'); + expect(domWrapper.style.left).toBe('-32px'); + const domWrapper1 = document.querySelector('.t-guide__reference'); + expect(domWrapper1.style.width).toBe('64px'); + expect(domWrapper1.style.height).toBe('64px'); + expect(domWrapper1.style.top).toBe('-32px'); + expect(domWrapper1.style.left).toBe('-32px'); + }); + + const modeExpectedDom = ['.t-popup', '.t-guide__dialog']; + ['popup', 'dialog'].forEach((item, index) => { + it(`GuideStep.mode is equal to ${item}`, async () => { + const wrapper = getCustomGuideStepMount(Guide, { mode: item }); + await mockDelay(60); + const modeExpectedDomIndexDom = document.querySelector(modeExpectedDom[index]); + expect(modeExpectedDomIndexDom).toBeTruthy(); + expect(wrapper.element).toMatchSnapshot(); + }); + }); + + it(`GuideStep.nextButtonProps is equal to {theme: 'warning'}`, async () => { + getCustomMultipleGuideStepMount(Guide, { current: 1, nextButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__next'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it(`GuideStep.placement is equal to bottom-left`, async () => { + getCustomGuideStepMount(Guide, { placement: 'bottom-left' }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-popup'); + expect(domWrapper.getAttribute('data-popper-placement')).toBe('bottom-start'); + expect(document.body).toMatchSnapshot(); + }); + + it(`GuideStep.popupProps is equal to {placement: 'top-left'}`, async () => { + getCustomGuideStepMount(Guide, { popupProps: { placement: 'top-left' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-popup'); + expect(domWrapper.getAttribute('data-popper-placement')).toBe('top-start'); + }); + + it(`GuideStep.prevButtonProps is equal to {theme: 'warning'}`, async () => { + getCustomMultipleGuideStepMount(Guide, { current: 2, prevButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__prev'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it('props.showOverlay: .t-guide__highlight--mask should exit if showOverlay=true', async () => { + getCustomMultipleGuideStepMount(Guide, { showOverlay: true }); + await mockDelay(60); + const tGuideHighlightMaskDom = document.querySelectorAll('.t-guide__highlight--mask'); + expect(tGuideHighlightMaskDom.length).toBe(1); + }); + + it('props.showOverlay: .t-guide__highlight--mask should not exit if showOverlay=false', async () => { + getCustomMultipleGuideStepMount(Guide, { showOverlay: false }); + await mockDelay(60); + const tGuideHighlightMaskDom = document.querySelector('.t-guide__highlight--mask'); + expect(tGuideHighlightMaskDom).toBeFalsy(); + }); + + it(`GuideStep.skipButtonProps is equal to {theme: 'warning'}`, async () => { + getCustomMultipleGuideStepMount(Guide, { current: 1, skipButtonProps: { theme: 'warning' } }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-guide__skip'); + expect(domWrapper.classList.contains('t-button--theme-warning')).toBeTruthy(); + }); + + it(`GuideStep.stepOverlayClass is equal to t-test-guide-step-overlay`, async () => { + getCustomGuideStepMount(Guide, { stepOverlayClass: 't-test-guide-step-overlay' }); + await mockDelay(60); + const domWrapper = document.querySelector('.t-popup'); + expect(domWrapper.classList.contains('t-test-guide-step-overlay')).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('GuideStep.title works fine', async () => { + getCustomGuideStepMount(Guide, { title: () => TNode }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); + + it('slots.title works fine', async () => { + getCustomGuideStepMount(Guide, { 'v-slots': { title: () => TNode } }); + await mockDelay(60); + const customNodeDom = document.querySelector('.custom-node'); + expect(customNodeDom).toBeTruthy(); + expect(document.body).toMatchSnapshot(); + }); +}); diff --git a/src/guide/_example/base.vue b/src/guide/_example/base.vue index 1c4ae7f6fc..8341a97118 100644 --- a/src/guide/_example/base.vue +++ b/src/guide/_example/base.vue @@ -37,7 +37,7 @@ -