Skip to content

拖拽辅助线 和 吸附功能库

License

1degrees/use-guideline

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@use-guideline/vue3 手势库工具库

本工程是借鉴 @use-gesture 库,基于vue3 Component API 实现的手势库工具库

npm (tag) npm bundle size NPM Discord Shield

@use-guideline/vue3 是一个可将更丰富的鼠标和触摸事件绑定到任意组件或视图的库。借助你接收到的数据,设置手势变得十分简单,通常只需几行代码即可完成。

你可以单独使用该库,但要充分发挥其功能,建议将它与文档中提供的useSpring代码片段动画库 或者 vue-use-spring 这类动画库结合使用,不过你也完全可以搭配其他任意动画库。

Demo文档地址 Demo文档地址(备用)

项目结构

本项目采用 monorepo 架构,包含以下几个子项目:

  • packages/core:核心库,实现手势识别和事件处理
  • packages/vue3:vue3 手势库工具库,基于 @use-guideline/core 实现
  • examples/vue:vue3 手势库 demo 项目,展示如何使用 @use-guideline/vue3
  • examples/doc:vue3 手势库 文档说明, 主要介绍如何使用以及API文档

快速开始

安装依赖:

npm install

启动Demo项目:

npm run dev

编译Demo项目:

npm run build

启动文档项目:

npm run doc:dev

编译文档项目:

npm run doc:build

编译核心工具库:

npm run build:lib

About

拖拽辅助线 和 吸附功能库

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published