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"
  />