FilesBrowserLib
Библиотека содержит 2 компонента:
- DFilesBrowser
- DFilesUploader
DFilesBrowser
Предназначен для отображения списка файлов, выбора файла\фалов и открытия окна загрузки файла(ов).
Props name |
Description |
Type |
Default |
doc |
Список документов для отображения |
Array |
[] |
doc-types |
Используется в DFilesUploader |
Array |
[] |
doc-selected |
Массив выбранных докуменов. Содержит id |
Array |
[] |
doc-filter-id |
Используется в DFilesUploader |
String |
"" |
is-open |
Открыть окно (true) |
Boolean |
false |
is-multiselect |
Выбор нескольких документов (true) или одного из (false) |
Boolean |
false |
Emits name |
Description |
Params |
Description |
close |
Закрыть окно |
- |
|
select |
Для передачи объекта данных в компонент |
id, isMultiselect |
id - id двыбранного документа, id = null - очистить список выбранных файлов; isMultiselect - флаг (см. props) |
choose |
Докумены выбраны |
- |
|
upload |
Из компонента DFilesUploader |
fileList |
Массив файлов для загрузки |
DFilesUploader
Предназначен для выбора файла для последующей загрузки и выбора типа докумена.
Props name |
Description |
Type |
Default |
doc-types |
Список опций для выпадающего списка |
Array |
[ {id, name}] |
doc-filter-id |
Выбранный элемент в списке |
String |
id |
is-open |
Открыть окно (true) |
Boolean |
false |
Emits name |
Description |
Params |
Description |
close |
Закрыть окно |
- |
|
upload |
Возвращает массив файлов для последующей загрузки |
fileList |
Массив файлов для загрузки |
Пример использования
<div class="app">
<button @click="isFilesBrowser = true">Загрузить документ</button>
<DFilesBrowser
:doc="documents"
:doc-types="documentsTypes"
:doc-selected="dataSelected"
:doc-filter-id="documentsFilterId"
:is-open="isFilesBrowser"
:is-multiselect="true"
@upload="onUploadFilesBrowser"
@choose="onChooseFilesBrowser"
@select="onSelectFilesBrowser"
@close="isFilesBrowser = false"
/>