DDei在线设计器V1.2.43版发布

最新推荐文章于 2026-01-05 14:45:06 发布
原创 最新推荐文章于 2026-01-05 14:45:06 发布 · 415 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uml #流程图 #javascript #前端 #typescript

2024-11-21-----V1.2.43

一、bug 修复

  1. 修复只读情况下，连线依然可以通过特殊点调整的 bug

  2. 修复了同一页面多个实例时，部分方法只会引用最后一个实例的问题

  3. 修复了组合控件和容器控件改变容器后没有清理的问题，优化了容器的实现

  4. 修复快捷编辑面板，对齐按钮按下无反应问题

 

二、新特性：

  1. 依附图形绑定属性清空后自动删除依附图形

  2. 配置中新增 modify 方法用于扩展配置

  3. 移除了 RectContainer，改为兼容性更强的 PolygonContainer 作为容器

 

三、DFlow - 流程图插件发布

DFlow 是基于 DDei 插件二次开发的流程图组件，可以用于流程设计和流程展示。DFlow 基于 BPMN 规范开发，能够把流程图转换为 BpmnXML 或自定义 JSON 格式。

  流程设计

  流程展示

全新的操作体验

  简版风格

  属性快速编辑

丰富的扩展接口

       菜单、工具箱、按钮、属性都可以扩展，同时 DDei 支持的扩展它都支持。

独立文档

        http://dflow.ddei.top/

