基于TinyEngine实现系统架构图、流程图编排类型设计器 #2

Open
Dol0res wants to merge 8 commits from Dol0res/tiny-engine:try into develop
First-time contributor

主要修改内容

  • 设计器画布:

    使用新的画布组件,支持图形绘制和编排功能,以网格为背景,提供与 Drawio、亿图图示、Microsoft Visio 等绘图软件类似的用户体验。

  • 图形绘制与编排功能:

    绘图工具: 增加了多种绘图工具和图形,用户可以轻松拖放和编辑。

    交互体验: 改进了用户交互,支持图形的拖拽、缩放、连接等操作,并且提供实时更改和编辑功能。

    快捷键支持:可用键盘快捷键和ctrl+鼠标滚轮操作画布元素

  • 下载和导入功能:

    提供两种下载方式:保存为可修改的bpmn源文件与svg图片

    可导入bpmn文件,对已有文件进行修改

  • UI/UX 改进:

    可用性增强: 优化了界面布局和交互方式,提高了使用的直观性和操作效率。

    样式调整: 改进了样式和视觉效果,确保对话框和画布在不同屏幕和设备上显示一致。

图片示例如下

设计器入口:
打开设计器

系统架构图、流程图编排类型设计器使用展示

主要修改内容 - 设计器画布: 使用新的画布组件,支持图形绘制和编排功能,以网格为背景,提供与 Drawio、亿图图示、Microsoft Visio 等绘图软件类似的用户体验。 - 图形绘制与编排功能: 绘图工具: 增加了多种绘图工具和图形,用户可以轻松拖放和编辑。 交互体验: 改进了用户交互,支持图形的拖拽、缩放、连接等操作,并且提供实时更改和编辑功能。 快捷键支持:可用键盘快捷键和ctrl+鼠标滚轮操作画布元素 - 下载和导入功能: 提供两种下载方式:保存为可修改的bpmn源文件与svg图片 可导入bpmn文件,对已有文件进行修改 - UI/UX 改进: 可用性增强: 优化了界面布局和交互方式,提高了使用的直观性和操作效率。 样式调整: 改进了样式和视觉效果,确保对话框和画布在不同屏幕和设备上显示一致。 图片示例如下 设计器入口: ![打开设计器](/api/attachments/2b83f7fe-36e7-438c-bfe1-9c4e5410fab4) 系统架构图、流程图编排类型设计器使用展示 ![](/api/attachments/58850d87-09ec-44d2-b6b4-4f4fbe1403a4)
Dol0res added 8 commits 2024-09-02 15:44:08 +08:00
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
You can also view command line instructions.

Step 1:

From your project repository, check out a new branch and test the changes.
git checkout -b Dol0res-try develop
git pull try

Step 2:

Merge the changes and update on Gitea.
git checkout develop
git merge --no-ff Dol0res-try
git push origin develop
Sign in to join this conversation.
No reviewers
No Label
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: opentiny/tiny-engine#2
No description provided.