blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(FloatingPanel): remove passive event warning (#11992)

Browse Source
This commit is contained in:
neverland 2023-06-17 21:25:50 +08:00 committed by GitHub
parent 4672910b58
commit 235cfa1b56
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/vant/src/floating-panel/FloatingPanel.tsx
View File

@ -16,7 +16,7 @@ import {
} from '../utils';
// Composables
import { useWindowSize } from '@vant/use';
import { useWindowSize, useEventListener } from '@vant/use';
import { useLockScroll } from '../composables/use-lock-scroll';
import { useTouch } from '../composables/use-touch';
import { useSyncPropRef } from '../composables/use-sync-prop-ref';
@ -142,13 +142,15 @@ export default defineComponent({
useLockScroll(rootRef, () => true);
// useEventListener will set passive to `false` to eliminate the warning of Chrome
useEventListener('touchmove', onTouchmove, { target: rootRef });
return () => (
<div
class={[bem(), { 'van-safe-area-bottom': props.safeAreaInsetBottom }]}
ref={rootRef}
style={rootStyle.value}
onTouchstartPassive={onTouchstart}
onTouchmove={onTouchmove}
onTouchend={onTouchend}
onTouchcancel={onTouchend}
>

2
packages/vant/src/floating-panel/README.md
View File

@ -44,7 +44,7 @@ For example, you can make the panel stop at three positions: `100px`, 40% of the
```html
<van-floating-panel v-model:height="height" :anchors="anchors">
<div style="text-align: center; padding: 15px">
<p>Panel Show Height {{ height }} px</p>
<p>Panel Show Height {{ height.toFixed(0) }} px</p>
</div>
</van-floating-panel>
```

2
packages/vant/src/floating-panel/README.zh-CN.md
View File

@ -44,7 +44,7 @@ FloatingPanel 的默认高度为 `100px`，用户可以拖动来展开面板，
```html
<van-floating-panel v-model:height="height" :anchors="anchors">
<div style="text-align: center; padding: 15px">
<p>面板显示高度 {{ height }} px</p>
<p>面板显示高度 {{ height.toFixed(0) }} px</p>
</div>
</van-floating-panel>
```

2
packages/vant/src/floating-panel/demo/index.vue
View File

@ -52,7 +52,7 @@ const height = ref(anchors[0]);
<van-tab :title="t('customAnchors')">
<van-floating-panel v-model:height="height" :anchors="anchors">
<div style="text-align: center; padding: 15px">
<p>{{ t('panelShowHeight') }} {{ height }} px</p>
<p>{{ t('panelShowHeight') }} {{ height.toFixed(0) }} px</p>
</div>
</van-floating-panel>
</van-tab>