DDei在线设计器-API-DDeiEditor
hoslay1的专栏
06-18 917
DDeiEditor是DDei设计器的核心类，每当使用都会生成一个组件实例，其中的editor属性类型为DDeiEditor。DDeiEditor实例包含了组件的所有数据，在获取后可以通过它访问其他内容。DDeiEditor中维护了一个实例池，可以根据名称得到任意实例。一个DDeiEditor实例至少包含一个DDeiFile实例和一个DDei实例。本篇最后提供的示例可以在直接预览。
ddei_2.5_idg.pdf
04-21
Trend Micro Incorporated（趋势科技）在2016年2月发布的《ddei_2.5_idg.pdf》文档中，介绍了其产品Deep Discovery Email Inspector（DDEI）的主要特性，并提供了在生产环境中安装该产品的指导。该文档强调，趋势...
DDei在线设计器-属性编辑器
hoslay1的专栏
06-12 1748
DDei在线设计器的属性编辑器介绍
DDei在线设计器-插件介绍
hoslay1的专栏
06-06 699
DDei在线设计器的插件概述
DDei 在线设计器 V1.2.41 版发布
hoslay1的专栏
10-28 471
​DDei 在线设计器 V1.2.41 版本带来了新功能、提升了性能、增强了稳定性、扩展了多个回调函数。2.由canvas渲染改为canvs+html混合渲染，提升清晰度和渲染性能，并能够与vue组件混合使用。3.支持插件中默认引入配置，减少使用时手动引入4.快捷创建控件的按钮以及弹出面板5.线创建和控件创建获取json该为一个函数，方便外部使用时候通过代理修改创建逻辑6.特定控件以及自定义控件屏蔽连线、操作点等机制7.隐藏控件不响应事件8.优化回调函数，使之适应更多扩展场景并提升性能。
DDei 在线设计器 V1.2.45 版发布
hoslay1的专栏
01-10 268
ddei-editor: ddei在线设计器，提供在线图形设计工具及扩展API，支持用户自己创建页面、每个页面中可以创建多个页签、在页签中通过拖拉拽的方式绘制UML、数据库设计图、软件架构图等多种类型的设计图形。支持等圆形、矩形、三角形、平行四边形等多边形绘图；支持流程图、思维导图、组织架构图的在线绘制；支持多文件、多页签编辑；支持复制、粘贴、复制样式、修改字体大小、颜色等特性；提供扩展API，能够允许外部程序调用扩展能力。
DDei在线设计器-DDeiCore-面板插件
hoslay1的专栏
06-11 955
介绍了DDei在线设计器的各种面板
DDei在线设计器V1.2.42版发布
hoslay1的专栏
11-11 206
可以导入语言包自定义新的语言支持。
DDei在线设计器-快速指南
hoslay1的专栏
05-28 1107
本篇演示了从创建工程到使用设计器组件，并通过配置以及插件对功能进行调整的全过程。按照本篇的步骤，您可以把DDei设计器快速集成到应用中。更多的特性请参考示例和文档，尝试不同的插件与属性搭配，以实现您的个性化需求。
DDei在线设计器-1.2.44版发布
hoslay1的专栏
12-02 339
项目文档：DFlow。
DDEI 销售许可证_20150126.pdf
04-21
根据所提供的文件信息，我们可以推测该文档可能与趋势科技和亚信安全公司所售卖的DDEI（Data Definition and Enforcement Infrastructure）产品有关。DDEI产品通常指的是数据定义与执行基础设施，是信息安全领域内的...
03. DDEI 招标参数_20150421.xlsx
04-21
5. DDEI产品资料：文件可能包含DDEI产品的详细技术资料和规格，这有助于投标企业更好地理解产品的功能和性能，以便在招标过程中提出符合要求的投标方案。 总结以上信息，这份文件可能是一份具有特定日期的招标文件...
ddei_2.5_sg.pdf
04-21
文件内容涉及了一款产品，该产品被称作DDEI（Deep Discovery Inspector），即深度发现检查器。文档中提到，趋势科技保留对文件内容及所述产品进行更改的权利，并且在没有预先通知的情况下可能会发生改动。因此，在...
如何使用Visual Paradigm AI Chatbot创建3D打印机UML状态机图：综合指南
最新发布
Warren Lynch 的博客
01-05 612
VisualParadigm AIChatbot 是一款基于自然语言交互的智能 UML 图表生成工具，可快速创建符合 OMG 标准的 UML 状态机图。用户只需输入自然语言描述（如 3D 打印机工作周期），AI 即可自动生成包含状态、转换、事件等完整要素的图表，并支持实时修改、样式调整和逻辑分析。相比传统绘图方式，该工具显著提升了建模效率，特别适合快速原型设计，支持导出为图片或导入 Visual Paradigm 桌面版进一步编辑。其自然语言交互、即时可视化和迭代优化等特点，使 UML 建模更加直观高效。
UML画图技巧
qq_33089547的博客
01-03 265
1.类图属性：类之间的关系：关联关系：两个类之间没有依赖关系聚合：用于说明整体和部分的关系组合：部分不能存在于整体之外2.时序图时序图可直观显示出系统内外交互的过程生命线：生命线是一条虚线，生命线从上往下表示时间顺序的先后参与者是一个小人图标，对象是矩形虚线表示返回消息，或从接收对象返回到请求对象的消息请求消息用实线表示激活框：激活框显示对象执行期间的时间参与者是外部对象不需要激活框3.流程图开始/结束 椭圆操作处理 矩形条件判断 菱形数据输入/输出 平行四边形。
UML系列之Visual Paradigm教程三——序列图
shenzhou17的博客
01-02 255
本文介绍了使用Visual Paradigm(VP)绘制序列图/时序图的基本方法。主要内容包括：1）如何新建序列图；2）基础图例的使用，如参与者(actor)和生命线；3）交互设计和构造型选择；4）解决生命线自动粘连问题的技巧；5）设置返回消息的方法。文章重点讲解了VP绘制时序图时特有的操作难点，如生命线隔断处理等实用技巧，为使用VP工具绘制时序图提供了操作指导。
ER模型（实体-关系模型）和 UML（统一建模语言）
SZ170110231的博客
01-02 408
专注于，用于描述业务系统中的。核心目标是规划数据库表结构，确保数据的一致性和完整性。面向，包括结构、行为、交互等。不仅涉及数据，还涵盖业务流程、系统动态行为、组件部署等，适用于软件开发生命周期的多个阶段。
draw.io(免费流程图制作工具)
2501_90259289的博客
01-03 324
draw.io是一款免费的在线图表绘制工具，它提供了强大的功能和易于使用的界面，适用于各种绘图需求，无需注册即可快速创建流程图、UML 图、网络拓扑图等数十种专业图表。
WSL中使用Mermaid离线生成LangGraph流程图
Dlite的技术笔记
01-02 306
核心流程：代理下载Chrome → 补依赖 → 配置mmdc → 自动化生成。配置完成后，可离线生成任意Mermaid图表，LangGraph场景一键可视化，无需重复配置。
ddei在线编译器控件添加点击事件
05-23
### 实现DDEI在线编译器控件中的点击事件 在DDEI在线编译器中，可以通过`controlDefines`选项来自定义控件的行为和外观。为了实现点击事件的功能，可以利用`events`字段，在其中定义特定的交互逻辑[^2]。 以下是具体的实现方法： #### 定义带有点击事件的自定义控件 通过修改`ControlDefinesDemo`对象数组的内容，可以在每个控件中添加`events`字段，并指定`click`事件处理函数。以下是一个完整的示例代码片段： ```typescript <script setup lang="ts"> import DDeiEditorView from "ddei-editor"; import { DDeiCoreStandLayout } from "ddei-editor"; // 自定义控件定义 const ControlDefinesDemo = [ { type: "button", name: "CustomButton", events: { click: (e: any) => { console.log("按钮被点击了！", e); alert("您点击了一个自定义按钮！"); }, }, }, ]; // 配置设计器选项 const options = { config: { grid: 0, background: { color: "blue", opacity: 0.1, }, controlDefines: ControlDefinesDemo, // 使用自定义控件 initData: { controls: [ { model: "CustomButton", text: "点击我!", }, ], }, }, extensions: [ DDeiCoreStandLayout.configuration({ top: [], middle: ["ddei-core-panel-canvasview", "ddei-core-panel-quickcolorview"], bottom: [], left: [], right: [], }), ], }; </script> <template> <div style="width:800px;height:600px;margin:50px auto;"> <DDeiEditorView :options="options" id="ddei_editor_1"></DDeiEditorView> </div> </template> ``` #### 关键点解析 1. **控制定义 (`controlDefines`)** - `controlDefines` 是用来注册自定义控件的地方。在这里，我们为名为 `"CustomButton"` 的控件绑定了一个 `click` 事件。 2. **事件绑定** - 在 `events.click` 中编写回调函数，该函数会在用户单击此控件时触发。这里的参数 `e` 表示原生 DOM 事件对象。 3. **初始数据加载 (`initData.controls`)** - 利用 `initData.controls` 数组向画布中预加载一些默认控件实例。在这个例子中，我们将预先放置一个具有模型名称 `"CustomButton"` 的控件。 4. **扩展插件支持** - 如果需要更复杂的布局管理或其他功能增强，则可通过 `extensions` 属性引入官方或第三方开发的插件。 --- ### 注意事项 如果希望进一步定制行为或者动态调整事件处理器，还可以考虑将事件逻辑封装成独立的方法并传递给组件实例。这有助于提高代码可读性和重用率。 此外，对于某些特殊场景下的高级需求（例如 HTML 渲染），可能还需要借助额外的插件如 HtmlViewer 来完成复杂图形展示任务[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值