@edc-motor/ui 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edc-motor/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "EdC Motor — componentes públicos Vue 3 + tokens SCSS para webs de juegos de mesa (paquete fuente: lo compila el consumidor con Vite)",
   "license": "GPL-3.0-only",
   "type": "module",

package/src/components/TranslatableImage.vue

@@ -19,8 +19,11 @@ const props = withDefaults(
     locales: Locale[]
     label?: string
     required?: boolean
-    /** Sube el fichero y devuelve la URL pública que se guarda. */
-    upload: (file: File) => Promise<string>
+    /** Sube el fichero (con la URL a la que sustituye, para que el backend
+     *  borre la anterior) y devuelve la URL pública que se guarda. */
+    upload: (file: File, replaces?: string | null) => Promise<string>
+    /** Borra el fichero al pulsar "quitar" (opcional). */
+    removeFile?: (url: string) => void | Promise<void>
     error?: string
   }>(),
   { modelValue: () => ({}), required: false },
@@ -52,17 +55,23 @@ function setUrl(url: string | null) {
 
 async function onFile(file: File | null) {
   if (!file) {
-    setUrl(null)
+    onRemove()
     return
   }
   uploading.value = true
   try {
-    setUrl(await props.upload(file))
+    setUrl(await props.upload(file, currentUrl.value))
   } finally {
     uploading.value = false
   }
 }
 
+function onRemove() {
+  const url = currentUrl.value
+  if (url && props.removeFile) Promise.resolve(props.removeFile(url)).catch(() => {})
+  setUrl(null)
+}
+
 function onClickOutside(e: MouseEvent) {
   if (dropdownRef.value && !dropdownRef.value.contains(e.target as Node)) open.value = false
 }
@@ -112,7 +121,7 @@ onBeforeUnmount(() => document.removeEventListener('click', onClickOutside))
       :current-url="currentUrl"
       :error="uploading ? undefined : error"
       @update:model-value="onFile"
-      @remove="setUrl(null)"
+      @remove="onRemove"
     />
 
     <p v-if="error" class="form-field__error">{{ error }}</p>