github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-10 18:02:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 图片浏览

Browse Source
This commit is contained in:
kuaifan 2024-11-07 01:44:42 +08:00
parent 18e1240775
commit bc85da49e3
11 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/assets/js/components/PreviewImage/components/swipe.vue
View File

@ -59,9 +59,6 @@ export default {
this.lightbox?.destroy();
const dataSource = array.map(item => {
if ($A.isJson(item)) {
if (item.src) {
item.src = $A.thumbRestore(item.src);
}
if (parseInt(item.width) > 0 && parseInt(item.height) > 0) {
return item
}
@ -69,7 +66,7 @@ export default {
}
htmlZoom = true;
return {
html: `<div class="preview-image-swipe"><img src="${$A.thumbRestore(item)}"/></div>`,
html: `<div class="preview-image-swipe"><img src="${item}"/></div>`,
}
})
this.lightbox = new PhotoSwipeLightbox({

2
resources/assets/js/components/PreviewImage/components/view.vue
View File

@ -218,7 +218,7 @@ export default {
if ($A.isJson(item)) {
item = item.src;
}
return $A.thumbRestore(item);
return item;
},
imgStyle() {
const {scale, deg, offsetX, offsetY, enableTransition} = this.transform;

4
resources/assets/js/components/PreviewImage/state.vue
View File

@ -35,9 +35,9 @@ export default {
let position = Math.min(Math.max(this.$store.state.previewImageIndex, 0), this.$store.state.previewImageList.length - 1)
let paths = l.map(item => {
if ($A.isJson(item)) {
return $A.thumbRestore(item.src);
return item.src;
}
return $A.thumbRestore(item)
return item
})
let max = 50;
if (paths.length > max) {

3
resources/assets/js/components/TEditor.vue
View File

@ -614,8 +614,7 @@ export default {
$A.messageWarning("没有可预览的图片")
return;
}
let index = Math.max(0, array.findIndex(item => item.src === this.operateImg));
this.$store.dispatch("previewImage", {index, list: array})
this.$store.dispatch("previewImage", {index: this.operateImg, list: array})
},
addClickEvent({target}, isFull) {

3
resources/assets/js/components/TEditorTask.vue
View File

@ -303,8 +303,7 @@ export default {
$A.messageWarning("没有可预览的图片")
return;
}
let index = Math.max(0, array.findIndex(item => item.src === this.operateMenu.img));
this.$store.dispatch("previewImage", {index, list: array})
this.$store.dispatch("previewImage", {index: this.operateMenu.img, list: array})
},
}
}

3
resources/assets/js/components/VMEditor/engine/preview.vue
View File

@ -79,8 +79,7 @@ export default {
if (list.length === 0) {
return
}
const index = Math.max(0, list.indexOf(target.src))
this.$store.dispatch("previewImage", {index, list})
this.$store.dispatch("previewImage", {index: target.src, list})
}
}
}

3
resources/assets/js/pages/manage/approve/details.vue
View File

@ -509,8 +509,7 @@ export default {
src: $A.mainUrl(src)
}
});
const index = list.findIndex(({src}) => src === $A.mainUrl(currentUrl));
this.$store.dispatch("previewImage", {index, list})
this.$store.dispatch("previewImage", {index: $A.mainUrl(currentUrl), list})
},
// 点击头像
onAvatar(userid) {

2
resources/assets/js/pages/manage/components/ComplaintManagement.vue
View File

@ -168,7 +168,7 @@ export default {
},
on: {
click: () => {
this.$store.dispatch("previewImage", { index: 0, list })
this.$store.dispatch("previewImage", {index: 0, list})
}
}
}, [h('AutoTip', this.$L('点击查看'))])

19
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -3177,8 +3177,7 @@ export default {
this.onViewPicture(target.currentSrc);
} else {
const list = $A.getTextImagesInfo(el.outerHTML)
const index = list.findIndex(item => item.src == target.currentSrc)
this.$store.dispatch("previewImage", {index, list})
this.$store.dispatch("previewImage", {index: target.currentSrc, list})
}
break;
@ -3263,9 +3262,12 @@ export default {
const {msg} = data;
if (msg.ext === 'mp4') {
this.$store.dispatch("previewImage", {
src: msg.path,
width: msg.width,
height: msg.height,
index: 0,
list: [{
src: msg.path,
width: msg.width,
height: msg.height,
}]
})
return
}
@ -3330,12 +3332,7 @@ export default {
}
})
//
const index = list.findIndex(({src}) => src === currentUrl);
if (index > -1) {
this.$store.dispatch("previewImage", {index, list})
} else {
this.$store.dispatch("previewImage", currentUrl)
}
this.$store.dispatch("previewImage", {index: currentUrl, list})
},
onDownFile(data) {

6
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -1671,7 +1671,8 @@ export default {
const index = list.findIndex(item => item.id === file.id);
if (index > -1) {
this.$store.dispatch("previewImage", {
index, list: list.map(item => {
index,
list: list.map(item => {
return {
src: item.path,
width: item.width,
@ -1681,7 +1682,8 @@ export default {
})
} else {
this.$store.dispatch("previewImage", {
index: 0, list: [{
index: 0,
list: [{
src: file.path,
width: file.width,
height: file.height,

20
resources/assets/js/store/actions.js vendored
View File

@ -3487,11 +3487,25 @@ export default {
/**
* 预览图片
* @param state
* @param data
* @param data {{index: number | string, list: array} | string}
*/
previewImage({state}, data) {
if (!$A.isJson(data) || !$A.isArray(data.list)) {
data = {index:0, list: [data]}
if (!$A.isJson(data)) {
data = {index: 0, list: [data]}
}
data.list = data.list.map(item => {
if ($A.isJson(item)) {
item.src = $A.thumbRestore(item.src)
} else {
item = $A.thumbRestore(item)
}
return item
})
if (typeof data.index === "string") {
const current = $A.thumbRestore(data.index)
data.index = Math.max(0, data.list.findIndex(item => {
return $A.isJson(item) ? item.src == current : item == current
}))
}
state.previewImageIndex = data.index;
state.previewImageList = data.list;