scout666/chat-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化使用体验，包括触摸事件、数据加载等

Browse Source
This commit is contained in:
wangyifeng 2025-06-26 11:20:11 +08:00
parent d816e9a244
commit 82d5642376
43 changed files with 277 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/deep-bubble/deep-bubble.vue
View File

@ -3,8 +3,8 @@
<view
:id="popoverBoxId"
class="popover-box"
@touchend="onTouchend"
@touchstart="onTouchstart"
v-passive-end="onTouchend"
v-passive-touch="onTouchstart"
>
<slot></slot>
</view>
@ -75,7 +75,7 @@
</view>
<view
v-show="data.popoverShow"
@touchstart="close"
v-passive-touch="close"
@click="close"
class="popover-bg"
></view>

8
src/components/x-confirm/index.vue
View File

@ -92,8 +92,8 @@ defineExpose({
<tm-button
@click="sendCancel"
:width="319"
@touchstart="cancel = false"
@touchend="cancel = true"
v-passive-touch="cancel = false"
v-passive-end="cancel = true"
:fontSize="32"
:height="112"
:margin="[0]"
@ -107,8 +107,8 @@ defineExpose({
<div class="flex justify-center items-center text-[#CF3050]">
<tm-button
@click="sendConfirm"
@touchstart="confirm = false"
@touchend="confirm = true"
v-passive-touch="confirm = false"
v-passive-end="confirm = true"
:width="319"
:fontSize="32"
:transprent="confirm"

2
src/connect.js
View File

@ -34,7 +34,7 @@ class Connect {
// 更新 WebSocket 连接状态
useUserStore().updateSocketStatus(true)
// online.value = true;
useTalkStore().loadTalkList()
uni.$emit('socket-refresh-talk-list')
},
// Websocket 断开连接回调方法
onClose: () => {

61
src/main.js
View File

@ -16,8 +16,13 @@ import { vLoading } from '@/components/x-loading/index.js'
import messagePopup from '@/components/x-message/useMessagePopup'
import pageAnimation from '@/components/page-animation/index.vue'
import * as plugins from './plugins'
import { useDialogueStore, useTalkStore, useUserStore, useDialogueListStore } from '@/store'
import {uniStorage} from "@/utils/uniStorage.js"
import {
useDialogueStore,
useTalkStore,
useUserStore,
useDialogueListStore,
} from '@/store'
import { uniStorage } from '@/utils/uniStorage.js'
const { showMessage } = messagePopup()
dayjs.locale('zh-cn')
@ -47,6 +52,51 @@ export function createApp() {
})
},
})
//给touchstart事件添加passive属性
app.directive('passive-touch', {
mounted(el, binding) {
el._passiveTouchHandler = function (e) {
binding.value(e)
}
el.addEventListener('touchstart', el._passiveTouchHandler, {
passive: true,
})
},
unmounted(el) {
el.removeEventListener('touchstart', el._passiveTouchHandler)
delete el._passiveTouchHandler
},
})
// 给touchmove事件添加passive属性
app.directive('passive-move', {
mounted(el, binding) {
el._passiveTouchMoveHandler = function (e) {
binding.value(e)
}
el.addEventListener('touchmove', el._passiveTouchMoveHandler, {
passive: true,
})
},
unmounted(el) {
el.removeEventListener('touchmove', el._passiveTouchMoveHandler)
delete el._passiveTouchMoveHandler
},
})
// 给touchend事件添加passive属性
app.directive('passive-end', {
mounted(el, binding) {
el._passiveTouchEndHandler = function (e) {
binding.value(e)
}
el.addEventListener('touchend', el._passiveTouchEndHandler, {
passive: true,
})
},
unmounted(el) {
el.removeEventListener('touchend', el._passiveTouchEndHandler)
delete el._passiveTouchEndHandler
},
})
//获取当前聊天页面所在页面，并通过当前的receiver_id判断是否要创建本地通知栏消息
window.getCurrentChatRoute = (msg) => {
@ -100,8 +150,8 @@ export function createApp() {
// 新版本-按公司别、好友、群组的通讯录
uni.navigateTo({
url: '/pages/addressBook/index?type=true',
});
};
})
}
//处理OA、墨册强制刷新时，聊天同步强制刷新
window.doLocationRefresh = () => {
@ -126,10 +176,9 @@ export function createApp() {
window.getBaseMulVideo = (videoList) => {
const videos = JSON.parse(decodeURIComponent(videoList))
console.error('=====videos', videos)
if(videos.length > 0){
if (videos.length > 0) {
const videoUri = videos[0]
console.error('=====videoUri', videoUri)
}
}

6
src/pages/dialog/index.vue
View File

@ -61,7 +61,7 @@
</template> -->
<!-- 数据加载状态栏 -->
<div class="dialog-list" @touchstart="handleHidePanel">
<div class="dialog-list" v-passive-touch="handleHidePanel">
<div
class="message-item"
v-for="item in virtualList"
@ -146,8 +146,8 @@
<aside
class="avatar-column"
@click="toUserDetailPage(item)"
@touchstart="() => handleAvatarTouchStart(item)"
@touchend="handleAvatarTouchEnd"
v-passive-touch="() => handleAvatarTouchStart(item)"
v-passive-end="handleAvatarTouchEnd"
>
<!-- <im-avatar
class="pointer"

85
src/pages/index/index.vue
View File

@ -10,7 +10,7 @@
:refresher-fixed-bac-height="80"
refresher-fixed-background="#F9F9FD"
refresher-background="#F9F9FD"
v-model="items"
v-model="talkListItems"
@query="queryList"
:loading-more-enabled="false"
:refresher-end-bounce-enabled="false"
@ -18,6 +18,7 @@
:empty-view-show="isEmptyViewShow"
@refresherRefresh="onRefresh"
:show-scrollbar="false"
:auto-clean-list-when-reload="false"
>
<template #top>
<div>
@ -65,9 +66,7 @@
mode="scaleToFill"
/>
<template v-slot:label>
<div
class="w-full px-[14rpx]"
>
<div class="w-full px-[14rpx]">
<div
@click="creatGroupChat"
class="flex items-center pl-[22rpx] py-[32rpx]"
@ -139,7 +138,7 @@
</div>
<div class="contentRoot">
<chatItem
v-for="(item, index) in items"
v-for="(item, index) in talkListItems"
:key="item.index_name"
:index="index"
:data="item"
@ -152,7 +151,7 @@
</template>
<script setup>
import customInput from '@/components/custom-input/custom-input.vue'
import { ref, watch, computed } from 'vue'
import { ref, watch, computed, onMounted, onUnmounted } from 'vue'
import { onShow, onLoad } from '@dcloudio/uni-app'
import { useChatList } from '@/store/chatList/index.js'
import { useAuth } from '@/store/auth'
@ -176,23 +175,34 @@ const dialogueParams = reactive({
const { userInfo } = useAuth()
const topItems = computed(() => talkStore.topItems)
const items = computed(() => {
// if (searchKeyword.value.length === 0) {
console.log(talkStore.talkItems)
const talkListItems = ref(talkStore?.talkItems || [])
watch(
() => talkStore.talkItems,
(newVal) => {
talkListItems.value = newVal
},
{
deep: true,
immediate: true,
},
)
// computed(() => {
// // if (searchKeyword.value.length === 0) {
// // console.log(talkStore.talkItems)
return talkStore.talkItems
// }
// return talkStore.talkItems
// // }
// return talkStore.talkItems.filter((item) => {
// let keyword = item.remark || item.name
// // return talkStore.talkItems.filter((item) => {
// // let keyword = item.remark || item.name
// return keyword.toLowerCase().indexOf(searchKeyword.value.toLowerCase()) != -1
// })
})
// // return keyword.toLowerCase().indexOf(searchKeyword.value.toLowerCase()) != -1
// // })
// })
const queryList = (pageNo, pageSize) => {
// paging.value.complete(res.data.list);
console.log(talkStore)
// console.log(talkStore)
talkStore
.loadTalkList()
.then(() => {
@ -263,28 +273,43 @@ const toAddressBookPage = () => {
{ deep: true, immediate: true }
); */
onMounted(() => {
uni.$on('socket-refresh-talk-list', () => {
if (paging.value) {
paging.value.reload() // 只触发ZPaging刷新，不直接请求
}
})
})
onUnmounted(() => {
uni.$off('socket-refresh-talk-list')
})
onShow(() => {
handleSetWebviewStyle(true)
// 页面显示时重新加载数据
talkStore
.loadTalkList()
.then(() => {
// 如果paging已经初始化，则刷新列表
if (paging.value) {
paging.value.reload()
}
})
.catch((error) => {
console.error('页面显示时数据加载失败', error)
})
if (paging.value) {
paging.value.reload()
}
// talkStore
// .loadTalkList()
// .then(() => {
// // 如果paging已经初始化，则刷新列表
// if (paging.value) {
// paging.value.reload()
// }
// })
// .catch((error) => {
// console.error('页面显示时数据加载失败', error)
// })
})
onLoad((options) => {
console.log(options)
if (options?.openSessionIndexName) {
if (items?.value?.length > 0) {
items.value.forEach((openSession) => {
if (talkListItems?.value?.length > 0) {
talkListItems.value.forEach((openSession) => {
if (openSession.index_name === options?.openSessionIndexName) {
setTimeout(() => {
dialogueStore.setDialogue(openSession)

6
src/uni_modules/all-speech/components/all-speech/all-speech.vue
View File

@ -7,9 +7,9 @@
<view
class="record-btn"
@longpress="startRecord"
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="endRecord"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="endRecord"
hover-class="record-btn-hover"
hover-start-time="200"
hover-stay-time="150"

6
src/uni_modules/tmui/components/tm-adsorb/tm-adsorb.vue
View File

@ -1,14 +1,14 @@
<template>
<!-- #ifdef MP -->
<view @touchstart="touch.startDrag" @touchmove.stop="touch.onDrag" @touchend="touch.endDrag" :data-prop="towxsShareData">
<view v-passive-touch="touch.startDrag" v-passive-move.stop="touch.onDrag" v-passive-end="touch.endDrag" :data-prop="towxsShareData">
<!-- #endif -->
<!-- #ifdef H5||APP-VUE -->
<view @touchstart="touch.startDrag" @touchmove="touch.onDrag" @touchend="touch.endDrag" :data-prop="towxsShareData">
<view v-passive-touch="touch.startDrag" v-passive-move="touch.onDrag" v-passive-end="touch.endDrag" :data-prop="towxsShareData">
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<view >
<!-- #endif -->
<view @touchstart="touchstart" :style="{ left: _offset[0] + 'rpx', top: _offset[1] + 'rpx' }" class="div" id="adsorb" ref="adsorb">
<view v-passive-touch="touchstart" :style="{ left: _offset[0] + 'rpx', top: _offset[1] + 'rpx' }" class="div" id="adsorb" ref="adsorb">
<view
:eventPenetrationEnabled="true"
:style="{

6
src/uni_modules/tmui/components/tm-button/tm-button.vue
View File

@ -1,11 +1,11 @@
<template>
<button
@click="onclick"
@touchstart="touchstart"
@touchend="touchend"
v-passive-touch="touchstart"
v-passive-end="touchend"
@longpress="emits('longpress', $event)"
@touchcancel="touchcancel"
@touchmove="emits('touchmove', $event)"
v-passive-move="(e: Event) => emits('touchmove', e)"
@getphonenumber="emits('getphonenumber', $event)"
@error="emits('error', $event)"
@opensetting="emits('opensetting', $event)"

18
src/uni_modules/tmui/components/tm-chart/tm-chart.vue
View File

@ -5,9 +5,9 @@
<canvas
@click="emits('click', $event)"
v-if="!isPc"
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="touchEnd"
:id="canvasId"
:canvas-id="canvasId"
class="canvas"
@ -26,9 +26,9 @@
<!-- #ifdef MP-WEIXIN || MP-QQ -->
<canvas
@click="emits('click', $event)"
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="touchEnd"
type="2d"
id="canvasId"
canvas-id="canvasId"
@ -39,9 +39,9 @@
<!-- #ifdef MP-ALIPAY -->
<canvas
@click="emits('click', $event)"
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="touchEnd"
type="2d"
:id="canvasId"
:canvas-id="canvasId"

36
src/uni_modules/tmui/components/tm-color-view/tm-color-view.vue
View File

@ -1,7 +1,7 @@
<template>
<view @touchmove.stop="stopMove" class="flex flex-col flex-col-top-center">
<view v-passive-move.stop="stopMove" class="flex flex-col flex-col-top-center">
<view
@touchmove.stop="stopMove"
v-passive-move.stop="stopMove"
v-if="showCanvas"
class="overflow relative"
ref="webviewWk"
@ -17,9 +17,9 @@
<!-- #endif -->
<!-- #ifdef MP-WEIXIN || MP-ALIPAY || MP-QQ -->
<canvas
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="touchEnd"
class="canvas"
type="2d"
id="canvasId"
@ -28,9 +28,9 @@
<!-- #endif -->
<!-- #ifndef MP-WEIXIN || MP-ALIPAY || MP-QQ || APP-NVUE -->
<canvas
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move="touchMove"
v-passive-end="touchEnd"
class="canvas"
:id="canvasId"
:canvas-id="canvasId"
@ -41,30 +41,30 @@
<view
id="wrapper"
class="absolute l-0 t-0 wrapper item"
@touchstart="colorTouch.startDrag"
@touchmove="colorTouch.onDrag"
@touchend="colorTouch.endDrag"
v-passive-touch="colorTouch.startDrag"
v-passive-move="colorTouch.onDrag"
v-passive-end="colorTouch.endDrag"
@touchcancel="colorTouch.endDrag"
>
<view class="itemwk" @touchend="touchEndWk(0)" @touchmove="touchEndWk(0)"></view>
<view class="itemwk" v-passive-end="touchEndWk(0)" v-passive-move="touchEndWk(0)"></view>
</view>
<view
id="wrapper2"
class="absolute r-0 t-0 wrapper item"
@touchstart="colorTouch.startDrag2"
@touchmove="colorTouch.onDrag2"
@touchend="colorTouch.endDrag2"
v-passive-touch="colorTouch.startDrag2"
v-passive-move="colorTouch.onDrag2"
v-passive-end="colorTouch.endDrag2"
@touchcancel="colorTouch.endDrag2"
>
<view class="itemwk" @touchend="touchEndWk(1)" @touchmove="touchEndWk(1)"></view>
<view class="itemwk" v-passive-end="touchEndWk(1)" v-passive-move="touchEndWk(1)"></view>
</view>
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<view id="wrapper" ref="wrapper" class="absolute l-0 t-0 wrapper item" @touchstart="nvueStartH">
<view id="wrapper" ref="wrapper" class="absolute l-0 t-0 wrapper item" v-passive-touch="nvueStartH">
<view class="itemwk"></view>
</view>
<view id="wrapper2" ref="wrapper2" class="absolute r-0 t-0 wrapper item" @touchstart="nvueStartS">
<view id="wrapper2" ref="wrapper2" class="absolute r-0 t-0 wrapper item" v-passive-touch="nvueStartS">
<view class="itemwk"></view>
</view>
<!-- #endif -->

6
src/uni_modules/tmui/components/tm-cropimg/tm-cropimg.vue
View File

@ -1,9 +1,9 @@
<template>
<view
@longpress=""
@touchstart="touchStart"
@touchmove.stop.prevent="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move.stop.prevent="touchMove"
v-passive-end="touchEnd"
@touchcancel="touchEnd"
@mousedown="touchStart"
@mousemove.stop.prevent="touchMove"

6
src/uni_modules/tmui/components/tm-drag-list/tm-drag-list.vue
View File

@ -39,12 +39,12 @@
</view>
<view
:style="{ height: h - 1 + 'px', width: '100rpx' }"
@touchstart.stop.prevent="m_start($event, index)"
v-passive-touch.stop.prevent="(e: Event) => m_start(e, index)"
@longpress="m_start_longpress(index)"
@mousedown="m_start($event, index)"
@touchmove.stop.prevent="m_move($event, index)"
v-passive-move.stop.prevent="(e: Event) => m_move(e, index)"
@mousemove.stop.prevent="m_move($event, index)"
@touchend="m_end($event, index)"
v-passive-end="(e: Event) => m_end(e, index)"
@mouseup="m_end($event, index)"
class="flex-shrink flex flex-row flex-row-center-center opacity-3"
>

2
src/uni_modules/tmui/components/tm-dropdown/tm-dropdown.vue
View File

@ -3,7 +3,7 @@
<view
v-if="show"
@click.stop="closeDromenu"
@touchmove.stop=""
v-passive-move.stop=""
class="l-0 t-0 fixed zIndex-9"
:style="[
{

6
src/uni_modules/tmui/components/tm-filterMenu/tm-filterMenu.vue
View File

@ -37,7 +37,7 @@
<!-- 背景遮罩,透明背景 -->
<view
@click="close"
@touchmove.stop="stopEvent"
v-passive-move.stop="stopEvent"
class="bg fixed"
:style="{
left: (isNaN(activeIndex) || isButton ? '-10000' : 0) + 'px',
@ -56,7 +56,7 @@
<!-- 动态菜单及内容的背景 -->
<view
@click="close"
@touchmove.stop="stopEvent"
v-passive-move.stop="stopEvent"
:class="[isNaN(activeIndex) ? 'bgAnioff' : 'bgAni']"
class="bgContent fixed"
:style="{
@ -70,7 +70,7 @@
<!-- 动态菜单及内容 -->
<view
@click="close"
@touchmove.stop="stopEvent"
v-passive-move.stop="stopEvent"
class="content fixed"
:style="{
left: (isNaN(activeIndex) || isButton ? '-10000' : (props.fixed?0:el_left)) + 'px',

6
src/uni_modules/tmui/components/tm-indexes/tm-indexes.vue
View File

@ -27,9 +27,9 @@
>
<view
:style="[{ height: `${navright.length * navHeight}rpx`, width: '60rpx' }]"
@touchstart="touchStart"
@touchmove.stop.prevent="touchMove"
@touchend="touchEnd"
v-passive-touch="touchStart"
v-passive-move.stop.prevent="touchMove"
v-passive-end="touchEnd"
id="navlist"
ref="navlist"
class="flex flex-col flex-center"

2
src/uni_modules/tmui/components/tm-overlay/tm-overlay.vue
View File

@ -7,7 +7,7 @@
<!-- #endif -->
<view
@touchmove.prevent=""
v-passive-move.prevent=""
v-if="showMask"
class="l-0 t-0"
:style="[

6
src/uni_modules/tmui/components/tm-scrolly/scrolly-vue.vue
View File

@ -2,9 +2,9 @@
<scroll-view
class="scroyy"
:scroll-top="scrollTop"
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
v-passive-touch="onTouchStart"
v-passive-move="onTouchMove"
v-passive-end="onTouchEnd"
@scroll="onScroll"
@scrolltoupper="onScrollToTop"
@scrolltolower="onScrollToBottom"

6
src/uni_modules/tmui/components/tm-scrolly/tm-scrolly.vue
View File

@ -3,9 +3,9 @@
<scroll-view
class="scroyy"
:scroll-top="scrollTop"
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
v-passive-touch="onTouchStart"
v-passive-move="onTouchMove"
v-passive-end="onTouchEnd"
@scroll="onScroll"
@scrolltoupper="onScrollToTop"
@scrolltolower="onScrollToBottom"

4
src/uni_modules/tmui/components/tm-sheet/tm-sheet.vue
View File

@ -11,8 +11,8 @@
:blurEffect="blurEffect"
@click="onClick"
@longpress="longpress"
@touchend="touchend"
@touchstart="touchstart"
v-passive-end="touchend"
v-passive-touch="touchstart"
@touchcancel="touchcancel"
@mousedown="mousedown"
@mouseup="mouseup"

18
src/uni_modules/tmui/components/tm-sign-board/tm-sign-board.vue
View File

@ -3,9 +3,9 @@
<!-- #ifdef APP-NVUE -->
<gcanvas
v-if="show"
@touchstart="touchstart"
@touchmove="touchsmove"
@touchend="touchsend"
v-passive-touch="touchstart"
v-passive-move="touchsmove"
v-passive-end="touchsend"
:id="canvasId"
:ref="canvasId"
class="canvas"
@ -15,9 +15,9 @@
<!-- #endif -->
<!-- #ifdef MP-WEIXIN || MP-ALIPAY || MP-QQ -->
<canvas
@touchstart="touchstart"
@touchmove="touchsmove"
@touchend="touchsend"
v-passive-touch="touchstart"
v-passive-move="touchsmove"
v-passive-end="touchsend"
@mousedown="touchstart"
@mousemove.stop="touchsmove"
@mouseup.stop="touchsend"
@ -30,9 +30,9 @@
<!-- #endif -->
<!-- #ifndef MP-WEIXIN || MP-ALIPAY || MP-QQ || APP-NVUE -->
<canvas
@touchstart.stop="touchstart"
@touchmove.stop="touchsmove"
@touchend.stop="touchsend"
v-passive-touch.stop="touchstart"
v-passive-move.stop="touchsmove"
v-passive-end.stop="touchsend"
@mousedown.stop="touchstart"
@mousemove.stop="touchsmove"
@mouseup.stop="touchsend"

8
src/uni_modules/tmui/components/tm-slide-switch/tm-slide-switch.vue
View File

@ -4,9 +4,9 @@
<view >
<view
v-if="!_disabled"
@touchstart="startDrag"
@touchmove="onDrag"
@touchend="endDrag"
v-passive-touch="startDrag"
v-passive-move="onDrag"
v-passive-end="endDrag"
@touchcancel="endDrag"
:style="`width:${attr.width}px;height:${attr.height}px `"
class="overflow relative"
@ -97,7 +97,7 @@
</view>
<view
@click="emits('click')"
@touchstart.stop="touchstart"
v-passive-touch.stop="touchstart"
id="wrapper"
ref="tabsDom"
class="absolute l-0 t-0"

8
src/uni_modules/tmui/components/tm-slider/slider-button.vue
View File

@ -2,7 +2,7 @@
<!-- #ifdef MP-WEIXIN -->
<!-- <view
data-text="hehe"
@touchstart.stop="test.touchstart" @mousedown.stop="movestart" @touchmove.stop="test.touchmove" @mousemove.stop="moveing" @touchend.stop="moveend" @mouseup.stop="moveend" @mouseleave.stop="moveend"
v-passive-touch.stop="test.touchstart" @mousedown.stop="movestart" v-passive-move.stop="test.touchmove" @mousemove.stop="moveing" v-passive-end.stop="moveend" @mouseup.stop="moveend" @mouseleave.stop="moveend"
class="absolute movable" :style="[
props.direction == 'horizontal'?{width:props.size+'rpx',height:props.size+'rpx',transform:`translateX(${_x}px)`,top:'0px'}:'',
props.direction == 'vertical'?{width:props.size+'rpx',height:props.size+'rpx',transform:`translateY(${_x}px)`,left:0+'rpx',top:'0px'}:'',
@ -13,11 +13,11 @@
<!-- #endif -->
<view
@touchstart.stop="movestart"
v-passive-touch.stop="movestart"
@mousedown.stop="movestart"
@touchmove.stop="moveing"
v-passive-move.stop="moveing"
@mousemove.stop="moveing"
@touchend.stop="moveend"
v-passive-end.stop="moveend"
@mouseup.stop="moveend"
@mouseleave.stop="moveend"
class="absolute"

6
src/uni_modules/tmui/components/tm-sort/tm-sort.vue
View File

@ -12,10 +12,10 @@
<movable-view
:class="[moveIndex === item._index ? 'opacity-6 zIndex-1' : 'zIndex-0']"
:animation="false"
@touchstart="drageStart"
@touchmove="onTouchMove($event, index)"
v-passive-touch="drageStart"
v-passive-move="(e: Event) => onTouchMove(e, index)"
@touchcancel="dragEnd($event, index)"
@touchend="dragEnd($event, index)"
v-passive-end="(e: Event) => dragEnd(e, index)"
@change="eleChange($event, index)"
:x="item._x"
:y="item._y"

4
src/uni_modules/tmui/components/tm-stepper/tm-stepper.vue
View File

@ -2,7 +2,7 @@
<view class="flex flex-row" :style="[{ height: `${props.height}rpx`,width: `${props.width}rpx`,}]">
<tmSheet text class="flex-1" :transprent="props.circular" :followTheme="false" _class="flex flex-row flex-1"
:color="props.bgColor" :margin="[0, 0]" :padding="[0, 0]">
<view @click="setStep('-')" @longpress="longpressEvent('-')" @touchend="endlongpressEvent('-')"
<view @click="setStep('-')" @longpress="longpressEvent('-')" v-passive-end="endlongpressEvent('-')"
:class="[!props.circular ? `` : `round-${10}`, 'overflow', _disabled || isJianDisabled ? 'opacity-5' : '']">
<tmSheet :followTheme="props.followTheme" :round="props.circular ? 10 : props.round"
:linear="props.linear" :linear-deep="props.linearDeep" _class="flex-center" :color="props.color"
@ -23,7 +23,7 @@
}
]" type="digit" />
<view @click="setStep('+')" @longpress="longpressEvent('+')" @touchend="endlongpressEvent('+')"
<view @click="setStep('+')" @longpress="longpressEvent('+')" v-passive-end="endlongpressEvent('+')"
:class="[!props.circular ? `` : `round-${10}`, 'overflow', _disabled || isAddDisabled ? 'opacity-5' : '']">
<tmSheet :followTheme="props.followTheme" :round="props.circular ? 10 : props.round"
:linear="props.linear" :linear-deep="props.linearDeep" :_class="'flex-center'" :color="props.color"

4
src/uni_modules/tmui/components/tm-table/tm-table-old.vue
View File

@ -49,7 +49,7 @@
</view>
<scroll-view
@scroll="tableScroll"
@touchstart="scrollDong = 't'"
v-passive-touch="scrollDong = 't'"
@mouseup="scrollDong = 't'"
class="flex-1"
:class="['tableHeader']"
@ -160,7 +160,7 @@
class="flex-1"
:scroll-with-animation="false"
@scroll="headerScroll($event, 0)"
@touchstart="touchStartScroll(0)"
v-passive-touch="touchStartScroll(0)"
@mouseup="touchStartScroll(0)"
:scroll-x="true"
:scroll-y="true"

4
src/uni_modules/tmui/components/tm-tabs-pane/tm-tabs-pane.vue
View File

@ -51,8 +51,8 @@
:style="[{ width: _width + 'rpx' }, _height ? { height: _height + 'rpx' } : '']"
>
<view
@touchStart="onScrollStart"
@touchend="onScrollEnd"
v-passive-touch="onScrollStart"
v-passive-end="onScrollEnd"
v-if="isShowRender"
:style="{ transform: `translateY(${reFresh == 2 ? -refreshJuli : 0}px)` }"
class="flex contentx"

32
src/uni_modules/tmui/components/tm-tabs/tm-tabs.vue
View File

@ -8,9 +8,9 @@
<!-- https://ask.dcloud.net.cn/question/143230 -->
<!-- #ifndef APP-NVUE -->
<view
@touchmove="onMove"
@touchend="onEnd"
@touchstart="onStart"
v-passive-move="onMove"
v-passive-end="onEnd"
v-passive-touch="onStart"
@mousemove="onMove"
@mouseup="onEnd"
@mouseleave="onEnd"
@ -28,11 +28,11 @@
</view>
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<!-- @touchmove="onMove"
@touchend="onEnd"
@touchstart="onStart" -->
<!-- v-passive-move="onMove"
v-passive-end="onEnd"
v-passive-touch="onStart" -->
<view
@touchstart="spinNvueAni"
v-passive-touch="spinNvueAni"
ref="tabsDom"
:style="{
width: props.swiper ? `${totalWidth}px` : `${props.width}rpx`,
@ -351,9 +351,9 @@
<!-- #ifndef APP-NVUE -->
<view
id="webIdTabs"
@touchmove="onMove"
@touchend="onEnd"
@touchstart="onStart"
v-passive-move="onMove"
v-passive-end="onEnd"
v-passive-touch="onStart"
@touchcancel="onEnd"
@mousemove="onMove"
@mouseup="onEnd"
@ -372,13 +372,13 @@
</view>
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<!-- @touchmove="onMove"
@touchend="onEnd"
@touchstart="onStart" -->
<!-- @touchmove="onMove" @touchend="onEnd" @touchcancel="onEnd" -->
<!-- v-passive-move="onMove"
v-passive-end="onEnd"
v-passive-touch="onStart" -->
<!-- v-passive-move="onMove" v-passive-end="onEnd" @touchcancel="onEnd" -->
<view
@touchstart="spinNvueAni"
@touchmove="onMove"
v-passive-touch="spinNvueAni"
v-passive-move="onMove"
ref="tabsDom"
:style="{
width: props.swiper ? `${totalWidth}px` : `${props.width}rpx`,

6
src/uni_modules/tmui/tool/useFun/useTouchFinger.ts
View File

@ -11,9 +11,9 @@ interface positionType {
import { useTouchFinger } from '@/tmui/tool/useFun/useTouchFinger'
const {touchstart,touchmove,touchend,touchcancel,addEventListener,direction,deltaXY,preTapPosition,angle,scale } = useTouchFinger();
<image
@touchstart="touchstart"
@touchmove="touchmove"
@touchend="touchend"
v-passive-touch="touchstart"
v-passive-move="touchmove"
v-passive-end="touchend"
@touchcancel="touchcancel"
src="https://pic.rmb.bdstatic.com/bjh/beautify/aee57799c6885386bb748e07fe43f78f.jpeg"
:style="{transform:`scale(${scale}) rotate(${angle}deg)`,width:'100px',height:'100px'}"></image>

2
src/uni_modules/uni-popup/components/uni-popup/uni-popup.vue
View File

@ -1,6 +1,6 @@
<template>
<view v-if="showPopup" class="uni-popup" :class="[popupstyle, isDesktop ? 'fixforpc-z-index' : '']">
<view @touchstart="touchstart">
<view v-passive-touch="touchstart">
<uni-transition key="1" v-if="maskShow" name="mask" mode-class="fade" :styles="maskClass"
:duration="duration" :show="showTrans" @click="onTap" />
<uni-transition key="2" :mode-class="ani" name="content" :styles="transClass" :duration="duration"

2
src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
View File

@ -57,7 +57,7 @@
>
<view class="wd-picker__wraper">
<!--toolBar-->
<view class="wd-picker__toolbar" @touchmove="noop">
<view class="wd-picker__toolbar" v-passive-move="noop">
<!--取消按钮-->
<view class="wd-picker__action wd-picker__action--cancel" @click="onCancel">
{{ cancelButtonText || translate('cancel') }}

6
src/uni_modules/wot-design-uni/components/wd-fab/wd-fab.vue
View File

@ -1,8 +1,8 @@
<template>
<view
@touchmove.stop.prevent="handleTouchMove"
@touchstart="handleTouchStart"
@touchend="handleTouchEnd"
v-passive-move.stop.prevent="handleTouchMove"
v-passive-touch="handleTouchStart"
v-passive-end="handleTouchEnd"
:class="`wd-fab ${customClass}`"
:style="rootStyle"
@click.stop=""

8
src/uni_modules/wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 绘制的图片canvas -->
<view v-if="modelValue" :class="`wd-img-cropper ${customClass}`" :style="customStyle" @touchmove="preventTouchMove">
<view v-if="modelValue" :class="`wd-img-cropper ${customClass}`" :style="customStyle" v-passive-move="preventTouchMove">
<!-- 展示在用户面前的裁剪框 -->
<view class="wd-img-cropper__wrapper">
<!-- 画出裁剪框 -->
@ -39,9 +39,9 @@
:src="imgSrc"
:style="imageStyle"
:lazy-load="false"
@touchstart="handleImgTouchStart"
@touchmove="handleImgTouchMove"
@touchend="handleImgTouchEnd"
v-passive-touch="handleImgTouchStart"
v-passive-move="handleImgTouchMove"
v-passive-end="handleImgTouchEnd"
@error="handleImgLoadError"
@load="handleImgLoaded"
/>

4
src/uni_modules/wot-design-uni/components/wd-index-bar/wd-index-bar.vue
View File

@ -8,8 +8,8 @@
</scroll-view>
<view
class="wd-index-bar__sidebar"
@touchmove.stop.prevent="handleTouchMove"
@touchend.stop.prevent="handleTouchEnd"
v-passive-move.stop.prevent="handleTouchMove"
v-passive-end.stop.prevent="handleTouchEnd"
@touchcancel.stop.prevent="handleTouchEnd"
>
<view

2
src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view :class="`wd-key-wrapper ${wider ? 'wd-key-wrapper--wider' : ''}`" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd">
<view :class="`wd-key-wrapper ${wider ? 'wd-key-wrapper--wider' : ''}`" v-passive-touch="onTouchStart" v-passive-move="onTouchMove" v-passive-end="onTouchEnd">
<view :class="keyClass">
<wd-loading custom-class="wd-key--loading-icon" v-if="props.loading" />
<template v-if="type === 'delete'">

2
src/uni_modules/wot-design-uni/components/wd-overlay/wd-overlay.vue
View File

@ -6,7 +6,7 @@
:duration="duration"
:custom-style="`z-index: ${zIndex}; ${customStyle}`"
@click="handleClick"
@touchmove.stop.prevent="lockScroll ? noop : ''"
v-passive-move.stop.prevent="lockScroll ? noop : ''"
>
<slot></slot>
</wd-transition>

2
src/uni_modules/wot-design-uni/components/wd-password-input/wd-password-input.vue
View File

@ -1,6 +1,6 @@
<template>
<view :class="`wd-password-input ${customClass}`" :style="customStyle">
<view @touchstart="onTouchStart" class="wd-password-input__security">
<view v-passive-touch="onTouchStart" class="wd-password-input__security">
<view
v-for="(_, index) in length"
:key="index"

2
src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue
View File

@ -38,7 +38,7 @@
custom-class="wd-picker__popup"
>
<view class="wd-picker__wraper">
<view class="wd-picker__toolbar" @touchmove="noop">
<view class="wd-picker__toolbar" v-passive-move="noop">
<view class="wd-picker__action wd-picker__action--cancel" @click="onCancel">
{{ cancelButtonText || translate('cancel') }}
</view>

2
src/uni_modules/wot-design-uni/components/wd-popup/wd-popup.vue
View File

@ -7,7 +7,7 @@
:duration="duration"
:custom-style="modalStyle"
@click="handleClickModal"
@touchmove="noop"
v-passive-move="noop"
/>
<view v-if="!lazyRender || inited" :class="rootClass" :style="style" @transitionend="onTransitionEnd">
<slot />

2
src/uni_modules/wot-design-uni/components/wd-select-picker/wd-select-picker.vue
View File

@ -92,7 +92,7 @@
</view>
</wd-radio-group>
</view>
<view v-if="loading" class="wd-select-picker__loading" @touchmove="noop">
<view v-if="loading" class="wd-select-picker__loading" v-passive-move="noop">
<wd-loading :color="loadingColor" />
</view>
</scroll-view>

12
src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue
View File

@ -12,9 +12,9 @@
<view
class="wd-slider__button-wrapper"
:style="buttonLeftStyle"
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
v-passive-touch="onTouchStart"
v-passive-move="onTouchMove"
v-passive-end="onTouchEnd"
@touchcancel="onTouchEnd"
>
<view class="wd-slider__label" v-if="!hideLabel">{{ leftNewValue }}</view>
@ -25,9 +25,9 @@
v-if="showRight"
class="wd-slider__button-wrapper"
:style="buttonRightStyle"
@touchstart="onTouchStartRight"
@touchmove="onTouchMoveRight"
@touchend="onTouchEndRight"
v-passive-touch="onTouchStartRight"
v-passive-move="onTouchMoveRight"
v-passive-end="onTouchEndRight"
@touchcancel="onTouchEndRight"
>
<view class="wd-slider__label" v-if="!hideLabel">{{ rightNewValue }}</view>

8
src/uni_modules/wot-design-uni/components/wd-swipe-action/wd-swipe-action.vue
View File

@ -4,9 +4,9 @@
:class="`wd-swipe-action ${customClass}`"
:style="customStyle"
@click.stop="onClick()"
@touchstart="startDrag"
@touchmove="onDrag"
@touchend="endDrag"
v-passive-touch="startDrag"
v-passive-move="onDrag"
v-passive-end="endDrag"
@touchcancel="endDrag"
>
<!--容器-->
@ -191,7 +191,7 @@ function onDrag(event: TouchEvent) {
if (touch.direction.value === 'vertical') {
return
} else {
event.preventDefault()
// event.preventDefault()
event.stopPropagation()
}

4
src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue
View File

@ -59,7 +59,7 @@
</wd-sticky>
<!--标签页-->
<view class="wd-tabs__container" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd" @touchcancel="onTouchEnd">
<view class="wd-tabs__container" v-passive-touch="onTouchStart" v-passive-move="onTouchMove" v-passive-end="onTouchEnd" @touchcancel="onTouchEnd">
<view :class="['wd-tabs__body', animated ? 'is-animated' : '']" :style="bodyStyle">
<slot />
</view>
@ -114,7 +114,7 @@
</view>
<!--标签页-->
<view class="wd-tabs__container" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd" @touchcancel="onTouchEnd">
<view class="wd-tabs__container" v-passive-touch="onTouchStart" v-passive-move="onTouchMove" v-passive-end="onTouchEnd" @touchcancel="onTouchEnd">
<view :class="['wd-tabs__body', animated ? 'is-animated' : '']" :style="bodyStyle">
<slot />
</view>