GooFlow

Это компонент онлайн-проектировщика процессов, используемый для создания схем веб-страницы. Можно проектировать различные схемы процессов, логические схемы, схемы потока данных или функциональные реализации процессов, которым требуется пройти через этот процесс. Отличный пользовательский опыт делает интерфейс удобным для использования, независимо от того, является ли пользователь разработчиком или обычным пользователем. Совместим с основными браузерами (IE11, Edge, Chrome, Firefox).

Проект GooFlow был преобразован в закрытый исходный проект, клонирование и скачивание больше недоступны на GitHub. Для пробной версии посетите страницу репозитория.

Редакция GooFlow для Vue3.x готова!## Уведомление об авторизации: ## Проект GooFlow был преобразован в закрытый исходный проект. Версия, доступная на хостовой странице, представляет собой только пробную версию. Она будет использовать бесполезные вычислительные мощности и содержать временные рекламные сообщения. Эта версия предназначена только для локального тестирования функций. При использовании:

если она применяется к проекту разработки программного обеспечения, то её можно использовать только без дополнительной официальной версии, и вам потребуется связаться с автором для приобретения лицензии. Спасибо. (Независимо от того, является ли это официальной версией или пробной версией, если вы уклоняетесь от покупки лицензии и используете его напрямую для проекта, получение прибыли за счет этого считается серьёзным нарушением прав и ничем не отличается от воровства. Любые последствия, возникшие вследствие нарушения, будут вашей ответственностью. Пожалуйста, будьте осведомлены о полной ответственности автора и его компании и клиентов.)Контакты:

WeChat: 18648945414
QQ: 115247126
Электронная почта: fool-egg@163.com

Цены на лицензии:
Исходная версия JavaScript стоит 5 600 юаней/продукт, версии Vue/React стоят 6 300 юаней/продукт.Дополнительные детали доступны на официальном сайте: https://gooflow.github.io

Особенности

• Кросс-доменная: конструктор схем используется не только в области телекоммуникаций, но также играет важную роль в других областях, где требуется техническая поддержка с использованием IT.
• Верхняя панель и левая боковая панель страницы могут быть настроены;
• Когда левая боковая панель установлена как невидимая, она становится только для чтения, и область просмотра в этом случае может рассматриваться как просмотрщик вместо редактора.
• В последней версии используется последняя версия библиотеки векторных значков Alibaba, что позволяет отображать стиль значков без необходимости использования изображения.
• В дополнение к базовым кнопкам и некоторым узлам процесса, боковая панель также настраивает новую кнопку узла. Настройка узла может иметь своё значок и имя типа. После определения этих настраиваемых узлов можно добавить их в рабочей области с помощью Cocoa.
• Верхняя панель показывает название набора данных схемы, а также некоторые общие кнопки действий.
• Кнопки на верхней панели, помимо кнопок отмены и повтора действия, могут настраивать событие клика.
• Можно рисовать прямые и складывающиеся линии; складывающиеся линии также позволяют перемещать левые и правые/верхние и нижние сегменты.* У него есть функция зонирования, которая позволяет пользователям более интуитивно понять, какие узлы и их связи находятся внутри настраиваемой зоны.
• С функцией аннотации узел или переходная линия маркируются красным цветом, который обычно используется для показа прогресса процесса.
• Можно дважды щелкнуть мышью по тексту в узле, соединении или групповой области для редактирования.
• Во время различных операций редактирования узлов, соединений и групповых областей, таких как добавление/удаление/изменение названий/перезапрос стилей или размера/перемещение/описания, события могут быть захвачены и запущены пользовательские события, если метод, определяющий выполнение события, возвращает FALSE, что блокирует операцию.
• С контролем последовательности операционной транзакции, различные допустимые операции в рабочей области могут быть записаны на стек и затем отменены (undo()) или восстановлены (redo()), как это происходит в типичных системах клиент-сервер.
• Можно экспортировать и скачать схему в формате PNG (чистое JS реализация, но не поддерживающая IE9 и ниже). ! Предварительный просмотр изображения
  
  ## Подробное использование: ##
• Документация API нативной версии JavaScript
• Документация API версии Vue
• Документация API версии React

Связанные примеры

• Пример нативной версии JavaScript (зависит только от последней версии jQuery): нажмите чтобы войти
  
• Пример версии Vue: нажмите чтобы войти
  
• Пример версии React: нажмите чтобы войти
  

История обновлений

• 1.5 для всех:
  Восстановлены некоторые элементы и спецэффекты для оптимизации производительности; новый тип узла слот позволяет пользователям более гибко настраивать внутренний контент отображения узла.

• 1.4 для последней версии:
  Версия GooFlow для Vue3.x готова!

• 1.4 для всех:
  Устранены некоторые ошибки, оптимизирована структура директорий; улучшена операционная среда. При перемещении плавучей полосы можно установить, будут ли узлы/линии в полосе следовать за перемещением.

• 1.4, OnClickListener для Vue/React:
  Важное обновление! Полилиния теперь поддерживает до 5 сегментов полилинии; оптимизировано удобство использования множественного выбора, удалено переключение между одиночным и множественным выбором; улучшено удобство использования при перетаскивании узлов.- 1.3.12:
  Важное обновление! Избавлено от зависимости от jQuery и удален метод AJAX, реализованный через jQuery; больше не поддерживаются браузеры Internet Explorer 8.

