blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Signature): should prevent page move when signing (#11796)

Browse Source
This commit is contained in:
neverland 2023-05-01 16:34:17 +08:00 committed by GitHub
parent 5374a2f317
commit 77c1d589ca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/vant/src/signature/Signature.tsx
View File

@ -10,6 +10,7 @@ import {
makeNumberProp, makeNumberProp,
makeStringProp, makeStringProp,
createNamespace, createNamespace,
preventDefault,
} from '../utils'; } from '../utils';
import { Button } from '../button'; import { Button } from '../button';
@ -54,6 +55,8 @@ export default defineComponent({
return false; return false;
} }
preventDefault(event);
const evt = event.changedTouches const evt = event.changedTouches
? event.changedTouches[0] ? event.changedTouches[0]
: event.targetTouches[0]; : event.targetTouches[0];
@ -74,8 +77,8 @@ export default defineComponent({
state.ctx?.stroke(); state.ctx?.stroke();
}; };
const touchEnd = (event: { preventDefault: () => void }) => { const touchEnd = (event: TouchEvent) => {
event.preventDefault(); preventDefault(event);
emit('end'); emit('end');
}; };
@ -83,10 +86,11 @@ export default defineComponent({
if (!state.ctx) { if (!state.ctx) {
return false; return false;
} }
emit('start');
state.ctx.beginPath(); state.ctx.beginPath();
state.ctx.lineWidth = props.lineWidth; state.ctx.lineWidth = props.lineWidth;
state.ctx.strokeStyle = props.penColor; state.ctx.strokeStyle = props.penColor;
emit('start');
}; };
const isCanvasEmpty = (canvas: HTMLCanvasElement) => { const isCanvasEmpty = (canvas: HTMLCanvasElement) => {
@ -141,7 +145,7 @@ export default defineComponent({
width={state.width} width={state.width}
height={state.height} height={state.height}
onTouchstartPassive={touchStart} onTouchstartPassive={touchStart}
onTouchmovePassive={touchMove} onTouchmove={touchMove}
onTouchend={touchEnd} onTouchend={touchEnd}
/> />
) : ( ) : (