1.0.2 • Published 6 months ago
files-browser-lib v1.0.2
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"
/>