Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-28 18:22:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Collapse identical computed

Browse Source
This commit is contained in:
Benjamin Lu
2026-01-24 04:01:59 -08:00
parent f55c621803
commit b23d910fa4
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/sidebar/tabs/AssetsSidebarTab.vue
View File

@@ -381,15 +381,11 @@ const displayAssets = computed(() => {
const listViewAssets = ref<AssetItem[]>([]) const listViewAssets = ref<AssetItem[]>([])
const galleryAssets = computed(() => const visibleAssets = computed(() =>
isListView.value ? listViewAssets.value : displayAssets.value isListView.value ? listViewAssets.value : displayAssets.value
) )
const selectionAssets = computed(() => const selectedAssets = computed(() => getSelectedAssets(visibleAssets.value))
isListView.value ? listViewAssets.value : displayAssets.value
)
const selectedAssets = computed(() => getSelectedAssets(selectionAssets.value))
const isBulkMode = computed( const isBulkMode = computed(
() => hasSelection.value && selectedAssets.value.length > 1 () => hasSelection.value && selectedAssets.value.length > 1
@@ -409,7 +405,7 @@ const showEmptyState = computed(
activeJobsCount.value === 0 activeJobsCount.value === 0
) )
watch(galleryAssets, (newAssets) => { watch(visibleAssets, (newAssets) => {
if (currentGalleryAssetId.value && galleryActiveIndex.value !== -1) { if (currentGalleryAssetId.value && galleryActiveIndex.value !== -1) {
const newIndex = newAssets.findIndex( const newIndex = newAssets.findIndex(
(asset) => asset.id === currentGalleryAssetId.value (asset) => asset.id === currentGalleryAssetId.value
@@ -427,7 +423,7 @@ watch(galleryActiveIndex, (index) => {
}) })
const galleryItems = computed(() => { const galleryItems = computed(() => {
return galleryAssets.value.map((asset) => { return visibleAssets.value.map((asset) => {
const mediaType = getMediaTypeFromFilename(asset.name) const mediaType = getMediaTypeFromFilename(asset.name)
const resultItem = new ResultItemImpl({ const resultItem = new ResultItemImpl({
filename: asset.name, filename: asset.name,
@@ -468,7 +464,7 @@ watch(
) )
const handleAssetSelect = (asset: AssetItem, assets?: AssetItem[]) => { const handleAssetSelect = (asset: AssetItem, assets?: AssetItem[]) => {
const assetList = assets ?? selectionAssets.value const assetList = assets ?? visibleAssets.value
const index = assetList.findIndex((a) => a.id === asset.id) const index = assetList.findIndex((a) => a.id === asset.id)
handleAssetClick(asset, index, assetList) handleAssetClick(asset, index, assetList)
} }
@@ -547,7 +543,7 @@ const handleZoomClick = (asset: AssetItem) => {
} }
currentGalleryAssetId.value = asset.id currentGalleryAssetId.value = asset.id
const index = galleryAssets.value.findIndex((a) => a.id === asset.id) const index = visibleAssets.value.findIndex((a) => a.id === asset.id)
if (index !== -1) { if (index !== -1) {
galleryActiveIndex.value = index galleryActiveIndex.value = index
} }