@forzoom/touch
touch component
Last updated 3 years ago by forzoom .
MIT · Original npm · Tarball · package.json
$ cnpm install @forzoom/touch 
SYNC missed versions from official npm registry.

[TOC]

示例

import Touch from '@forzoom/touch'; Vue.component('Touch', Touch);

功能模块

TouchHub

负责处理touch事件,并且判断当前应该触发何种事件

API
onTouchDown(cb)
  • 功能: 注册touch-down事件回调
  • 参数:
    • {Function} cb
onTouchUp(cb)
  • 功能: 注册touch-up事件回调
  • 参数:
    • {Function} cb
onTouchMove(cb)
  • 功能: 注册touch-move事件回调
  • 参数:
    • {Function} cb
onTouchSlide(cb)
  • 功能: 注册touch-slide事件回调
  • 参数:
    • {Function} cb
onTouchFling(cb)
  • 功能: 注册touch-fling事件回调
  • 参数:
    • {Function} cb
work(active)
  • since: 0.0.6
  • 功能: 启动或停止TouchHub
  • 参数:
    • {Boolean} active

组件

Touch

Touch是vue组件

Props
名称 说明 默认 版本
coordinate 主要检测轴向 'x'/'y' 'x' since 0.0.8
事件
名称 说明 参数
touch-down 点击按下 {startPos, currentPos}
touch-up 点击抬起 {startPos, currentPos}
touch-move 每次滑动 {x, y}
touch-slide 总体滑动 {startPos, currentPos}
touch-fling 总体快速滑动 {startPos, currentPos, speed}

Roadmap

  1. 尝试Karma

Changelog

0.0.6

  1. touch-hub添加work函数
  2. speed支持对于x,y两个轴
  3. 添加flow对于touch-hub进行简单的类型检查

0.0.7

  1. 使用mousedown/mousemove/mouseup三个事件实现当不支持touch事件时候的fallback

0.0.8

  1. 添加对于y轴的支持,允许在touch组件中使用prop: coordinate进行切换,主要处理slide和fling相关的逻辑

0.0.9

  1. 修复Object.assign的错误

0.0.10

  1. 完善preventDefault的控制逻辑

0.0.11

  1. move事件中添加startMoveCoordinate和moveCoordinate数据

BreakChange

0.0.6

  1. onTouchFling参数由(startPos, currentPos, speed)改为(startPos, currentPos, speedX, speedY)

0.0.7

  1. touch-hub 由 export default class TouchHub 改为 export const supportTouchEvent 和 export class TouchHub

0.0.8

  1. 添加y轴支持

Current Tags

  • 0.0.11                                ...           latest (3 years ago)

9 Versions

  • 0.0.11                                ...           3 years ago
  • 0.0.10                                ...           3 years ago
  • 0.0.9                                ...           3 years ago
  • 0.0.8                                ...           3 years ago
  • 0.0.7                                ...           3 years ago
  • 0.0.6                                ...           3 years ago
  • 0.0.5                                ...           3 years ago
  • 0.0.3                                ...           3 years ago
  • 0.0.1                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 5
Dependencies (0)
None
Dev Dependencies (12)

Copyright 2014 - 2016 © taobao.org |