Skip to content

Commit 4983f48

Browse files
authored
feat: ✨ img 图片组件click事件增加mouseEvent参数 (#539)
1 parent 4b1b237 commit 4983f48

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

docs/component/img.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ mode为小程序原生属性,参考[微信小程序image官方文档](https://
126126

127127
| 事件名称 | 说明 | 参数 | 最低版本 |
128128
| -------- | -------------------- | ----------------- | -------- |
129-
| click | 点击事件 | - | - |
129+
| click | 点击事件 | (event: MouseEvent) => void | - |
130130
| load | 当图片载入完毕时触发 | `{height, width}` | - |
131131
| error | 当错误发生时触发 | `{errMsg}` | - |
132132

src/uni_modules/wot-design-uni/components/wd-img/wd-img.vue

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,11 @@ import { addUnit, isDef, objToStyle } from '../common/util'
3030
import { imgProps } from './types'
3131
3232
const props = defineProps(imgProps)
33-
const emit = defineEmits(['error', 'click', 'load'])
33+
const emit = defineEmits<{
34+
(e: 'error', event: Event): void
35+
(e: 'click', event: MouseEvent): void
36+
(e: 'load', event: Event): void
37+
}>()
3438
3539
const rootStyle = computed(() => {
3640
const style: Record<string, string | number> = {}
@@ -57,13 +61,13 @@ function handleError(event: Event) {
5761
status.value = 'error'
5862
emit('error', event)
5963
}
60-
function handleClick() {
64+
function handleClick(event: MouseEvent) {
6165
if (props.enablePreview && props.src) {
6266
uni.previewImage({
6367
urls: [props.src]
6468
})
6569
}
66-
emit('click')
70+
emit('click', event)
6771
}
6872
function handleLoad(event: Event) {
6973
status.value = 'success'

0 commit comments

Comments
 (0)