xydata-tools 1.0.49 → 1.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<view v-if="enableImage && showFileList" class="media-section">
|
|
9
9
|
<shmily-drag-media v-if="imageFileList.length > 0" v-model="imageUrls" :number="imageLimit"
|
|
10
10
|
:cols="cols" :imageWidth="itemWidth" :padding="10" :borderRadius="itemBorderRadius"
|
|
11
|
-
:draggable="draggable" moveType="image" @
|
|
11
|
+
:draggable="draggable" moveType="image" @input="handleImageDragChange">
|
|
12
12
|
</shmily-drag-media>
|
|
13
13
|
</view>
|
|
14
14
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
:style="{ marginTop: enableImage && videoFileList.length > 0 ? '20rpx' : '0' }">
|
|
18
18
|
<shmily-drag-media v-if="videoFileList.length > 0" v-model="videoUrls" :number="videoLimit"
|
|
19
19
|
:cols="cols" :imageWidth="itemWidth" :padding="10" :borderRadius="itemBorderRadius"
|
|
20
|
-
:draggable="draggable" moveType="video" @
|
|
20
|
+
:draggable="draggable" moveType="video" @input="handleVideoDragChange"
|
|
21
21
|
@videoClick="handleVideoItemClick">
|
|
22
22
|
</shmily-drag-media>
|
|
23
23
|
</view>
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
<shmily-drag-media v-if="enableImage && !enableVideo && showFileList" v-model="imageUrls"
|
|
57
57
|
:number="imageLimit" :cols="cols" :imageWidth="itemWidth" :padding="10"
|
|
58
58
|
:borderRadius="itemBorderRadius" :align="align" :draggable="draggable" :enableAddButton="true"
|
|
59
|
-
moveType="image" @
|
|
59
|
+
moveType="image" @input="handleImageDragChange">
|
|
60
60
|
<template #add-button="{ childWidth }">
|
|
61
61
|
<slot name="image-upload-button" :select="selectAndUploadImage" :limit="imageLimit"
|
|
62
62
|
:count="imageFileList.length">
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
<shmily-drag-media v-else-if="enableVideo && !enableImage && showFileList" v-model="videoUrls"
|
|
75
75
|
:number="videoLimit" :cols="cols" :imageWidth="itemWidth" :padding="10"
|
|
76
76
|
:borderRadius="itemBorderRadius" :align="align" :draggable="draggable" :enableAddButton="true"
|
|
77
|
-
moveType="video" @
|
|
77
|
+
moveType="video" @input="handleVideoDragChange" @videoClick="handleVideoItemClick">
|
|
78
78
|
<template #add-button="{ childWidth }">
|
|
79
79
|
<slot name="video-upload-button" :select="selectAndUploadVideo" :limit="videoLimit"
|
|
80
80
|
:count="videoFileList.length">
|
|
@@ -857,7 +857,7 @@ export default {
|
|
|
857
857
|
/**
|
|
858
858
|
* 处理图片拖拽排序变化
|
|
859
859
|
*/
|
|
860
|
-
handleImageDragChange(newUrls) {
|
|
860
|
+
handleImageDragChange(newUrls) {
|
|
861
861
|
const newFileList = newUrls.map(url => {
|
|
862
862
|
return this.imageFileList.find(file => file.url === url)
|
|
863
863
|
}).filter(Boolean)
|
|
@@ -28,9 +28,8 @@
|
|
|
28
28
|
<view class="media-loading-overlay" v-if="item.loading">
|
|
29
29
|
<view class="loading-spinner"></view>
|
|
30
30
|
</view>
|
|
31
|
-
<view class="del-con" @click="delImages(item, index)"
|
|
32
|
-
@
|
|
33
|
-
@mousedown.stop="nothing()" @mouseup.stop="nothing()">
|
|
31
|
+
<view class="del-con" @click="delImages(item, index)" @touchstart.stop="delImageMp(item, index)"
|
|
32
|
+
@touchend.stop="nothing()" @mousedown.stop="nothing()" @mouseup.stop="nothing()">
|
|
34
33
|
<view class="del-wrap">
|
|
35
34
|
<image class="del-image"
|
|
36
35
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMDowNzoyNSAyMTo1NDoyOU4TkJAAAADcSURBVFhH7ZfRCoMwDEXLvkjwwVf/bH/emmAyN6glTW9WBjsgwm28OeCLpj81Sil7zvlJ90UiONS/yY5VogsO6XrBg3IEQ5a/s8vRSWUAKmLqp2w5jz5BiNQEGMo3GbloDLtFXJ1IkaEuhAiiY6gEIqB4yqACSk9piIBiKQ8VUFpLviKg3C2rESKgWERCBZSWiEfgIfffYvrrsAgoISJ3Apy3zuTxcSxLQkV6ykNEPKVQkZEyiAiiZKgDIaC4upACSlcn5fM/+WuDCAHF1E/Z/N9AhkMZnPNDPI+UDjPIXgAQIGjNAAAAAElFTkSuQmCC">
|
|
@@ -508,7 +507,7 @@ export default {
|
|
|
508
507
|
}
|
|
509
508
|
//#endif
|
|
510
509
|
},
|
|
511
|
-
delImages(item, index) {
|
|
510
|
+
delImages(item, index) {
|
|
512
511
|
if (typeof this.delImage === 'function') {
|
|
513
512
|
this.delImage.bind(this.$parent)(() => {
|
|
514
513
|
this.delImageHandle(item, index)
|
|
@@ -517,10 +516,15 @@ export default {
|
|
|
517
516
|
this.delImageHandle(item, index)
|
|
518
517
|
}
|
|
519
518
|
},
|
|
519
|
+
delImageMp(item, index) {
|
|
520
|
+
//#ifdef MP
|
|
521
|
+
this.delImages(item, index)
|
|
522
|
+
//#endif
|
|
523
|
+
},
|
|
520
524
|
delImageHandle(item, index) {
|
|
521
525
|
// 设置标志,防止 watch 触发重新初始化
|
|
522
526
|
this.changeStatus = false
|
|
523
|
-
|
|
527
|
+
|
|
524
528
|
// 删除指定图片
|
|
525
529
|
this.imageList.splice(index, 1)
|
|
526
530
|
|
|
@@ -550,17 +554,12 @@ export default {
|
|
|
550
554
|
|
|
551
555
|
this.updateAddButtonPosition()
|
|
552
556
|
this.sortList()
|
|
553
|
-
|
|
557
|
+
|
|
554
558
|
// 恢复标志
|
|
555
559
|
this.$nextTick(() => {
|
|
556
560
|
this.changeStatus = true
|
|
557
561
|
})
|
|
558
562
|
},
|
|
559
|
-
delImageMp(item, index) {
|
|
560
|
-
//#ifdef MP
|
|
561
|
-
this.delImages(item, index)
|
|
562
|
-
//#endif
|
|
563
|
-
},
|
|
564
563
|
sortList() {
|
|
565
564
|
const result = []
|
|
566
565
|
let list = this.imageList.slice()
|