vue jsplumb editor

Vue-jsplumb-editor

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

Функциональные точки

Меню Узел Область

• Перетащите узел из меню в основную область дизайна, чтобы разместить узел
• Организовать узлы по типу узла

Основная проектная зона

• Операция может быть отменена
• Кастрюля и масштаб фона
• Могут получить узлы, втянутые из меню
• Узел перетаскивания будет генерировать соответствующую конечную точку на основе текущей информации узла (используется для перетаскивания соединения)
• Сгенерированные конечные точки разделены на два типа: конечная точка источника и целевая конечная точка, которые следует различать по стилю.
• Конечная точка источника помещается в нижнее положение узла, а целевой узел предотвращает, как узел находится в верхнем положении (облегчает вытягивание линии соединения сверху вниз)
• Все узлы можно перемещать, перетаскивая и движущиеся
• Все узлы и линии соединения могут быть удалены
• Все узлы и конечные точки должны иметь поле для вытягивания инструментов, чтобы запустить информацию о узле или конечной точке на мыши
• Все узлы, конечные точки и линии соединения должны быть установлены разными стилями при плавании мыши
• Все узлы и линии соединения могут быть выбраны
• Операция экономит данные в режиме реального времени
• Импорт данных генерации данных

Область конфигурации узла

• При выборе узла в области проектирования область конфигурации узла отображает соответствующую панель конфигурации узла
• Различные узлы должны иметь соответствующие панели конфигурации узлов
• Панель узлов используется для отображения и настройки свойств узла

Щелкните правой кнопкой мыши функцию меню

• узел:
  • копия
  • удалить
  • Просмотреть данные
  • Переименовать
• Кабель подключения:
  • удалить
• фон:
  • Вставка

Зависимости установки

 npm install

Модель разработки

 npm run serve

Составьте производственный код

 npm run build