changes

2026-04-07 17:54:26 +05:00
parent 04adba6682
commit 936b1fb5b0
468 changed files with 43498 additions and 4176 deletions
@@ -0,0 +1,79 @@
+<template>
+  <div class="space-y-3">
+    <div>
+      <label class="block text-sm font-medium text-foreground mb-1">
+        Изображение <span class="text-danger">*</span>
+      </label>
+      <div class="flex items-center gap-3">
+        <div v-if="modelValue.url" class="relative">
+          <img :src="modelValue.url" alt="Preview" class="w-32 h-32 object-cover rounded-lg border border-layer-line" />
+          <button
+            type="button"
+            @click="update('url', '')"
+            class="absolute -top-2 -right-2 p-1 bg-danger text-white rounded-full hover:bg-danger-hover transition-colors"
+            title="Удалить"
+          >
+            <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+        <div class="flex-1">
+          <input
+            type="file"
+            @change="handleFileUpload"
+            accept="image/*"
+            class="w-full px-3 py-2 border border-layer-line rounded-lg bg-white text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+          />
+          <p class="mt-1 text-xs text-muted-foreground-1">
+            Загрузите изображение (JPG, PNG, WebP)
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <div>
+      <label class="block text-sm font-medium text-foreground mb-1">
+        Alt текст
+      </label>
+      <input
+        :value="modelValue.alt"
+        @input="update('alt', $event.target.value)"
+        type="text"
+        placeholder="Описание изображения"
+        class="w-full px-3 py-2 border border-layer-line rounded-lg bg-white text-foreground placeholder-muted-foreground-1 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ImageBlock',
+  props: {
+    modelValue: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ['update:modelValue'],
+  methods: {
+    update(field, value) {
+      this.$emit('update:modelValue', {
+        ...this.modelValue,
+        [field]: value
+      });
+    },
+    handleFileUpload(event) {
+      const file = event.target.files[0];
+      if (file) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          this.update('url', e.target.result);
+        };
+        reader.readAsDataURL(file);
+      }
+    }
+  }
+}
+</script>