dev

frontendNew/src/pages/Dcalc/Character/EquipmentDictionary/components/EquipmentCell.vue

@@ -14,6 +14,7 @@ const props = defineProps<{
 defineEmits<{
   click: [];
   preview: [];
+  rightClick: [];
 }>();
 
 const rarityClass = computed(() => {
@@ -35,11 +36,8 @@ const rarityClass = computed(() => {
 
 const imageUrl = computed(() => {
   if (!props.equipment) return "";
-  return getImageURL(
-    props.useDisplayUrl
-      ? props.equipment.displayUrl || props.equipment.imageUrl
-      : props.equipment.imageUrl,
-  );
+  const path = props.useDisplayUrl ? props.equipment.displayUrl : props.equipment.imageUrl;
+  return path ? getImageURL(path) : "";
 });
 
 const cellStyle = {
@@ -65,6 +63,7 @@ const cellStyle = {
     :style="cellStyle"
     @click="$emit('click')"
     @mouseenter="$emit('preview')"
+    @contextmenu.prevent="$emit('rightClick')"
   >
     <img :src="imageUrl" :alt="equipment.name" class="size-full object-contain" />
     <div v-if="inactive" class="absolute inset-0 bg-black/45" />