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