Skip to content

feat(tour): add tour component with documentation and tests - #2021

Open
fonghehe wants to merge 1 commit into
varletjs:devfrom
fonghehe:feat/tour
Open

fonghehe wants to merge 1 commit into
varletjs:devfrom
fonghehe:feat/tour

Conversation

@fonghehe

Copy link
Copy Markdown
Member

Checklist

  • Fix linting errors
  • Tests have been added / updated (29 tests passing)

Change information

Add a Tour component for guiding users through application features, following Varlet's existing styles and theme variables.

  • Support step navigation, target highlighting, configurable placement, and automatic scrolling to targets.
  • Support controlled visibility and current step, custom content slots, and navigation methods.
  • Handle missing targets, nested scroll containers, viewport resizing, and KeepAlive.
  • Include keyboard dismissal, focus management, and configurable target interaction.
  • Add locale messages, TypeScript declarations, Chinese and English documentation, examples, and VS Code extension integration.

Tests cover navigation, positioning, accessibility, lifecycle cleanup, and server-side rendering. Formatting and lint checks pass.

Issues

None.

Related Links

None.

@vercel

vercel Bot commented Oct 10, 2026

Copy link
Copy Markdown

@fonghehe is attempting to deploy a commit to the varletjs Team on Vercel.

A member of the Team first needs to authorize it.

@pkg-pr-new

pkg-pr-new Bot commented Oct 10, 2026

Copy link
Copy Markdown

Open in StackBlitz

@varlet/cli

npm i https://pkg.pr.new/@varlet/cli@2021

@varlet/icons

npm i https://pkg.pr.new/@varlet/icons@2021

@varlet/import-resolver

npm i https://pkg.pr.new/@varlet/import-resolver@2021

@varlet/preset-tailwindcss

npm i https://pkg.pr.new/@varlet/preset-tailwindcss@2021

@varlet/preset-unocss

npm i https://pkg.pr.new/@varlet/preset-unocss@2021

@varlet/shared

npm i https://pkg.pr.new/@varlet/shared@2021

@varlet/touch-emulator

npm i https://pkg.pr.new/@varlet/touch-emulator@2021

@varlet/ui

npm i https://pkg.pr.new/@varlet/ui@2021

@varlet/use

npm i https://pkg.pr.new/@varlet/use@2021

@varlet/vite-plugins

npm i https://pkg.pr.new/@varlet/vite-plugins@2021

commit: ff62aa9

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant