1.0.2 • Published 2 years 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"
/>