FileBrowser Selector

Компонент выбора файлов для Vue 3 с интегрированным файловым браузером.

Установка

npm install filebrowser-selector

или

yarn add filebrowser-selector

Использование

Глобальная регистрация

import { createApp } from 'vue';
import App from './App.vue';
import FileBrowserSelector from 'filebrowser-selector';

const app = createApp(App);
app.use(FileBrowserSelector);
app.mount('#app');

Локальная регистрация

import { FileSelector } from 'filebrowser-selector';

export default {
  components: {
    FileSelector
  }
}

Пример использования в компоненте

<template>
  <div>
    <h2>Выбор файла</h2>
    <FileSelector 
      v-model="selectedFile" 
      placeholder="Выберите файл"
      @fileSelected="onFileSelected"
    />
    <div v-if="selectedFile" class="mt-2">
      Выбранный файл: {{ selectedFile }}
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const selectedFile = ref('');

const onFileSelected = (filePath) => {
  console.log('Выбран файл:', filePath);
};
</script>

Пропсы

| Имя | Тип | По умолчанию | Описание | |-----|-----|-------------|----------| | modelValue | String | '' | Значение v-model (путь к файлу) | | placeholder | String | 'Выберите файл' | Текст-подсказка для поля ввода | | disabled | Boolean | false | Отключение компонента | | mediaSource | Number | 1 | ID источника медиа |

События

| Имя | Параметры | Описание | |-----|-----------|----------| | update:modelValue | String | Срабатывает при изменении значения | | fileSelected | String | Срабатывает при выборе файла |

Зависимости

• Vue 3
• PVTables

Лицензия

MIT