Обзор дизайн-системы

Платформа и инструменты

Связанные сценарии: ввод, параметры, обработка и результат.

Состав раздела · 10
  • Tool layouts · шаблоны страниц инструментов
  • FileQueue · очередь файлов
  • ProcessingPanel · панель обработки
  • ResultPanel · панель результата
  • ImageViewer / ImageComparison / PDFViewer / TextResult · просмотрщики файлов
  • ToolSettings · настройки и пресеты
  • CatalogSearch · поиск и фильтры
  • TaskCenter / NotificationCenter / WorkflowProvider · фоновые задачи и уведомления
  • AsyncState / UnsavedChangesGuard · сетевые состояния и несохранённые изменения
  • ToolHelp / FeedbackForm · помощь и обратная связь

Очередь файлов

FileQueue

Несколько локальных файлов, ограничения формата/размера/количества, повторы, порядок и удаление. Ничего не отправляется.

Добавь файлы

PNG, JPG, PDF, TXT · до 10 МБ на файл · не больше 8

Файлы ещё не добавлены.

Панель обработки

ProcessingPanel · WorkflowJob

Состояния ниже переключаются вручную для просмотра. Проценты передаёт вызывающий сервис.

Обработка

Демонстрация обработки

Задача выполняется

Можно перейти в другой раздел — задача останется в этой вкладке.

Ход задачи45%

Панель результата

ResultPanel · TextResult

Одиночные ссылки скачивают показанные файлы. Пакет JSON содержит оба результата с их текстом; это пример callback для группового скачивания.

Результат

2 файла
{"example": true, "files": 2}

Всего строк: 1

  • example-result.jsonapplication/json · 29 Б

    Демонстрационный JSON. Это содержимое можно скопировать и скачать.

  • example-summary.txttext/plain

    Второй файл для примера нескольких результатов.

Просмотрщики файлов

ImageViewer · ImageComparison · PDFViewer · TextResult

Изображения — исходные предоставленные варианты маскота. Сравнение показывает белую и прозрачную подложки; обработка изображения не выполняется.

Маскот Fibra на прозрачном фоне
100%
Маскот Fibra на прозрачном фоне

Масштаб 25–300%. Перемещение — прокруткой, стрелками в области изображения или перетаскиванием мышью.

Подложка исходного маскота: послеПодложка исходного маскота: доДоПосле
Двухстраничный документ-пример
1 / 2

PDF откроется средствами браузера.

Параметры и пресеты

ToolSettings

Пресеты сохраняются в состоянии этого примера; реальное хранение подключается callback.

Параметры

Параметры инструмента

Добавить MIME-тип и размер выбранных файлов

Расширенные параметры
100 симв.
format
json
details
true
nameLength
100
indent
2

Расширенный поиск по каталогу

CatalogSearch

Подсказки, категории, сортировка и удаляемые фильтры. Отдельный пример сохраняет условия в URL.

Открыть поиск с сохранением условий

Фоновые задачи и уведомления

WorkflowProvider · useWorkflow · TaskCenter · NotificationCenter

Задачи общие для вкладки. Запусти операцию в полноразмерном примере и вернись сюда.

Запустить пример инструмента

Задачи

Состояние хранится в памяти этой вкладки. Перезагрузка завершит локальные примеры.

В этом разделе задач нет.

Уведомления

Непрочитанных: 0

Новых уведомлений пока нет.

Состояния данных с сервера

AsyncState · UnsavedChangesGuard

Состояния воспроизводятся локально. Поле сохраняет введённый текст при смене состояния; сервер не подключён.

Помощь и обратная связь

ToolHelp · FeedbackForm

Отправка сообщения вызывает локальный callback. Сообщения не уходят в службу поддержки.

Как пользоваться

  1. Выбери файлы в рабочей области.
  2. Настрой формат описания и запусти задачу.
  3. Скачай JSON или текст из панели результата.
Пример входных данных
{"files": [{"name": "poster.png"}]}
Выбор в примере
PNG, JPG, PDF или текст; до 8 файлов
Результат примера
Описание метаданных, без конвертации

Сообщить о проблеме

Примеры показывают компоненты и локальное поведение. Сервисы, авторизация и оплата подключаются отдельно.

Применение в каталоге