@edc-motor/admin-kit 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edc-motor/admin-kit",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "EdC Motor — kit del panel de administración: layout, gestores CRUD, imágenes, PDF, páginas, configuración, usuarios y copias (paquete fuente: lo compila el consumidor con Vite)",
   "license": "GPL-3.0-only",
   "type": "module",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@edc-motor/ui": "^0.2.0",
+    "@edc-motor/ui": "^0.3.0",
     "axios": "^1.7.0",
     "vue-draggable-plus": "^0.6.1"
   },

package/src/content/SchemaFields.vue

@@ -85,15 +85,28 @@ function selectOptions(field: FieldSchema): SelectOption[] {
 }
 
 /** Sube la imagen al momento; en settings queda la URL pública. */
-async function upload(file: File): Promise<string> {
+async function upload(file: File, replaces?: string | null): Promise<string> {
   const form = new FormData()
   form.append('image', file)
+  // El backend borra el fichero sustituido: sin huérfanos.
+  if (replaces) form.append('replaces', replaces)
   const { data } = await props.api.post('/admin/content/uploads', form)
   return data.url
 }
 
+/** Borra la subida del disco (el botón "quitar"); en silencio si falla. */
+async function removeUpload(url: string): Promise<void> {
+  await props.api.delete('/admin/content/uploads', { data: { url } }).catch(() => {})
+}
+
 async function uploadImage(field: FieldSchema, file: File | null) {
-  set(field.key, file ? await upload(file) : null)
+  const current = (props.modelValue[field.key] as string | null) ?? null
+  if (!file) {
+    if (current) removeUpload(current)
+    set(field.key, null)
+    return
+  }
+  set(field.key, await upload(file, current))
 }
 
 // --- Anidados (group / repeater) ---
@@ -291,6 +304,7 @@ function addLabel(): string {
         :label="label(field)"
         :required="field.required"
         :upload="upload"
+        :remove-file="removeUpload"
         @update:model-value="(v) => set(field.key, v)"
       />
 
@@ -300,7 +314,7 @@ function addLabel(): string {
           :model-value="null"
           :current-url="(modelValue[field.key] as string) ?? null"
           @update:model-value="(f: File | null) => uploadImage(field, f)"
-          @remove="set(field.key, null)"
+          @remove="uploadImage(field, null)"
         />
       </div>
     </template>