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,95 @@
+<template>
+  <div class="space-y-3">
+    <div class="space-y-2">
+      <div
+        v-for="(file, index) in modelValue.file"
+        :key="index"
+        class="flex items-center gap-3 p-3 border border-layer-line rounded-lg"
+      >
+        <div class="flex-1 grid grid-cols-2 gap-2">
+          <input
+            :value="file.title"
+            @input="updateFile(index, 'title', $event.target.value)"
+            type="text"
+            placeholder="Название файла"
+            class="px-3 py-2 border border-layer-line rounded-lg bg-white text-foreground text-sm"
+          />
+          <div class="text-xs text-muted-foreground-1 flex items-center">
+            <span>{{ file.expansion?.toUpperCase() || '—' }}</span>
+            <span class="mx-1">•</span>
+            <span>{{ file.size || '—' }}</span>
+          </div>
+        </div>
+        <button
+          type="button"
+          @click="removeFile(index)"
+          class="p-1.5 text-muted-foreground-1 hover:text-danger hover:bg-danger/10 rounded transition-all"
+          title="Удалить"
+        >
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+          </svg>
+        </button>
+      </div>
+    </div>
+
+    <input
+      type="file"
+      @change="handleFilesUpload"
+      accept=".pdf,.docx,.xlsx,.pptx,.zip"
+      multiple
+      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="text-xs text-muted-foreground-1">
+      PDF, DOCX, XLSX, PPTX, ZIP. Макс. 512MB
+    </p>
+
+    <button
+      type="button"
+      @click="addFile"
+      class="text-sm text-primary hover:text-primary-hover transition-colors"
+    >
+      + Добавить файл
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FilesBlock',
+  props: {
+    modelValue: { type: Object, required: true }
+  },
+  emits: ['update:modelValue'],
+  methods: {
+    update(field, value) {
+      this.$emit('update:modelValue', { ...this.modelValue, [field]: value });
+    },
+    updateFile(index, field, value) {
+      const files = [...this.modelValue.file];
+      files[index] = { ...files[index], [field]: value };
+      this.update('file', files);
+    },
+    addFile() {
+      this.update('file', [...this.modelValue.file, { title: '', path: '', expansion: '', size: '', time_added: Date.now() }]);
+    },
+    removeFile(index) {
+      this.update('file', this.modelValue.file.filter((_, i) => i !== index));
+    },
+    handleFilesUpload(event) {
+      const files = Array.from(event.target.files);
+      files.forEach(file => {
+        const extension = file.name.split('.').pop().toLowerCase();
+        const size = (file.size / (1024 * 1024)).toFixed(2) + ' MB';
+        this.update('file', [...this.modelValue.file, {
+          title: file.name,
+          path: URL.createObjectURL(file),
+          expansion: extension,
+          size: size,
+          time_added: Date.now()
+        }]);
+      });
+    }
+  }
+}
+</script>