alitajs / gesture-password

gesture password(手势密码)

Gesture Password (手势密码)

The gesture password repo contains three packages: @alitajs/gesture-password (native version), @alitajs/gesture-password-react (react version), and @alitajs/gesture-password-vue (vue version). You can install the corresponding version as required

✨ 特性

• 💻 使用 TypeScript 编写，提供完善的类型定义
• 🚀 小巧，不到 10K 大小，Gzip 压缩后不到 3K
• 📦 提供cjs、es、umd三种格式
• 🎉 提供Vue、React组件包

🏗 安装

# 原生
yarn add @alitajs/gesture-password

# react
yarn add @alitajs/gesture-password-react

# vue
yarn add @alitajs/gesture-password-vue

📝 文档

https://gesture-password.now.sh

👀 Demo

examples

🌟 社区互助

Github Issue	钉钉群	微信群
issues

gesture-password's Issues

添加Demo示例

需求如题

文档用father-doc重构，并提供示例

• father-doc replace vuepress songxuecc

React 组件 使用hook的时候无法获得最新的值

const [a,setA] = useState(1);

<GesturePassword onChange={()=>{console.log(a);setA(2)}}/>

a 一直是 1

多包发布的时候出错

lerna WARN lifecycle Skipping root "publish" because it has already been called
lerna WARN lifecycle Skipping root "postpublish" because it has already been called
lerna http fetch PUT 200 https://registry.npmjs.org/@alitajs%2fgesture-password-vue 3323ms
Successfully published:
 - @alitajs/[email protected]
 - @alitajs/[email protected]
 - @alitajs/[email protected]
lerna success published 3 packages
✨  Done in 37.42s.

三个包提示成功，实际上只有 gesture-password-vue 一个包发布成功了。
由于项目紧急，所以手动改了版本号发布

gesture-password-vue打包优化

能否把vue-runtime-helpers/dist/normalize-component.mjs打包进去

Touch events on non native touch devices

Hi,
I have desktop monitor with additional touch capabilities. I use your plugin gesture-password-vue to develop touch UI.
This condition is false in my environment:
if ('ontouchstart' in document.documentElement)
and plugin doesn't work correctly...

But my OS API can handle touch events... Can you please remove this condition and always fire up all types of events: touch and mouse. Something like:
// touch
this.el.addEventListener('touchstart', touchstartFun, false);
this.el.addEventListener('touchmove', touchmoveFun, false);
this.el.addEventListener('touchend', touchendFun, false);
// mouse
this.el.addEventListener('mousedown', touchstartFun, false);
this.el.addEventListener('mousemove', touchmoveFun, false);
this.el.addEventListener('mouseup', touchendFun, false);

Thank you in advance!

gesture-password发包存在问题

修复gesture-password-vue全局注册名字和文档中名字不一致情况

执行打包错误

$ yarn build
yarn run v1.9.4
$ father build
Clean dist directory
Build cjs with rollup
✖  error     SyntaxError: /Users/xiaohuoni/react-gesture-password/src/GesturePassword.ts: Unexpected token (1:17) 

> 1 | export interface GesturePasswordProps {
    |                  ^
  2 |     id?: string;
  3 |     el?: HTMLElement;
  4 |     context?: CanvasRenderingContext2D;
    at Object.raise (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:6930:17)
    at Object.unexpected (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:8323:16)
    at Object.parseExportFrom (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:11819:14)
    at Object.parseExport (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:11681:12)
    at Object.parseStatementContent (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:10715:27)
    at Object.parseStatement (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:10611:17)
    at Object.parseBlockOrModuleBlockBody (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:11187:25)
    at Object.parseBlockBody (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:11174:10)
    at Object.parseTopLevel (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:10542:10)
    at Object.parse (/Users/xiaohuoni/react-gesture-password/node_modules/@babel/parser/lib/index.js:12051:10)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

father doc dev 和 father doc build 都能正常运行。

给个类似功能的项目

http://ignitersworld.com/lab/patternLock.html