• 1.1.0 для Vue/React:
  Важное обновление! Добавлена поддержка добавления блочных элементов путем перетаскивания, аналогично Visio.

• 1.3.11:
  Важное обновление! Добавлена поддержка добавления блочных элементов путем перетаскивания, аналогично Visio.

• 1.0.0 для React:
  Новый компонент React! Атака на перезагрузку началась!

• 1.0.0 для Vue:
  Новый компонент Vue! Атака на перезагрузку началась!

• 1.3.10:
  Автоматическое выравнивание и возможность отображения направляющих при перемещении блочного элемента.

• 1.3.9:
  Важное обновление! Добавлены функции навигации миникарты, включая перетаскивание положения и прокрутку в реальном времени. Добавлены функции масштабирования области рисования с помощью колесика мыши и клавиши Ctrl.

• 1.3.9r1:
  Важное обновление! Устранены некоторые недавно обнаруженные ошибки; добавлена поддержка сегментов, изменен способ настройки пунктирной линии; добавлены возможности множественного выбора (только для узлов и соединений), а также массового перемещения и удаления выбранных элементов.- 1.3.8rp:
  Устранены некоторые недавно обнаруженные ошибки и повышена общая производительность; используется новая система защиты авторских прав вместо старого механизма JavaScript для пробной версии; разделены функции плавучих полос из основного файла и создан отдельный расширяемый блок функций GooFlow.group.min.js; добавлены элементы заметок (через новые блоки функций); добавлены пользовательские узлы типа фоновых изображений для адаптации к различным сценариям.7 :**
  Небольшие исправления: Устранена небольшая ошибка в алгоритме вычисления реальной ширины и высоты схемы потока данных. При инициализации добавлена возможность установки начального префикса имени узла и полосы.- 1. 3. 6:
  Улучшение функциональности! Устранено двойное триггерирование события фокуса при выборе элемента. Добавлен вызов события размытия при правом клике на пустую область области рисования. Добавлен интерфейс для установки расширенного атрибута сервиса элемента. После загрузки схемы потока данных пользователи могут использовать два новых интерфейса для изменения цвета или цвета текста элемента.

• 1. 3. 5:
  Обновление функциональности! Полосы, объединённые в группы, получили "молочный" цвет; пользователи могут настраивать специальные графические цвета и цвета текста для отдельных узлов или линий; дизайнер добавил команды клавиш ctrl+c для копирования узла и ctrl+v для вставки узла.

• 1. 3. 4:
  Важные обновления! Устранены некоторые ошибки в ответах событий, экспорте изображений и масштабировании области рисования; добавлены четыре специальных узла формы: эллипс, ромб, параллелограмм и капсула.

• 1. 3. 3:
  Важные функции доступны онлайн! Добавлена новая поддержка данных схемы потока в формате XML согласно спецификации BPMN 2.0, что позволяет загружать или экспортировать данные XML согласно спецификации BPMN 2.0. Разрешено пользователям скачивать данные схемы потока как JSON-файл или XML-файл BPMN 2.0. Дальнейшая оптимизация кода.- 1. 3. 2:
  Оптимизация структуры кода и пользовательского опыта; усиление связности, упрощение внутренней реализации функции сохранения процесса как картинки и печати, освобождение от зависимости от плагинов сторонних разработчиков с версии 1.1 до 1.2, более четкое представление результатов. Также обеспечивает обратную совместимость с IE9; каждая часть кнопки может быть настроена через метод встроенного интерфейса; данному узлу добавлено обязательное свойство "areaId": указывает, к какой группе областей (полосы) принадлежит узел. В целом добавлена поддержка спецификаций моделей развития AMD и CMD.

• 1. 3:
  Устранены некоторые ошибки, влияющие на пользовательский опыт и использование, и добавлены гибкие функции конфигурации аннотаций для всех операционных кнопок рабочего пространства.

• 1. 2. 1:
  Улучшенная поддержка IE8; оптимизация точности ручной перезагрузки элементов; добавлена функциональность для просмотра предварительного просмотра печати или сохранения как PDF.- 1.2:
  Главное обновление версии! Добавлен метод для событий правого щелчка мыши и двойного щелчка для узлов, соединений и блоков полос (возвращайте false для предотвращения срабатывания стандартных событий браузера); Добавлена функция отрисовки пунктирной линии: она будет полезна многим пользователям! Добавлен важный интерфейс масштабирования схемы! Диапазон масштабируемости составляет от 50% до 400% от исходного размера. (Предоставляется только интерфейс метода, вы можете выбрать привязку к элементам управления сторонних разработчиков).- 1.1:
  Исправлены несколько ошибок; добавлена возможность экспорта схемы рабочей области в изображение и последующего скачивания пользователем. В настоящее время данная функция поддерживается только браузерами IE10, IE Edge, Chrome, Firefox, Safari. Эта функция требует загрузки расширения GooFlow.export.min.js.

• 1.0.2:
  Исправлена проблема исчезновения помеченного красным режима после выбора и отмены узла.

• 1.0:
  Первая официальная версия. По сравнению с предыдущей тестовой версией исправлены многие ошибки, добавлены больше настраиваемых цветовых элементов, а также все иконки теперь имеют равномерную форму векторных шрифтов.