diff --git a/README.md b/README.md index 128d1d7c0453755f0084aa7a377892994c8f6dc2..b738b7664387406ac98b5205dac5f0b35a5554b7 100644 --- a/README.md +++ b/README.md @@ -1,202 +1,169 @@ -# 演示地址 +## 演示地址 -http://81.71.14.205:8083/index.html#/workflow/list +http://39.101.74.14:8083/index.html#/workflow/list - **应用源码建议参考 [sample](https://gitee.com/mengtree/workflow-engine/tree/sample/) 分支，该分支是演示系统的源码实现** +## 演示源码分支 -# 简介 +https://gitee.com/mengtree/workflow-engine/tree/sample/ -该流程引擎完全开源免费，致力于打造与平台组织架构无关、高扩展的工作流引擎。 -通过自定义用户选择器和条件处理器实现既有业务的组织架构关联和审批过程处理。 - -* 前台流程引擎用的是 https://gitee.com/xiaoka2017/easy-flow ，相关应用api需前往查看 - -## 截图效果 - -![输入图片说明](WorkFlowCore/image3.png) -![输入图片说明](WorkFlowCore/image2.png) -![输入图片说明](WorkFlowCore/image1.png) - -# 使用介绍 - -## 编辑流程 - -### 节点 - -* 开始/结束 节点 -这两个节点是流程的起始和结束节点。每个流程都只能有一个开始节点 和 一个结束节点。 - -* 普通 节点 -普通节点是流程主要的审批节点，在普通节点上指定审批的人员。人员可以多个，同时审批可以单个审核即到下一个节点或者等待所有人审批才跳到下一个节点。 - -点击节点即可对该节点进行配置。 - -![输入图片说明](WorkFlowCore/image4.png) - -一个节点可以指定不同、多个的用户选择条件，以根据实际情况选择不同的人员进行审批或者阅读（抄送） -![输入图片说明](WorkFlowCore/image6.png) -![输入图片说明](WorkFlowCore/image7.png) - -节点还可以指定拒绝（驳回）节点，如果配置了拒绝节点，在进行拒绝操作时，会退回到指定的节点重新开始。 -拒绝节点还可以配置条件，满足条件才会跳回指定节点，否则默认退回到来源。 -![输入图片说明](WorkFlowCore/image12.png) - - - - -用户选择器可以根据实际对接的业务系统具体的实现（详见开发介绍） +详细的应用建议结合演示平台参考演示分支源码。 -* 会签节点 -会签节点是一个特殊节点，在该节点之前有多个前置节点时，需要等待前置节点所有人员审批通过才可以继续，另外会签节点本身也是需要指定人员审批，跟普通节点一样。 +## 简介 -* 节点审批人员等信息配置之后，需先点击节点编辑面板保存： -![输入图片说明](WorkFlowCore/image13.png) - -### 线条 - -线条是连接节点的桥梁，而且节点应该是单向。一个节点可以指向多个目标节点，当线条配置有条件时，则会根据条件跳转，否则默认派发到所有指向节点。利用线条可以轻松实现派发或者判断（注意到我们没有判断节点，所有的判断由线条决定）。 - -鼠标放在节点的左侧图标，出现十字标记时，按住 鼠标拖动到目标节点方向鼠标即可实现连线 -![输入图片说明](WorkFlowCore/image20.png) - -点击线条进行线条的名称和条件配置。 -![输入图片说明](WorkFlowCore/image5.png) -线条可以配置不同的条件解析器对流程、表单等进行数据解析判断是否符合流程。同样也可以通过自定义扩展实现复杂的判断逻辑（比如默认情况下表单是json，一般条件解析器可以简单的解析，若是数据是其它格式的数据，则需要自定义解析器来判读） - -* 与节点编辑一样，在配置好线条的名称和条件后，点击保存确认当前配置 - -* 最后点击右上角保存整个流程 -![输入图片说明](WorkFlowCore/image14.png) - -## 流程模拟 - -流程模拟功能可以对配好的流程进行模拟审批，以判断流程的合理性以及人员和条件的解析是否正确，保证流程的通过性。 -![输入图片说明](WorkFlowCore/image8.png) - -### 发起流程 -选择一个发起人，并且配置相应的表单数据即可发起一个流程。 -![输入图片说明](WorkFlowCore/image10.png) - -### 审批 -通过选择审批人员可以模拟不同人的审批。也只有流程走到该人员才允许审批。 - -![输入图片说明](WorkFlowCore/image9.png) - -审批有普通的拒绝（驳回）与通过外，还有转发代办功能，可以转发给其他人办理。人员的选择 与节点的审批人员选择一致。 - -![输入图片说明](WorkFlowCore/image11.png) - -### 审批记录 - -此处显示模拟审批的操作记录，即审批记录。 -![输入图片说明](WorkFlowCore/image21.png) -对于审批过后的记录，可以有相应的“撤回”操作，撤回自己前一步操作。但是撤回也是有条件： -1.下一步审批人员未阅读时才能进行撤回， -2.已结束的流程无法撤回 -3.间隔一个节点也无法撤回 +该流程引擎完全开源免费，致力于打造与平台组织架构无关、高扩展的工作流引擎。 +通过自定义用户选择器和条件处理器实现既有业务的组织架构关联和审批过程处理。 -除了框架默认实现的几个用户选择器和条件解析器外，还允许在实际使用中扩展贴合自身业务系统的选择器和解析器。这也是这个引擎的目标。 -通过简单的实现相应的接口，即可将系统与现有的组织架构关联。 +* PS:前台流程引擎用的是 https://gitee.com/xiaoka2017/easy-flow ，相关应用api需自行前往查看 -# 运行介绍 +## 项目特点 +工作流项目有很多，各有特点，而本项目的特点就是解耦。将审批过程中的条件选择与人员派发抽象出来，用户可以根据自身的组织架构特点进行自定义人员与条件的配置，而无需更改逻辑代码。只需要简单的实现条件和人员选择自定义接口即可。 +（目前还未实现插件，后续会增加插件式扩展） -项目默认实现了 文件仓库 ef 仓储，在启动入口可以配置使用哪种数据实现（建议选择EF） +## 项目运行 -``` -services.AddWorkFlowCoreFramework(options=> { +在下载完源码之后，通过几个简单的操作即可运行起项目： +- 在 Startup 指定启动需要的仓储类型。默认可选 Default 和 EF。 Default 是文本存取实现的仓储，无需建库，直接运行体验。 + ``` + services.AddWorkFlowCoreFramework(options=> { options.OrmType = WorkFlowCoreFrameworkService.FrameworkConfigOrmType.EF; }); -``` - -## 选择EF数据仓储实现 -如果选择了EF的实现，通过简单操作即可进行数据表迁移： -1.设置 Host 为项目启动项 -2.配置数据链接字符串 -3.打开 程序包管理控制台 -4.在控制台中选择 Framework 项目 -5.在控制台执行 update-database 等待迁移 完成。 - - - - -# 开发介绍 -直接从git下载源码编译。 -建议以分布式子系统或者微服务形式部署。 -项目自带流程编辑器，以及 简单的流程模拟功能. - -## 后台结构介绍 -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/152645_fc78f0e0_1547296.png "屏幕截图.png") - -### WorkFlowCore - -是整个引擎的核心，核心通过抽象，允许 部分功能通过外部扩展 - -### WorkFlowCore.Framework - -是抽象的其中一个扩展，默认实现了以json文件为持久化的仓储 Repository和两个事件处理demo - -### WorkFlowCore.Host - -是web服务的启动项目，在这里写接口代码 - -### WorkFlowCore.Selector - -是抽象的其中一个扩展，默认实现两个 用户选择器和条件处理器， - -### WorkFlowCore.Test -单元测试 - - -## 需要自己实现的内容： -### Repository - -框架默认实现的只是一个以json文件为持久化的仓储，实际使用应该实现自己的持久化程序，实现 IBasicRepository 接口，将程序注册到容器服务中。 - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/154857_7981d612_1547296.png "屏幕截图.png") - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/154911_3ce47eca_1547296.png "屏幕截图.png") - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/154927_a2942b2b_1547296.png "屏幕截图.png") - -### 实现自己的用户选择器 - -不同项目的组织架构不同，这也是为什么要写这个框架，就是要把用户的选择从框架中抽取出来。 -实现自定义用户选择器需要实现 IUserSelector 接口： -GetSelections 方法返回用户的选项类型，可以返回一些类型（比如角色，职位等组织架构信息）也可以直接返回用户列表 - -GetUsers 方法是在流程审批过程中，结合流程的各项参数去解析获取实际的用户数据，这里返回的是根据条件匹配到的用户列表。 - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/155650_8abf820b_1547296.png "屏幕截图.png") - -自己实现的选择器需要注册到容器服务中 -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/160736_83cb6b12_1547296.png "屏幕截图.png") - -### 实现自己的条件处理器 - -一般的条件处理使用默认的条件处理可以完成，但是需要复杂的条件处理就需要自定义实现。比如需要根据表单中某个值去获取其它信息进行判断，就需要自己解析。 -具体解析要看表单数据格式，具体问题具体分析。 - -要自定义 条件处理器 需要实现 ICondition 接口，该接口只有一个方法 CanAccept，结合流程数据判断某个路径是否能走。 - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/160556_96bd8d01_1547296.png "屏幕截图.png") - -注册选择器到容器服务中 -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/160732_99b5eea7_1547296.png "屏幕截图.png") - -### 事件扩展 - -目前系统提供 流程推送事件和流程结束事件，需要实现更多扩展功能比如通知处理流程，流程结束后推送消息之类的需求，需要自己实现 -ISendTaskEventHandler 和 ITaskFinishedEventHandler - -实现的事件扩展需要注册到服务中 - -![输入图片说明](https://images.gitee.com/uploads/images/2021/0409/160811_9b5965a3_1547296.png "屏幕截图.png") - - -## 分布式应用场景下的使用 + ``` + +- 如果选择的是 EF ： + - 配置数据库字符串链接。如果是Mysql，还需要配置上 版本。建议 8.0 以上。 + ``` + "ConnectionStrings": { + "Default": "Database=Workflow;Data Source=datasource;Port=3306;UserId=root;Password=123456;Charset=utf8;TreatTinyAsBoolean=false;Allow User Variables=True", + "DefaultVersion": "8.0.26" + } + ``` + - 设置 Host 为启动项。 + - 初始化迁移脚本（如果数据库不是Mysql，默认是Mysql则不需要这一步）。 + - 删除 WorkFlowCore.Framework 下的 Migrations 文件夹。 + - 通过 vs 的 工具=>NuGet包管理器=>程序包管理器控制台 ,默认项目 选择 WorkFlowCore.Framework，输入 add-migration init 命令回车 + + - 初始化数据表。通过 vs 的 工具=>NuGet包管理器=>程序包管理器控制台 ,默认项目 选择 WorkFlowCore.Framework，输入 update-database 命令回车 + +## 使用介绍 + +### 业务模型 + +- 子域以及子域间的上下游关系 + ![子域间关系](/WorkFlowCore/ReadmeImges/子域关系图.png ) + - UserSelector 负责处理审批过程用户的选择，出现在流程节点 + - Condtion 负责处理流程的走向，出现在流程连线 + - 流程设计：一个流程设计可以有多个版本，随着业务的变化进行变更时，确保旧的流程正常流转。 + - 流程实例：流程实例就是一个个发起的流程审批 + +- 工作流领域和业务组织领域的关系 +- ![与外部系统关系](/WorkFlowCore/ReadmeImges/流程系统和业务系统关系.png ) +- 流程引擎依赖业务系统的业务数据、组织 结构数据。 + + + +### 源码结构 + +在介绍使用之前，简单介绍下代码结构。 +整个项目包含四个部分： +- 1.WorkFlowCore 是领域核心，所有的业务逻辑在这里面封装交互。在这个部分里，有几个模块： + - Authorization 身份认证，里面是获取当前用户信息的抽象接口。因为项目是独立与用户的其它系统，当进行接口（或其它形式）访问时，需要获取当前登录信息时，就需要通过身份接口获取。用户根据实际情况做具体的实现。 + - EventBus 事件总线，默认实现进程事件与分布式事件消息（Kafka）。事件总线用于发布和订阅事件。 + - EventData 事件消息模型（发布者发布的数据对象） + - IRepositories 抽象仓储。在系统设计时，考虑到不同的使用场景下，具体的数据库是不确定的，所以引入仓储，便于扩展。（默认提供了EF 的扩展） + - **UserSelectors** 用户选择器。特色模块之一。为用户选择的抽象管理。实际使用时，是需要实现相应的用户选择接口接口扩展用户选择器。后面会详细介绍。 + - **Conditions** 条件处理器。特色模块之一。通过自定义条件处理器，可以为用户提供丰富的处理选项和逻辑。后面会详细介绍。 + - Workflows 流程设计模块，后面会介绍。 + - WorkTasks 流程实例模块，后面会介绍。 +- WorkFlowCore.Framework 领域核心抽象的实现。在这里实现具体用仓储用哪个数据库，有什么用户选择器和条件处理器等待 +- WorkFlowCore.Host 接口 +- WorkFlowCore.Test 单元测试。 + + +### 使用流程简介 + +流程引擎单独运行没有什么意义，一般需要结合具体的组织架构和业务进行应用。所以需要根据场景与组织系统进行对接。本系统设计初衷就是为了将引擎核心与业务分离，只需要简单的接口实现既可以跟既有组织架构关联。 + + +- 实现自定义仓储。如果需要使用其它的orm，则需要实现自己的数据库仓储。在实现数据库仓储时，应相应的实现该仓储的工作单元。总之参考默认实现，实现一套自己的仓储。 +- 自定义用户选择器。通过实现 IUserSelector 接口实现自己的用户选择器。 + + ``` + + [UserSelector("按用户选择","从所有用户选择")] + public class UserSelectorB : IUserSelector + { + + public List GetSelections() + { + + return UserList.Users.Select(u => new Selection { Id = u.Id, Name = u.Name }).ToList(); + } + + public List GetUsers(SelectorInput input) + { + var result = new List(); + switch (input.SelectionId) + { + default: + result.Add(new User { Id = input.SelectionId, Name = UserList.GetUserById(input.SelectionId).Name }); + break; + } + return result; + } + } + ``` + 用户选择器说明： + 1. UserSelector 特性。该特性对选择器做指定一个名称和描述，用于在前端显示。如图所示： + 2. 类名全程将作为选择器唯一标识。 + 3. GetSelections 方法 指定这个类型的选择器有哪些选项。选择可以是多种多样的。比如作为角色选择器时，选项返回角色列表。 + 4. GetUsers 通过将通过选项标识获取实际的用户列表返回。比如角色选择器传入一个角色，将返回这个角色的所有成员。 + + + + + +- 自定义条件处理器。通过实现 ICondition 接口，可自定义条件处理器。条件处理时，将通过工作流表单信息、当前审批人信息、以及条件参数等信息进行判断是否满足某当前处理器所指定的条件。只需要返回是否满足。 + ``` + [Condition("条件处理器A")] + public class ConditionA : ICondition + { + public bool CanAccept(ConditionInput input) + { + try + { + //简单的表达式解析 + var keyvalue = input.Expression.Split('='); + JObject jObject = JObject.Parse(input.WorkTask.FormData); + var token = jObject.SelectToken(keyvalue[0]); + var value = token.Value(); + return value.Equals(keyvalue[1]); + } + catch (Exception) + { + return false; + } + } + } + ``` + 条件处理器说： + 1. Condition特性标记。 类似 用户选择器，Condition标记将提供条件名称和描述供前端查看。 + 2. CanAccept 只有一个布尔返回值，将通过表达式、当前工作流信息、当前审批步骤 等信息去解析表达式，并得出结果。信息来源广，可以实现解析工作流表单信息，也可以实现通过sql或者其它各种形式的数据判断。同时解析手段也可以根据实际情况扩展，比如解析json、xml或者其它非标准结构的数据，都可以通过自定义实现处理器来 解析判断。 + +- 创建流程设计。新建一个工作流设计，该流程设计包括各个节点、人员、条件 等的配置信息，主要为一下结构： + - 节点。审批处理节点，或者说审批步骤。 + - 人员选择器。该节点由哪些人来审批或抄送给谁。 + - 线条。线条用于连接节点。有了线条串起各个节点，才能形成一个通路。 + - 条件处理器。线条配置条件处理器就可以在处理时判断能去到哪些节点。 +- 创建工作流实例。设计好流程步骤后。就可以创建相应的审批实例，接着进行审批各项操作。 + + + +### 部署方式 + +当前流程引擎有自己完整的一套工作方式，并不适合进行拆解源码融合到其它系统，最适合的方式就是以分布式的方式进行部署。通过分布式部署的情况下，与业务系统的对接则通过接口进行。 + +1. 一般情况下，业务系统表单自己维护一个审批状态，业务系统通过调用流程系统接口发起一个审批。也可以自行管理一套表单和状态，只通过本引擎进行流转。 +2. 流程系统成功新建一个流程后，将发起一个审批开始的事件，通过订阅该事件进行回调更新业务表单的审批状态。 +3. 其它的诸如新建流程设计、流程审批记录等，可通过接口查询，或者自行实现相应的查询接口。 -当前流程引擎有自己完整的一套工作方式，并不适合进行拆解融合到其它系统，最适合的方式就是以分布式的方式进行部署。通过分布式部署的情况下，与业务系统的对接则通过接口进行。 -一般情况下，业务系统表单自己维护一个审批状态，业务系统通过调用流程系统接口发起一个审批。 -流程系统成功新建一个流程后，将发起一个审批开始的事件，通过订阅该事件进行回调更新业务表单的审批状态。 -其它的诸如新建流程设计、流程审批记录等，可通过接口查询，或者自行实现相应的查询接口。 diff --git "a/WorkFlowCore/ReadmeImges/\345\255\220\345\237\237\345\205\263\347\263\273\345\233\276.png" "b/WorkFlowCore/ReadmeImges/\345\255\220\345\237\237\345\205\263\347\263\273\345\233\276.png" new file mode 100644 index 0000000000000000000000000000000000000000..cfcf93463e4a18e962d41d2d567871e2f5e49e92 Binary files /dev/null and "b/WorkFlowCore/ReadmeImges/\345\255\220\345\237\237\345\205\263\347\263\273\345\233\276.png" differ diff --git "a/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\263\273\347\273\237\345\222\214\344\270\232\345\212\241\347\263\273\347\273\237\345\205\263\347\263\273.png" "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\263\273\347\273\237\345\222\214\344\270\232\345\212\241\347\263\273\347\273\237\345\205\263\347\263\273.png" new file mode 100644 index 0000000000000000000000000000000000000000..5485a87c5f67a2d92440c5d8fbfbc65d5445f144 Binary files /dev/null and "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\263\273\347\273\237\345\222\214\344\270\232\345\212\241\347\263\273\347\273\237\345\205\263\347\263\273.png" differ diff --git "a/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\274\226\350\276\221.png" "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\274\226\350\276\221.png" new file mode 100644 index 0000000000000000000000000000000000000000..0cea0fd3bb9cc83f912d5728f26143b2399487fc Binary files /dev/null and "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\347\274\226\350\276\221.png" differ diff --git "a/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\350\256\276\350\256\241.png" "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\350\256\276\350\256\241.png" new file mode 100644 index 0000000000000000000000000000000000000000..b96cb523ef460de0771e86631a78071919773ada Binary files /dev/null and "b/WorkFlowCore/ReadmeImges/\346\265\201\347\250\213\350\256\276\350\256\241.png" differ diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/BaseEventData.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/BaseEventData.cs new file mode 100644 index 0000000000000000000000000000000000000000..c9654545552743bb1284c732ba015f706a57e57d --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/BaseEventData.cs @@ -0,0 +1,10 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus +{ + public class BaseEventData + { + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusManager.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusManager.cs new file mode 100644 index 0000000000000000000000000000000000000000..9ed0bff7b6f5c704de00d39ed3c448a0e20d50f9 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusManager.cs @@ -0,0 +1,41 @@ +using Microsoft.Extensions.DependencyInjection; +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus +{ + /// + /// 全局静态事件帮助类，便于在其它非注入渠道发起事件 + /// + public class EventBusManager + { + private static IServiceProvider serviceProvider; + internal static void Init(IServiceProvider serviceProvider) + { + EventBusManager.serviceProvider = serviceProvider; + } + + public IEventBus Instance() + { + return (IEventBus)serviceProvider.GetService(typeof(IEventBus)); + } + + public void Trigger(TData data) where TData:BaseEventData + { + if (data == null) return; + var services =serviceProvider.GetServices(); + foreach (var service in services) + { + try + { + service.Trigger(data); + } + catch (Exception ex) + { + Console.Error.WriteLine(ex.ToString()); + } + } + } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusService.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusService.cs new file mode 100644 index 0000000000000000000000000000000000000000..25dbe32bae0a37654d6c5954fb0c3032a8e9e1dc --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/EventBusService.cs @@ -0,0 +1,53 @@ +using WorkFlowCore.Common.EventBus.Implements.Kafka; +using Microsoft.Extensions.DependencyInjection; +using System; +using System.Collections.Generic; +using System.Reflection; +using System.Text; +using Microsoft.AspNetCore.Builder; +using Microsoft.Extensions.Configuration; + +namespace WorkFlowCore.Common.EventBus +{ + public static class EventBusService + { + + public static IServiceCollection AddDefautEventBus(this IServiceCollection services,params Assembly[] assemblies) + { + services.AddSingleton(typeof(IEventBus), typeof(DefaultEventBus)); + services.AddSingleton(typeof(DefaultEventBus)); + foreach (var assembly in assemblies) + { + DefaultEventBus.RegistSubscriptions(assembly); + } + services.AddSingleton(); + return services; + } + public static IServiceCollection AddKafkaEventBus(this IServiceCollection services, Action options) + { + services.AddSingleton(typeof(IEventBus), typeof(KafkaEventBus)); + services.AddSingleton(typeof(KafkaEventBus)); + var config = new KafkaEventConfig(); + options?.Invoke(config); + services.AddSingleton(provider => config); + services.AddSingleton(); + return services; + } + public static IApplicationBuilder InitGlobalEventBus(this IApplicationBuilder app) + { + //注册普通事件，该事件订阅在单应用有效无法分布式 + EventBusManager.Init(app.ApplicationServices); + + //注册kafka作为分布式事件 + var kafkaEventBus = app.ApplicationServices.GetService(); + var config = app.ApplicationServices.GetService(); + var configuration = app.ApplicationServices.GetService(); + Console.WriteLine("servers:" + configuration["KafkaBootstrapServers"]); + if (kafkaEventBus!=null&&config!=null && config.RegisterAssemblies != null) + kafkaEventBus.RegistSubscriptions(config.RegisterAssemblies); + + return app; + + } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventBus.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventBus.cs new file mode 100644 index 0000000000000000000000000000000000000000..29de4f25ded7171e11b584909d0c59d1aca6b6ab --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventBus.cs @@ -0,0 +1,15 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus +{ + public interface IEventBus + { + void SubscribeEventHandler(Type eventDataType, Type handlerType); + void UnsubscribeEventHandler(Type eventDataType, Type handlerType); + void SubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData; + void UnsubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData; + void Trigger(TData data); + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventHandler.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventHandler.cs new file mode 100644 index 0000000000000000000000000000000000000000..b560364622065b4542b16516d76bdf23177d3dfd --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/IEventHandler.cs @@ -0,0 +1,16 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus +{ + public interface IEventHandler + { + + } + + public interface IEventHandler: IEventHandler where TData:BaseEventData + { + void Handle(TData data); + } +} diff --git a/WorkFlowCore/WorkFlowCore/EventHandlers/EventManager.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Default/DefaultEventBus.cs similarity index 32% rename from WorkFlowCore/WorkFlowCore/EventHandlers/EventManager.cs rename to WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Default/DefaultEventBus.cs index a68841e2b9a3a88f71ee374c3f493f5e72f15b9f..9ccc7941e20105370a309437c36bf604f9df13b9 100644 --- a/WorkFlowCore/WorkFlowCore/EventHandlers/EventManager.cs +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Default/DefaultEventBus.cs @@ -1,59 +1,77 @@ -using System; +using Microsoft.Extensions.DependencyInjection; +using System; using System.Collections.Generic; using System.Linq; using System.Reflection; using System.Text; -namespace WorkFlowCore.EventHandlers +namespace WorkFlowCore.Common.EventBus { - public class EventManager + public class DefaultEventBus : IEventBus { private IServiceProvider serviceProvider; private static object objLock = new object(); - public EventManager(IServiceProvider serviceProvider) + public DefaultEventBus(IServiceProvider serviceProvider) { this.serviceProvider = serviceProvider; } private static Dictionary> eventSubscribes; - static EventManager() + static DefaultEventBus() { eventSubscribes = new Dictionary>(); } - public static void Subscribe(Type handlerType, Type handler) + private static void Subscribe(Type eventDataType, Type handlerType) { lock (objLock) { - if (!eventSubscribes.ContainsKey(handlerType)) - eventSubscribes.Add(handlerType, new List { }); + if (!eventSubscribes.ContainsKey(eventDataType)) + eventSubscribes.Add(eventDataType, new List { }); } - eventSubscribes[handlerType].Add(handler); + eventSubscribes[eventDataType].Add(handlerType); } - public static void Subscribe(Type handlerType) + private static void Unsubscribe(Type eventDataType, Type handlerType) { - if (typeof(ISendTaskEventHandler).IsAssignableFrom(handlerType)) - { - Subscribe(typeof(ISendTaskEventHandler), handlerType); - } - else if (typeof(ITaskFinishedEventHandler).IsAssignableFrom(handlerType)) - Subscribe(typeof(ITaskFinishedEventHandler), handlerType); + if (!eventSubscribes.ContainsKey(eventDataType)) return; + + if (eventSubscribes[eventDataType].Contains(handlerType)) + eventSubscribes[eventDataType].Remove(handlerType); + } + + public static void Subscribe() where THandler : IEventHandler where TData:BaseEventData + { + Subscribe(typeof(TData), typeof(THandler)); } public static void Subscribe() where EventHandler : IEventHandler { - Subscribe(typeof(EventHandler)); + var handlerType = typeof(EventHandler); + Subscribe(handlerType); } + public static void Subscribe(Type handlerType) + { + var interfaceType = handlerType.GetInterfaces().FirstOrDefault(i => i.IsGenericType); + if (interfaceType != null) + { + var dataType = interfaceType.GetGenericArguments()[0]; + Subscribe(dataType, handlerType); + } + else throw new Exception($"{handlerType.FullName} 需实现 {typeof(IEventHandler<>).FullName}"); + } + + + /// /// 从 程序集注册 /// /// - public static void RegisterSubscriptions(params Assembly[] assemblies) + public static void RegistSubscriptions(params Assembly[] assemblies) { foreach (var assembly in assemblies) { @@ -66,43 +84,40 @@ namespace WorkFlowCore.EventHandlers } } - private void ResoleHandler(Action handlerFun) where Handler : IEventHandler + public void Trigger(TData data) { - var handlerType = typeof(Handler); - if (!eventSubscribes.ContainsKey(handlerType)) return; - foreach (var handler in eventSubscribes[handlerType]) + var eventDataType =typeof(TData); + if (!eventSubscribes.ContainsKey(eventDataType)) return; + var handlerTypes = eventSubscribes[eventDataType]; + handlerTypes.ForEach(handlerType => { - try + using(var scope = serviceProvider.CreateScope()) { - handlerFun?.Invoke((Handler)serviceProvider.GetService(handler)); + var handler = scope.ServiceProvider.GetService(handlerType); + handlerType.GetMethod("Handle", new Type[] { eventDataType }).Invoke(handler, new object[] { data }); } - catch (Exception ex) - { - // - } - } + + }); } - public void TriggerSendTask(WorkTasks.WorkTask workTask, WorkTasks.WorkStep workStep) + public void SubscribeEventHandler(Type eventDataType, Type handlerType) { - ResoleHandler(handler => - { - handler.Trigger(workTask, workStep); - }); + Subscribe(eventDataType, handlerType); } - public void TriggerTaskFinished(WorkTasks.WorkTask workTask) + + public void SubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData { - ResoleHandler(handler => - { - handler.Trigger(workTask); - }); + Subscribe(); } - public void TriggerTaskStateChange(WorkTasks.WorkTask workTask, WorkTasks.WorkTaskStatus workTaskStatus) + + public void UnsubscribeEventHandler(Type eventDataType, Type handlerType) { - ResoleHandler(handler => - { - handler.Trigger(workTask, workTaskStatus); - }); + Unsubscribe(eventDataType, handlerType); + } + + public void UnsubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData + { + Unsubscribe(typeof(TData), typeof(THandler)); } } } diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventBus.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventBus.cs new file mode 100644 index 0000000000000000000000000000000000000000..1fd2b84df63f625f57ffd1aa3ba2dd41de89c122 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventBus.cs @@ -0,0 +1,222 @@ +using WorkFlowCore.Common.EventBus.Implements.Kafka; +using Confluent.Kafka; +using Microsoft.Extensions.DependencyInjection; +using Newtonsoft.Json; +using System; +using System.Collections.Generic; +using System.Linq; +using System.Reflection; +using System.Text; +using System.Threading; +using System.Threading.Tasks; + +namespace WorkFlowCore.Common.EventBus +{ + public class KafkaEventBus : IEventBus + { + private IServiceProvider serviceProvider; + private readonly KafkaEventConfig eventConfig; + private static object objLock = new object(); + + public KafkaEventBus(IServiceProvider serviceProvider, KafkaEventConfig eventConfig) + { + this.serviceProvider = serviceProvider; + this.eventConfig = eventConfig; + Console.WriteLine(eventConfig.Servers); + } + + private static Dictionary> eventSubscribes; + private static Dictionary eventSubscribeCancellationTokenSources; + static KafkaEventBus() + { + eventSubscribes = new Dictionary>(); + eventSubscribeCancellationTokenSources = new Dictionary(); + } + + private void SubscribeAsync(Type eventDataType, Type handlerType) + { + + var subscribesKey = eventDataType.FullName + handlerType.FullName; + + + if (eventSubscribes.ContainsKey(subscribesKey)) return; + //不做标记的不处理 + var topicAttr = eventDataType.GetCustomAttribute(); + if (topicAttr == null) return; + var toptic = string.IsNullOrEmpty(topicAttr.Topic)?eventDataType.FullName: topicAttr.Topic; + + var groupIdAttr = handlerType.GetCustomAttribute(); + if (groupIdAttr == null) return; + var groupId = string.IsNullOrEmpty(groupIdAttr.GroupId)?handlerType.FullName: groupIdAttr.GroupId; + var conf = new ConsumerConfig + { + GroupId = groupId, + BootstrapServers = eventConfig.Servers, + AutoOffsetReset = AutoOffsetReset.Earliest, + EnableAutoCommit = false, + }; + + CancellationTokenSource cts = new CancellationTokenSource(); + var c = new ConsumerBuilder(conf).Build(); + c.Subscribe(toptic); + lock (objLock) + { + if (!eventSubscribes.ContainsKey(subscribesKey)) + eventSubscribes.Add(subscribesKey, c); + if (!eventSubscribeCancellationTokenSources.ContainsKey(subscribesKey)) + eventSubscribeCancellationTokenSources.Add(subscribesKey, cts); + } + + try + { + while (!cts.IsCancellationRequested) + { + try + { + var cr = c.Consume(cts.Token); + Console.WriteLine($"Consumed message '{cr.Message}' at: '{cr.TopicPartitionOffset}'."); + + var data = JsonConvert.DeserializeObject(cr.Message.Value, eventDataType); + using (var scope = serviceProvider.CreateScope()) + { + var handler = scope.ServiceProvider.GetService(handlerType); + handlerType.GetMethod("Handle", new Type[] { eventDataType }).Invoke(handler, new object[] { data }); + } + c.Commit(cr); + } + catch (ConsumeException e) + { + Console.WriteLine($"Error occured: {e.Error.Reason}"); + } + catch (Exception e) + { + Console.WriteLine($"Error occured: {e.ToString()}"); + } + } + } + catch (OperationCanceledException) + { + // Ensure the consumer leaves the group cleanly and final offsets are committed. + c.Close(); + } + finally + { + if (c != null) + { + c.Close(); + c.Dispose(); + } + } + } + + + private void Subscribe(Type eventDataType, Type handlerType) + { + Task.Run(() => + { + SubscribeAsync(eventDataType, handlerType); + }); + } + + + + private void Unsubscribe(Type eventDataType, Type handlerType) + { + var subscribesKey = eventDataType.FullName + handlerType.FullName; + + if (eventSubscribes.ContainsKey(subscribesKey)) eventSubscribes[subscribesKey].Unsubscribe(); + if (eventSubscribeCancellationTokenSources.ContainsKey(subscribesKey)) eventSubscribeCancellationTokenSources[subscribesKey].Cancel(); + + } + + public void Subscribe() where THandler : IEventHandler where TData : BaseEventData + { + Subscribe(typeof(TData), typeof(THandler)); + } + public void Subscribe() where EventHandler : IEventHandler + { + var handlerType = typeof(EventHandler); + Subscribe(handlerType); + } + + public void Subscribe(Type handlerType) + { + var interfaceType = handlerType.GetInterfaces().FirstOrDefault(i => i.IsGenericType); + if (interfaceType != null) + { + var dataType = interfaceType.GetGenericArguments()[0]; + Subscribe(dataType, handlerType); + } + else throw new Exception($"{handlerType.FullName} 需实现 {typeof(IEventHandler<>).FullName}"); + } + + + + /// + /// 从 程序集注册 + /// + /// + public void RegistSubscriptions(params Assembly[] assemblies) + { + foreach (var assembly in assemblies) + { + var types = assembly.GetTypes().Where(t => typeof(IEventHandler).IsAssignableFrom(t)); + + foreach (var type in types) + { + Subscribe(type); + } + } + } + + private void TriggerEvent(TData data) + { + if (data == null) return; + var conf = new ProducerConfig { BootstrapServers = eventConfig.Servers }; + + Action> handler = r => + Console.WriteLine(!r.Error.IsError + ? $"Delivered message to {r.TopicPartitionOffset}" + : $"Delivery Error: {r.Error.Reason}"); + //不做标记不处理 + var topicAttr = typeof(TData).GetCustomAttribute(); + var toptic = topicAttr != null ? topicAttr.Topic : typeof(TData).FullName; + + using (var p = new ProducerBuilder(conf).Build()) + { + p.Produce(toptic, new Message { Value = JsonConvert.SerializeObject(data) }, handler); + + // wait for up to 10 seconds for any inflight messages to be delivered. + p.Flush(TimeSpan.FromSeconds(10)); + } + } + + public void Trigger(TData data) + { + Task.Run(() => + { + TriggerEvent(data); + }); + } + + public void SubscribeEventHandler(Type eventDataType, Type handlerType) + { + Subscribe(eventDataType, handlerType); + } + + public void SubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData + { + Subscribe(); + } + + public void UnsubscribeEventHandler(Type eventDataType, Type handlerType) + { + Unsubscribe(eventDataType, handlerType); + } + + public void UnsubscribeEventHandler() where THandler : IEventHandler where TData : BaseEventData + { + Unsubscribe(typeof(TData), typeof(THandler)); + } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConfig.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConfig.cs new file mode 100644 index 0000000000000000000000000000000000000000..a2fde47df22d86a6ae587fd6c37c46f7328ffd2a --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConfig.cs @@ -0,0 +1,13 @@ +using System; +using System.Collections.Generic; +using System.Reflection; +using System.Text; + +namespace WorkFlowCore.Common.EventBus.Implements.Kafka +{ + public class KafkaEventConfig + { + public string Servers { get; set; } + public Assembly[] RegisterAssemblies { get; set; } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConsumerAttribute.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConsumerAttribute.cs new file mode 100644 index 0000000000000000000000000000000000000000..7e773a7e65c1c910008b4f66aac8744576cf983e --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventConsumerAttribute.cs @@ -0,0 +1,16 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus.Implements.Kafka +{ + public class KafkaEventConsumerAttribute : Attribute + { + public string GroupId { get; set; } + + public KafkaEventConsumerAttribute(string groupId=null) + { + GroupId = groupId; + } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventTopicAttribute.cs b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventTopicAttribute.cs new file mode 100644 index 0000000000000000000000000000000000000000..cc2f244ff4f569a5dbc5cb7eae93483d6542e569 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/EventBus/Implements/Kafka/KafkaEventTopicAttribute.cs @@ -0,0 +1,16 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.Common.EventBus.Implements.Kafka +{ + public class KafkaEventTopicAttribute: Attribute + { + public string Topic { get; set; } + + public KafkaEventTopicAttribute(string topic=null) + { + Topic = topic; + } + } +} diff --git a/WorkFlowCore/WorkFlowCore.Common/WorkFlowCore.Common.csproj b/WorkFlowCore/WorkFlowCore.Common/WorkFlowCore.Common.csproj new file mode 100644 index 0000000000000000000000000000000000000000..eb6327ac829433b7686a0ece63067d7c5088e6f3 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore.Common/WorkFlowCore.Common.csproj @@ -0,0 +1,15 @@ + + + + netcoreapp3.1 + + + + + + + + + + + diff --git a/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/SendTaskEventHandler.cs b/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/SendTaskEventHandler.cs index dc7dd49f4b532272294fffac2d6f2dd8320eb256..5ddde4f03e256920d308ffa649adb690486d1ac0 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/SendTaskEventHandler.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/SendTaskEventHandler.cs @@ -1,14 +1,15 @@ using System; using System.Collections.Generic; using System.Text; -using WorkFlowCore.EventHandlers; +using WorkFlowCore.Common.EventBus; +using WorkFlowCore.EventData; using WorkFlowCore.WorkTasks; namespace WorkFlowCore.Framework.EventHandlers { - public class SendTaskEventHandler : ISendTaskEventHandler + public class SendTaskEventHandler : IEventHandler { - public void Trigger(WorkTask workTask, WorkStep workStep) + public void Handle(SendTaskEventData data) { Console.WriteLine("SendTask"); } diff --git a/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/TaskFinishedEventHandler.cs b/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/TaskFinishedEventHandler.cs index e1918d224d472b77457047a60738ec51343837ba..c4610b1c24803a7ab0e633f67bdc84c9c498481d 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/TaskFinishedEventHandler.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/EventHandlers/TaskFinishedEventHandler.cs @@ -1,14 +1,15 @@ using System; using System.Collections.Generic; using System.Text; -using WorkFlowCore.EventHandlers; +using WorkFlowCore.Common.EventBus; +using WorkFlowCore.EventData; using WorkFlowCore.WorkTasks; namespace WorkFlowCore.Framework.EventHandlers { - public class TaskFinishedEventHandler : ITaskFinishedEventHandler + public class TaskFinishedEventHandler : IEventHandler { - public void Trigger(WorkTask workTask) + public void Handle(TaskFinishedEventData data) { Console.WriteLine("TaskFinished"); } diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories/BasicRepository.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories/BasicRepository.cs index c0fa11a1cd71948ccf738115859fd4c5a85dff67..cd6adc5f00696d17882bc37ddbbe0581590c6062 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories/BasicRepository.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories/BasicRepository.cs @@ -18,22 +18,20 @@ namespace WorkFlowCore.Framework.Repositories private readonly UnitOfWork unitOfWork; private readonly IWorkflowSession session; - private IUnitOfWork unitOfWork1; static BasicRepository() { var data = ReadData(); VirtualDB.Init(data); } - - public BasicRepository(IUnitOfWork unitOfWork1) + public BasicRepository(IUnitOfWork unitOfWork) { - this.unitOfWork1 = unitOfWork1; + this.unitOfWork = (UnitOfWork)unitOfWork; } - public BasicRepository(UnitOfWork unitOfWork, IWorkflowSession session) + public BasicRepository(IUnitOfWork unitOfWork, IWorkflowSession session) { - this.unitOfWork = unitOfWork; + this.unitOfWork = (UnitOfWork)unitOfWork; this.session = session; } @@ -158,7 +156,7 @@ namespace WorkFlowCore.Framework.Repositories { var withBaseInfoEntity = (IWithBaseInfoEntity)entity; withBaseInfoEntity.CreationTime = DateTime.Now; - withBaseInfoEntity.CreatedUserId = session.User.Id; + withBaseInfoEntity.CreatedUserId = session?.User?.Id; entity = (TEntity)withBaseInfoEntity; } if (unitOfWork.IsActive()) @@ -192,7 +190,7 @@ namespace WorkFlowCore.Framework.Repositories { var withBaseInfoEntity = (IWithBaseInfoEntity)entity; withBaseInfoEntity.ModifiedTime = DateTime.Now; - withBaseInfoEntity.ModifiedUserId = session.User.Id; + withBaseInfoEntity.ModifiedUserId = session?.User?.Id; entity = (TEntity)withBaseInfoEntity; } if (unitOfWork.IsActive()) @@ -217,7 +215,7 @@ namespace WorkFlowCore.Framework.Repositories public class BasicRepository : BasicRepository, IReadOnlyBasicRepository where TEntity : class, IEntity { - public BasicRepository(UnitOfWork unitOfWork, IWorkflowSession session) : base(unitOfWork, session) + public BasicRepository(IUnitOfWork unitOfWork, IWorkflowSession session) : base(unitOfWork, session) { } } diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories/UnitOfWorkManager.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories/UnitOfWorkManager.cs index 09d6770f7cdec6557ae1167f32dcec291febc140..4ffa5bcad51cc0131d5d975e2d268462f4206f59 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories/UnitOfWorkManager.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories/UnitOfWorkManager.cs @@ -8,20 +8,16 @@ namespace WorkFlowCore.Framework.Repositories { public class UnitOfWorkManager : IUnitOfWorkManager { - private readonly IServiceProvider serviceProvider; + private readonly UnitOfWork unitOfWork; - public UnitOfWorkManager(IServiceProvider serviceProvider) + public UnitOfWorkManager(IUnitOfWork unitOfWork) { - this.serviceProvider = serviceProvider; + this.unitOfWork = (UnitOfWork)unitOfWork; } public IUnitOfWork Begin() { - var unitOfWork = serviceProvider.GetService(); - if(unitOfWork is UnitOfWork) - { - ((UnitOfWork)unitOfWork).Begin(); - } + unitOfWork.Begin(); return unitOfWork; } } diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories/WorkTaskRepository.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories/WorkTaskRepository.cs index 8faded6004c1399f8dc33afa47149b2d926e6b65..031f57d8308026a9b05919bc06333328e0b4f2c0 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories/WorkTaskRepository.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories/WorkTaskRepository.cs @@ -31,6 +31,24 @@ namespace WorkFlowCore.Framework.Repositories return await Task.FromResult(result); } + public async Task> GetHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + { + var workTaskIds = (await workStepRepository.GetListAsync(ws => ws.HandleUser_Id == userId && ws.IsHandled)).Select(ws => ws.WorkTaskId); + + var workTasks = (await GetListAsync(wt => workTaskIds.Contains(wt.Id) && !wt.IsSimulation)).OrderByDescending(ws => ws.CreationTime); + + var result = new PageResult + { + Total = await GetCountAsync(wt => workTaskIds.Contains(wt.Id) && !wt.IsSimulation) + }; + + if (pageSize < 1) + result.Items = (await Task.FromResult(workTasks.Select(w => w.ToWorkTask()))).ToList(); + else result.Items = (await Task.FromResult(workTasks.Select(w => w.ToWorkTask()).Skip((pageIndex - 1) * pageSize).Take(pageSize))).ToList(); + + return await Task.FromResult(result); + } + public async Task> GetTasksOfStartUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { var result = new PageResult @@ -43,15 +61,15 @@ namespace WorkFlowCore.Framework.Repositories return await Task.FromResult(result); } - public async Task> GetUnHandlerWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + public async Task> GetUnHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { var workTaskIds = (await workStepRepository.GetListAsync(ws => ws.HandleUser_Id == userId && !ws.IsHandled)).Select(ws => ws.WorkTaskId); - var workTasks = (await GetListAsync(wt => workTaskIds.Contains(wt.Id))).OrderByDescending(ws => ws.CreationTime); + var workTasks = (await GetListAsync(wt => workTaskIds.Contains(wt.Id)&&!wt.IsSimulation)).OrderByDescending(ws => ws.CreationTime); var result = new PageResult { - Total = await GetCountAsync(wt => workTaskIds.Contains(wt.Id)) + Total = await GetCountAsync(wt => workTaskIds.Contains(wt.Id) && !wt.IsSimulation) }; if (pageSize < 1) diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/BasicRepository4EF.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/BasicRepository4EF.cs index 57b6911ff78400cea9a2266cababfe2dbc41b712..6832703c4afb10eb2ccf96ca30a8e169ebb44636 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/BasicRepository4EF.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/BasicRepository4EF.cs @@ -10,6 +10,7 @@ using System.Threading; using System.Threading.Tasks; using WorkFlowCore.Authorization; using WorkFlowCore.IRepositories; +using System.Linq.Dynamic.Core; namespace WorkFlowCore.Framework.Repositories4EF { @@ -19,10 +20,10 @@ namespace WorkFlowCore.Framework.Repositories4EF private UnitOfWork4EF unitOfWork; private readonly IWorkflowSession session; - public BasicRepository4EF(WorkflowDbContext workflowDbContext, UnitOfWork4EF unitOfWork, IWorkflowSession session) + public BasicRepository4EF(WorkflowDbContext workflowDbContext, IUnitOfWork unitOfWork, IWorkflowSession session) { this.workflowDbContext = workflowDbContext; - this.unitOfWork = unitOfWork; + this.unitOfWork = (UnitOfWork4EF)unitOfWork; this.session = session; } @@ -137,13 +138,19 @@ namespace WorkFlowCore.Framework.Repositories4EF public async Task> GetPagedListAsync(int skipCount, int maxResultCount, string sorting, bool includeDetails = false, CancellationToken cancellationToken = default) { if (cancellationToken != null && cancellationToken.IsCancellationRequested) return null; - return await Task.FromResult(workflowDbContext.Set().Skip(skipCount).Take(maxResultCount).ToList()); + var query = workflowDbContext.Set().Where(t=>true); + if (!string.IsNullOrEmpty(sorting)) + query =query.OrderBy(sorting); + return await Task.FromResult(query.Skip(skipCount).Take(maxResultCount).ToList()); } public async Task> GetPagedListAsync([NotNull] Expression> predicate, int skipCount, int maxResultCount, string sorting, bool includeDetails = false, CancellationToken cancellationToken = default) { if (cancellationToken != null && cancellationToken.IsCancellationRequested) return null; - return await Task.FromResult(workflowDbContext.Set().Where(predicate).Skip(skipCount).Take(maxResultCount).ToList()); + var query = workflowDbContext.Set().Where(predicate); + if (!string.IsNullOrEmpty(sorting)) + query = query.OrderBy(sorting); + return await Task.FromResult(query.Skip(skipCount).Take(maxResultCount).ToList()); } public async Task InsertAsync([global::JetBrains.Annotations.NotNullAttribute] TEntity entity, bool autoSave = false, CancellationToken cancellationToken = default) @@ -154,7 +161,7 @@ namespace WorkFlowCore.Framework.Repositories4EF { var withBaseInfoEntity = (IWithBaseInfoEntity)entity; withBaseInfoEntity.CreationTime = DateTime.Now; - withBaseInfoEntity.CreatedUserId = session.User.Id; + //withBaseInfoEntity.CreatedUserId = session.User.Id; withBaseInfoEntity.ModifiedTime = DateTime.Now; withBaseInfoEntity.ModifiedUserId = session.User.Id; entity = (TEntity)withBaseInfoEntity; @@ -175,7 +182,7 @@ namespace WorkFlowCore.Framework.Repositories4EF { var withBaseInfoEntity = (IWithBaseInfoEntity)entity; withBaseInfoEntity.CreationTime = DateTime.Now; - withBaseInfoEntity.CreatedUserId = session.User.Id; + //withBaseInfoEntity.CreatedUserId = session.User.Id; withBaseInfoEntity.ModifiedTime = DateTime.Now; withBaseInfoEntity.ModifiedUserId = session.User.Id; } @@ -218,7 +225,7 @@ namespace WorkFlowCore.Framework.Repositories4EF public class BasicRepository4EF : BasicRepository4EF, IReadOnlyBasicRepository where TEntity : class, IEntity { - public BasicRepository4EF(WorkflowDbContext workflowDbContext, UnitOfWork4EF unitOfWork, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) + public BasicRepository4EF(WorkflowDbContext workflowDbContext, IUnitOfWork unitOfWork, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) { } } diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/UnitOfWorkManager4EF.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/UnitOfWorkManager4EF.cs index f25d1df7e6542e5901b3771c78dd96a0af774c68..94bb075cba05766239cca3d9e2056c4c60ffb3a2 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/UnitOfWorkManager4EF.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/UnitOfWorkManager4EF.cs @@ -10,9 +10,9 @@ namespace WorkFlowCore.Framework.Repositories4EF { private readonly UnitOfWork4EF unitOfWork; - public UnitOfWorkManager4EF(UnitOfWork4EF unitOfWork) + public UnitOfWorkManager4EF(IUnitOfWork unitOfWork) { - this.unitOfWork = unitOfWork; + this.unitOfWork = (UnitOfWork4EF)unitOfWork; } public IUnitOfWork Begin() diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkStepRepository4EF.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkStepRepository4EF.cs index ad4104f1e91c7441b55201e485f5b7c39ad7c43d..4c6bedef0fb6224208e5405dda594a5ca2accc1b 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkStepRepository4EF.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkStepRepository4EF.cs @@ -11,7 +11,7 @@ namespace WorkFlowCore.Framework.Repositories4EF { public class WorkStepRepository4EF : BasicRepository4EF, IWorkStepRepository { - public WorkStepRepository4EF(WorkflowDbContext workflowDbContext, UnitOfWork4EF unitOfWork, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) + public WorkStepRepository4EF(WorkflowDbContext workflowDbContext, IUnitOfWork unitOfWork, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) { } @@ -23,7 +23,7 @@ namespace WorkFlowCore.Framework.Repositories4EF }; if (pageSize < 1) result.Items = (await GetListAsync(ws => ws.HandleUser_Id == userId && !ws.IsHandled)).Select(w => w.ToWorkStep()).ToList(); - else result.Items = (await GetPagedListAsync(ws => ws.HandleUser_Id == userId && !ws.IsHandled,(pageIndex-1)*pageSize,pageSize,"")).Select(w => w.ToWorkStep()).ToList(); + else result.Items = (await GetPagedListAsync(ws => ws.HandleUser_Id == userId && !ws.IsHandled,(pageIndex-1)*pageSize,pageSize,"createdtime desc")).Select(w => w.ToWorkStep()).ToList(); return await Task.FromResult(result); } } diff --git a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkTaskRepository4EF.cs b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkTaskRepository4EF.cs index aff0e5a455217e712502927b6eed4a7e4befb31b..071650f60113ed242a66587c802ac4251e4067ef 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkTaskRepository4EF.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/Repositories4EF/WorkTaskRepository4EF.cs @@ -14,7 +14,7 @@ namespace WorkFlowCore.Framework.Repositories4EF private readonly WorkflowDbContext workflowDbContext; private readonly IWorkStepRepository workStepRepository; - public WorkTaskRepository4EF(WorkflowDbContext workflowDbContext, UnitOfWork4EF unitOfWork, IWorkStepRepository workStepRepository, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) + public WorkTaskRepository4EF(WorkflowDbContext workflowDbContext, IUnitOfWork unitOfWork, IWorkStepRepository workStepRepository, IWorkflowSession session) : base(workflowDbContext, unitOfWork, session) { this.workflowDbContext = workflowDbContext; this.workStepRepository = workStepRepository; @@ -37,6 +37,23 @@ namespace WorkFlowCore.Framework.Repositories4EF return await Task.FromResult(result); } + public async Task> GetHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + { + var workTaskIds = workflowDbContext.Set().Where(ws => ws.HandleUser_Id == userId && ws.IsHandled).Select(ws => ws.WorkTaskId); + + var worktaskQuery = workflowDbContext.Set().Where(wt => workTaskIds.Contains(wt.Id) && !wt.IsSimulation).OrderByDescending(w => w.CreationTime); + + var result = new PageResult + { + Total = worktaskQuery.Count() + }; + + if (pageSize < 1) + result.Items = worktaskQuery.Select(w => w.ToWorkTask()).ToList(); + else result.Items = worktaskQuery.Skip((pageIndex - 1) * pageSize).Take(pageSize).Select(w => w.ToWorkTask()).ToList(); + return await Task.FromResult(result); + } + public async Task> GetTasksOfStartUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { var result = new PageResult @@ -51,20 +68,20 @@ namespace WorkFlowCore.Framework.Repositories4EF return await Task.FromResult(result); } - public async Task> GetUnHandlerWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + public async Task> GetUnHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { var workTaskIds = workflowDbContext.Set().Where(ws => ws.HandleUser_Id == userId && !ws.IsHandled).Select(ws => ws.WorkTaskId); + var worktaskQuery = workflowDbContext.Set().Where(wt => workTaskIds.Contains(wt.Id) && !wt.IsSimulation).OrderByDescending(w => w.CreationTime); + var result = new PageResult { - Total = await GetCountAsync(wt => workTaskIds.Contains(wt.Id)) + Total = worktaskQuery.Count() }; - var worktaskQuery = workflowDbContext.Set().Where(wt => workTaskIds.Contains(wt.Id)); - if (pageSize < 1) result.Items = worktaskQuery.Select(w => w.ToWorkTask()).ToList(); - else result.Items = worktaskQuery.Skip((pageIndex - 1) * pageSize).Take(pageSize).OrderByDescending(w => w.CreationTime).Select(w => w.ToWorkTask()).ToList(); + else result.Items = worktaskQuery.Skip((pageIndex - 1) * pageSize).Take(pageSize).Select(w => w.ToWorkTask()).ToList(); return await Task.FromResult(result); } diff --git a/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCore.Framework.csproj b/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCore.Framework.csproj index acc6742a3d92e5a3798017ab8d83786be81d463a..a9f729199920ecf760be2e519e226be47d6adbc2 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCore.Framework.csproj +++ b/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCore.Framework.csproj @@ -8,6 +8,7 @@ + diff --git a/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCoreFrameworkService.cs b/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCoreFrameworkService.cs index f28cc722fd40e7e8eaee2f009544dbd66a38a572..23c5b77cd82fb0cac78dd3684b279eda872c33b3 100644 --- a/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCoreFrameworkService.cs +++ b/WorkFlowCore/WorkFlowCore.Framework/WorkFlowCoreFrameworkService.cs @@ -3,7 +3,6 @@ using System; using System.Collections.Generic; using System.Text; using WorkFlowCore.Conditions; -using WorkFlowCore.EventHandlers; using WorkFlowCore.Framework.Conditions; using WorkFlowCore.Framework.EventHandlers; using WorkFlowCore.Framework.Repositories; @@ -51,7 +50,6 @@ namespace WorkFlowCore.Framework services.AddScoped(typeof(IWorkStepRepository), typeof(WorkStepRepository4EF)); services.AddScoped(typeof(IWorkTaskRepository), typeof(WorkTaskRepository4EF)); services.AddScoped(typeof(IUnitOfWork), typeof(UnitOfWork4EF)); - services.AddScoped( typeof(UnitOfWork4EF)); services.AddScoped(typeof(IUnitOfWorkManager), typeof(UnitOfWorkManager4EF)); } @@ -61,10 +59,10 @@ namespace WorkFlowCore.Framework services.AddScoped(); var assembly = typeof(WorkFlowCoreFrameworkService).Assembly; - EventManager.RegisterSubscriptions(assembly); + //注册条件和选择器 UserSelectorManager.RegisterSelector(assembly); - ConditionManager.Registercondition(assembly); + ConditionManager.RegisterCondition(assembly); services.AddScoped(); services.AddScoped(); services.AddScoped(); diff --git a/WorkFlowCore/WorkFlowCore.Host/Controllers/WorkFlowController.cs b/WorkFlowCore/WorkFlowCore.Host/Controllers/WorkFlowController.cs index aca31bf34afb67d6c2542304310ef1ecb5b9273d..fa3be5cc9d95af382e890f60d14545d1cefde5f8 100644 --- a/WorkFlowCore/WorkFlowCore.Host/Controllers/WorkFlowController.cs +++ b/WorkFlowCore/WorkFlowCore.Host/Controllers/WorkFlowController.cs @@ -42,7 +42,7 @@ namespace WorkFlowCore.Host.Controllers [HttpGet("GetAllconditions")] public async Task>> GetAllconditions() { - return OutputDto.Succeed(ConditionManager.Allconditions.Select(c => new ConditionDto { Id = c.Id, Name = c.Name,Description=c.Description })); + return OutputDto.Succeed(ConditionManager.AllConditions.Select(c => new ConditionDto { Id = c.Id, Name = c.Name,Description=c.Description })); } /// /// 获取所有的用户选择器 @@ -51,7 +51,7 @@ namespace WorkFlowCore.Host.Controllers [HttpGet("GetAllUserSelectors")] public async Task>> GetAllUserSelectors() { - return OutputDto.Succeed(UserSelectorManager.AllUserSelectors.Select(us => new UserSeletorDto { Id = us.Id, Name = us.Name, Description = us.Description })); + return OutputDto.Succeed(UserSelectorManager.UserSelectors.Select(us => new UserSeletorDto { Id = us.Id, Name = us.Name, Description = us.Description })); } /// /// 获取用户选择器所提供的选项 @@ -81,7 +81,7 @@ namespace WorkFlowCore.Host.Controllers [HttpGet("GetAllWorkflows")] public async Task>> GetAllWorkflows() { - return OutputDto.Succeed(await workflowRepository.GetListAsync()); + return OutputDto.Succeed((await workflowRepository.GetListAsync()).OrderByDescending(w=>w.CreationTime).ToList()); } /// /// 获取流程所有版本信息 @@ -274,24 +274,6 @@ namespace WorkFlowCore.Host.Controllers } - /// - /// 获取用户待处理的流程 - /// - /// - [HttpGet("GetUnHandlerWorkTasksOfUser")] - public async Task>> GetUnHandlerWorkTasksOfUser(string userId) - { - return OutputDto.Succeed((await workflowManager.GetUnHandlerWorkTasksOfUserAsync(userId,1,-1)).Items); - } - - /// - /// 获取用户待处理的流程 - /// - /// - [HttpGet("GetUnHandlerWorkStepsOfUser")] - public async Task>> GetUnHandlerWorkStepsOfUser(string userId) - { - return OutputDto.Succeed((await workflowManager.GetUnHandlerWorkStepsOfUserAsync(userId, 1, -1)).Items); - } + } } diff --git a/WorkFlowCore/WorkFlowCore.Host/Startup.cs b/WorkFlowCore/WorkFlowCore.Host/Startup.cs index 9ebe4445f84f7924627ee5debc76a905330a19b5..48b65fc1ee55e55c13e6ba95a251b3530c14d986 100644 --- a/WorkFlowCore/WorkFlowCore.Host/Startup.cs +++ b/WorkFlowCore/WorkFlowCore.Host/Startup.cs @@ -12,6 +12,7 @@ using System.IO; using System.Linq; using System.Reflection; using System.Threading.Tasks; +using WorkFlowCore.Common.EventBus; using WorkFlowCore.Framework; using WorkFlowCore.Framework.Repositories4EF; @@ -68,6 +69,17 @@ namespace WorkFlowCore.Host .AllowCredentials() ) ); + + services.AddDefautEventBus(typeof(WorkFlowCoreFrameworkService).Assembly); + var KafkaBootstrapServers = Configuration["KafkaBootstrapServers"] ?? Configuration.GetSection("Kafka")["BootstrapServers"]; + if (!string.IsNullOrEmpty(KafkaBootstrapServers)) + { + services.AddKafkaEventBus(config => + { + config.Servers = KafkaBootstrapServers; + config.RegisterAssemblies = new Assembly[] { typeof(WorkFlowCoreFrameworkService).Assembly }; + }); + } } // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. @@ -108,7 +120,8 @@ namespace WorkFlowCore.Host pattern: "api/{controller=Home}/{action=Index}/{id?}"); }); - + //עȫ¼ + app.InitGlobalEventBus(); } } } diff --git a/WorkFlowCore/WorkFlowCore.Host/WorkFlowCore.Host.xml b/WorkFlowCore/WorkFlowCore.Host/WorkFlowCore.Host.xml index 8a859a2c31049678f186cb23c8ce12c63be1a2fb..ddbc8fbba4e083c5203d26bae83019db604f72cf 100644 --- a/WorkFlowCore/WorkFlowCore.Host/WorkFlowCore.Host.xml +++ b/WorkFlowCore/WorkFlowCore.Host/WorkFlowCore.Host.xml @@ -139,18 +139,6 @@ - - - 获取用户待处理的流程 - - - - - - 获取用户待处理的流程 - - - 流程id diff --git a/WorkFlowCore/WorkFlowCore.Host/appsettings.Development.json b/WorkFlowCore/WorkFlowCore.Host/appsettings.Development.json index 17dee86a4fe9a0d04bd68e350c22c4b0b80fe3b1..b58cdf3c21c122c76319378af36480362036fee5 100644 --- a/WorkFlowCore/WorkFlowCore.Host/appsettings.Development.json +++ b/WorkFlowCore/WorkFlowCore.Host/appsettings.Development.json @@ -1,6 +1,6 @@ { "ConnectionStrings": { - "Default": "Database=Workflow;Data Source=localhost;Port=3306;UserId=root;Password=123456;Charset=utf8;TreatTinyAsBoolean=false;Allow User Variables=True", + "Default": "Database=Workflow;Data Source=81.71.14.205;Port=3308;UserId=root;Password=ShiHuiDai123!;Charset=utf8;TreatTinyAsBoolean=false;Allow User Variables=True", "DefaultVersion": "8.0.26" }, "Logging": { diff --git a/WorkFlowCore/WorkFlowCore.Host/appsettings.json b/WorkFlowCore/WorkFlowCore.Host/appsettings.json index 335c31be6189d896f16e54be745db83c7ce4b11b..2a23d0806194215f3495c292d6cfb587ff9915a0 100644 --- a/WorkFlowCore/WorkFlowCore.Host/appsettings.json +++ b/WorkFlowCore/WorkFlowCore.Host/appsettings.json @@ -1,6 +1,6 @@ { "ConnectionStrings": { - "Default": "Database=Workflow;Data Source=10.0.8.4;Port=3308;UserId=root;Password=ShiHuiDai123!;Charset=utf8;TreatTinyAsBoolean=false;Allow User Variables=True", + "Default": "Database=Workflow;Data Source=datasource;Port=3306;UserId=root;Password=ShiHuiDai123!;Charset=utf8;TreatTinyAsBoolean=false;Allow User Variables=True", "DefaultVersion": "8.0.26" }, "Logging": { diff --git a/WorkFlowCore/WorkFlowCore.Test/Workflow/Workflow_Test.cs b/WorkFlowCore/WorkFlowCore.Test/Workflow/Workflow_Test.cs index 38ab4b61639404f3a13014640366d2a76aaae77a..2e32235cde7b36a4d00e31cb9316092a87539426 100644 --- a/WorkFlowCore/WorkFlowCore.Test/Workflow/Workflow_Test.cs +++ b/WorkFlowCore/WorkFlowCore.Test/Workflow/Workflow_Test.cs @@ -25,12 +25,12 @@ namespace WorkFlowCore.Test.Workflow { ServiceCollection services = new ServiceCollection(); UserSelectorManager.RegisterSelector(GetType().Assembly); - ConditionManager.Registercondition(GetType().Assembly); + ConditionManager.RegisterCondition(GetType().Assembly); services.AddWorkFlowCore(config => { config.RegisterSelector(GetType().Assembly); - config.Registercondition(GetType().Assembly); + config.RegisterCondition(GetType().Assembly); }); services.AddWorkFlowCoreFramework(); diff --git a/WorkFlowCore/WorkFlowCore.sln b/WorkFlowCore/WorkFlowCore.sln index 41ebc4145512bfcfd273670a673ecdfa953803c6..716539896243e2e45a6a613ee77d0af92b11d0e9 100644 --- a/WorkFlowCore/WorkFlowCore.sln +++ b/WorkFlowCore/WorkFlowCore.sln @@ -11,6 +11,8 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "WorkFlowCore.Test", "WorkFl EndProject Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "WorkFlowCore.Host", "WorkFlowCore.Host\WorkFlowCore.Host.csproj", "{1C0D8C51-D49C-4C1D-9C66-1522546360E0}" EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WorkFlowCore.Common", "WorkFlowCore.Common\WorkFlowCore.Common.csproj", "{8F14A61F-C202-4ED1-A167-B426EE428DDA}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|Any CPU = Debug|Any CPU @@ -33,6 +35,10 @@ Global {1C0D8C51-D49C-4C1D-9C66-1522546360E0}.Debug|Any CPU.Build.0 = Debug|Any CPU {1C0D8C51-D49C-4C1D-9C66-1522546360E0}.Release|Any CPU.ActiveCfg = Release|Any CPU {1C0D8C51-D49C-4C1D-9C66-1522546360E0}.Release|Any CPU.Build.0 = Release|Any CPU + {8F14A61F-C202-4ED1-A167-B426EE428DDA}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {8F14A61F-C202-4ED1-A167-B426EE428DDA}.Debug|Any CPU.Build.0 = Debug|Any CPU + {8F14A61F-C202-4ED1-A167-B426EE428DDA}.Release|Any CPU.ActiveCfg = Release|Any CPU + {8F14A61F-C202-4ED1-A167-B426EE428DDA}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE diff --git a/WorkFlowCore/WorkFlowCore/Conditions/Condition.cs b/WorkFlowCore/WorkFlowCore/Conditions/Condition.cs index b224d215c1291e261831395df446816ab6351268..623910aa182a55b3efec238dc31653d7868b587f 100644 --- a/WorkFlowCore/WorkFlowCore/Conditions/Condition.cs +++ b/WorkFlowCore/WorkFlowCore/Conditions/Condition.cs @@ -10,13 +10,7 @@ namespace WorkFlowCore.Conditions { } - public Condition(string id, string name) - { - Id = id; - Name = name; - } - - public Condition(string id, string name, Type type, string description) + internal Condition(string id, string name, Type type, string description) { Id = id; Name = name; @@ -26,19 +20,19 @@ namespace WorkFlowCore.Conditions /// /// 转换器id /// - public string Id { get; set; } + public string Id { get; private set; } /// /// 转换器名称 /// - public string Name { get; set; } + public string Name { get; private set; } /// /// 转换器类型 /// - public Type ConditionType { get; set; } + public Type ConditionType { get; private set; } /// /// 描述 /// - public string Description { get; set; } + public string Description { get; private set; } } } diff --git a/WorkFlowCore/WorkFlowCore/Conditions/ConditionInput.cs b/WorkFlowCore/WorkFlowCore/Conditions/ConditionInput.cs index 7b9d4110613ef39893f3d956776cf33fec0bc210..1885444f5461493288adda1bfdf6bbbdbd8f1c9c 100644 --- a/WorkFlowCore/WorkFlowCore/Conditions/ConditionInput.cs +++ b/WorkFlowCore/WorkFlowCore/Conditions/ConditionInput.cs @@ -13,15 +13,15 @@ namespace WorkFlowCore.Conditions /// /// 表达式 /// - public string Expression { get; set; } + public string Expression { get; internal set; } /// /// 工作任务 /// - public WorkTask WorkTask { get; set; } + public WorkTask WorkTask { get; internal set; } /// /// 当前步骤 /// - public WorkStep CurrentWorkStep { get; set; } + public WorkStep CurrentWorkStep { get; internal set; } } } diff --git a/WorkFlowCore/WorkFlowCore/Conditions/ConditionManager.cs b/WorkFlowCore/WorkFlowCore/Conditions/ConditionManager.cs index da3b08bde4b89caec6aa237643fdec677b66eafe..df1c17c277f3c60667a4c022d02247ed736d15e3 100644 --- a/WorkFlowCore/WorkFlowCore/Conditions/ConditionManager.cs +++ b/WorkFlowCore/WorkFlowCore/Conditions/ConditionManager.cs @@ -12,7 +12,7 @@ namespace WorkFlowCore.Conditions private static object objLock = new object(); static ConditionManager() { - Allconditions = new List(); + AllConditions = new List(); } public ConditionManager(IServiceProvider serviceProvider) @@ -24,7 +24,11 @@ namespace WorkFlowCore.Conditions /// /// 所有条件 /// - public static List Allconditions { get; private set; } + public static List AllConditions { get; private set; } + /// + /// 所有条件 + /// + public static IReadOnlyList Conditions { get=> AllConditions; } /// /// 注册条件 /// @@ -32,22 +36,22 @@ namespace WorkFlowCore.Conditions /// /// /// - public static void Registercondition(string conditionId, string conditionName, Type conditionType, string description) + public static void RegisterCondition(string conditionId, string conditionName, Type conditionType, string description) { lock (objLock) { - if (Allconditions.Where(s => s.Id == conditionId).Any()) + if (AllConditions.Where(s => s.Id == conditionId).Any()) return; //throw new Exception($"相同的转换器id[{conditionId}]已存在"); } - Allconditions.Add(new Condition(conditionId, conditionName, conditionType, description)); + AllConditions.Add(new Condition(conditionId, conditionName, conditionType, description)); } /// /// 从 程序集注册 /// /// - public static void Registercondition(params Assembly[] assemblies) + public static void RegisterCondition(params Assembly[] assemblies) { foreach (var assembly in assemblies) { @@ -58,7 +62,7 @@ namespace WorkFlowCore.Conditions var attr = type.GetCustomAttribute(); var conditionId = type.FullName; var conditionName = attr.Name ?? type.FullName; - Registercondition(conditionId, conditionName, type, attr.Description); + RegisterCondition(conditionId, conditionName, type, attr.Description); } } } @@ -72,7 +76,7 @@ namespace WorkFlowCore.Conditions public virtual ICondition GetCondition(string conditionId) { - var condition = Allconditions.FirstOrDefault(s => s.Id == conditionId); + var condition = AllConditions.FirstOrDefault(s => s.Id == conditionId); if (condition == null) return null; try { @@ -83,5 +87,19 @@ namespace WorkFlowCore.Conditions return null; } } + /// + /// 卸载 + /// + /// + public static void UnRegisterCondition(string conditionId) + { + lock (objLock) + { + if (AllConditions.Where(s => s.Id == conditionId).Any()) + { + AllConditions = AllConditions.Where(s => s.Id != conditionId).ToList(); + } + } + } } } diff --git a/WorkFlowCore/WorkFlowCore/EventData/SendTaskEventData.cs b/WorkFlowCore/WorkFlowCore/EventData/SendTaskEventData.cs new file mode 100644 index 0000000000000000000000000000000000000000..e5fe583f819a522aa748585fc95fecd3c8a1b353 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore/EventData/SendTaskEventData.cs @@ -0,0 +1,14 @@ +using WorkFlowCore.Common.EventBus; +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.EventData +{ + public class SendTaskEventData : BaseEventData + { + public WorkTasks.WorkTask WorkTask { get; set; } + public List WorkSteps { get; set; } + + } +} diff --git a/WorkFlowCore/WorkFlowCore/EventData/TaskFinishedEventData.cs b/WorkFlowCore/WorkFlowCore/EventData/TaskFinishedEventData.cs new file mode 100644 index 0000000000000000000000000000000000000000..69ca16c966ba069e576ee257e1113cc0f3cad8cd --- /dev/null +++ b/WorkFlowCore/WorkFlowCore/EventData/TaskFinishedEventData.cs @@ -0,0 +1,12 @@ +using WorkFlowCore.Common.EventBus; +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.EventData +{ + public class TaskFinishedEventData : BaseEventData + { + public WorkTasks.WorkTask WorkTask { get; set; } + } +} diff --git a/WorkFlowCore/WorkFlowCore/EventData/TaskStateChangeEventData.cs b/WorkFlowCore/WorkFlowCore/EventData/TaskStateChangeEventData.cs new file mode 100644 index 0000000000000000000000000000000000000000..14f02331f0ca75e08d835140ceea59969fa54644 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore/EventData/TaskStateChangeEventData.cs @@ -0,0 +1,15 @@ +using WorkFlowCore.Common.EventBus; +using System; +using System.Collections.Generic; +using System.Text; +using WorkFlowCore.WorkTasks; + +namespace WorkFlowCore.EventData +{ + public class TaskStateChangeEventData : BaseEventData + { + public WorkTasks.WorkTask WorkTask { get; set; } + public WorkTaskStatus WorkTaskStatus { get; set; } + public List WorkSteps { get; set; } + } +} diff --git a/WorkFlowCore/WorkFlowCore/EventHandlers/IEventHandler.cs b/WorkFlowCore/WorkFlowCore/EventHandlers/IEventHandler.cs deleted file mode 100644 index 5406254410a1adab15b9ee50c05870f23455998a..0000000000000000000000000000000000000000 --- a/WorkFlowCore/WorkFlowCore/EventHandlers/IEventHandler.cs +++ /dev/null @@ -1,23 +0,0 @@ -using System; -using System.Collections.Generic; -using System.Text; -using WorkFlowCore.WorkTasks; - -namespace WorkFlowCore.EventHandlers -{ - public interface IEventHandler - { - } - public interface ISendTaskEventHandler : IEventHandler - { - void Trigger(WorkTasks.WorkTask workTask,WorkTasks.WorkStep workStep); - } - public interface ITaskFinishedEventHandler : IEventHandler - { - void Trigger(WorkTasks.WorkTask workTask); - } - public interface ITaskStateChangeEventHandler : IEventHandler - { - void Trigger(WorkTasks.WorkTask workTask, WorkTaskStatus workTaskStatus); - } -} diff --git a/WorkFlowCore/WorkFlowCore/IRepositories/IWorkTaskRepository.cs b/WorkFlowCore/WorkFlowCore/IRepositories/IWorkTaskRepository.cs index baa90fc6d5fbd82cc54a4997ee024ecccbedc9ba..5e84b689dbe483ebec9749c0660a1903db1c73ca 100644 --- a/WorkFlowCore/WorkFlowCore/IRepositories/IWorkTaskRepository.cs +++ b/WorkFlowCore/WorkFlowCore/IRepositories/IWorkTaskRepository.cs @@ -10,7 +10,8 @@ namespace WorkFlowCore.IRepositories { Task> GetAllTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1); Task> GetWorkflowedTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1); - Task> GetUnHandlerWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1); + Task> GetUnHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1); + Task> GetHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1); Task> GetTasksOfStartUserAsync(string userId, int pageIndex = 1, int pageSize = -1); } } diff --git a/WorkFlowCore/WorkFlowCore/UserSelectors/DefaultUserSelectorAttribute.cs b/WorkFlowCore/WorkFlowCore/UserSelectors/DefaultUserSelectorAttribute.cs new file mode 100644 index 0000000000000000000000000000000000000000..b2154fa2491dc6b621576783df427a179a60dca8 --- /dev/null +++ b/WorkFlowCore/WorkFlowCore/UserSelectors/DefaultUserSelectorAttribute.cs @@ -0,0 +1,22 @@ +using System; +using System.Collections.Generic; +using System.Text; + +namespace WorkFlowCore.UserSelectors +{ + /// + /// 默认用户选择器 + /// 标记了该选择器后，如果节点未指定任何用户选择器，将自动根据默认选择器选中 + /// + public class DefaultUserSelectorAttribute: Attribute + { + public DefaultUserSelectorAttribute(string defaultSelection = null) + { + DefaultSelection = defaultSelection; + } + /// + /// 默认选项，不指定默认选第一个 + /// + public string DefaultSelection { get; set; } + } +} diff --git a/WorkFlowCore/WorkFlowCore/UserSelectors/SelectorInput.cs b/WorkFlowCore/WorkFlowCore/UserSelectors/SelectorInput.cs index 106da2c4340d8f8445b4c0d7cd3d1720362649fe..1c8e74cd28257aaec4dbb3f8d440be6261a8b836 100644 --- a/WorkFlowCore/WorkFlowCore/UserSelectors/SelectorInput.cs +++ b/WorkFlowCore/WorkFlowCore/UserSelectors/SelectorInput.cs @@ -13,18 +13,18 @@ namespace WorkFlowCore.UserSelectors /// /// 选择项id /// - public string SelectionId { get; set; } + public string SelectionId { get; internal set; } /// /// 表达式 /// - public string Expression { get; set; } + public string Expression { get; internal set; } /// /// 工作任务 /// - public WorkTask WorkTask { get; set; } + public WorkTask WorkTask { get; internal set; } /// /// 当前步骤 /// - public WorkStep CurrentStep { get; set; } + public WorkStep CurrentStep { get; internal set; } } } diff --git a/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelector.cs b/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelector.cs index d6bc9a9a0dfb5b4361bd713493d84240581ddcc7..b1bd4960c90d27f5fbd8cfe7583ca8159fb03755 100644 --- a/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelector.cs +++ b/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelector.cs @@ -9,7 +9,11 @@ namespace WorkFlowCore.UserSelectors /// public class UserSelector { - public UserSelector(string id, string name, Type selectorType, string description = null) + public UserSelector() + { + } + + internal UserSelector(string id, string name, Type selectorType, string description = null) { Id = id; Name = name; @@ -19,19 +23,19 @@ namespace WorkFlowCore.UserSelectors /// /// 选择器id /// - public string Id { get; set; } + public string Id { get; private set; } /// /// 选择器名称 /// - public string Name { get; set; } + public string Name { get; private set; } /// /// 选择器类型 /// - public Type SelectorType { get; set; } + public Type SelectorType { get; private set; } /// /// 描述 /// - public string Description { get; set; } + public string Description { get; private set; } } } diff --git a/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelectorManager.cs b/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelectorManager.cs index eefe02438b32378cce1b054bd45478d0e863da7a..a21bdb14df9abc72f7b9489cd32760b1289a7aa3 100644 --- a/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelectorManager.cs +++ b/WorkFlowCore/WorkFlowCore/UserSelectors/UserSelectorManager.cs @@ -13,6 +13,7 @@ namespace WorkFlowCore.UserSelectors static UserSelectorManager() { AllUserSelectors = new List(); + DefaultUserSelectorAndSelections = new Dictionary>(); } public UserSelectorManager(IServiceProvider serviceProvider) @@ -21,8 +22,15 @@ namespace WorkFlowCore.UserSelectors } - - public static List AllUserSelectors { get; private set; } + /// + /// 所有用户选择器 + /// + private static List AllUserSelectors; + /// + /// 所有用户选择器 + /// + public static IReadOnlyList UserSelectors { get => AllUserSelectors; } + private static Dictionary> DefaultUserSelectorAndSelections { get; set; } public static void RegisterSelector(string selectorId, string selectorName, Type selectorType, string description) { lock (objLock) @@ -33,6 +41,18 @@ namespace WorkFlowCore.UserSelectors } AllUserSelectors.Add(new UserSelector(selectorId, selectorName, selectorType, description)); + + //标记默认的选择器记录下来 + var defaultSelectorAttr = selectorType.GetCustomAttribute(); + if (defaultSelectorAttr!=null) + { + if (!DefaultUserSelectorAndSelections.ContainsKey(selectorId)) + DefaultUserSelectorAndSelections.Add(selectorId, new List()); + + var selection = defaultSelectorAttr.DefaultSelection; + if (selection != null) + DefaultUserSelectorAndSelections[selectorId].Add(selection); + } } /// /// 从 程序集注册 @@ -74,5 +94,40 @@ namespace WorkFlowCore.UserSelectors return null; } } + + /// + /// 获取默认选择器id + /// + /// + public virtual List GetDefaultUserSelectorIds() + { + if (DefaultUserSelectorAndSelections.Count > 0) + return DefaultUserSelectorAndSelections.Select(item => item.Key).ToList(); + return new List() { AllUserSelectors.FirstOrDefault().Id }; + } + /// + /// 获取默认的用户选项 + /// + /// + /// + public virtual List GetDefaultSelectionIds(string selectorId) + { + if (DefaultUserSelectorAndSelections.ContainsKey(selectorId)) return DefaultUserSelectorAndSelections[selectorId]; + return new List { GetUserSelector(selectorId).GetSelections()?.FirstOrDefault()?.Id }; + } + /// + /// 卸载 + /// + /// + public static void UnRegisterSelector(string selectorId) + { + lock (objLock) + { + if (AllUserSelectors.Where(s => s.Id == selectorId).Any()) + { + AllUserSelectors = AllUserSelectors.Where(s => s.Id != selectorId).ToList(); + } + } + } } } diff --git a/WorkFlowCore/WorkFlowCore/WorkFlowCore.csproj b/WorkFlowCore/WorkFlowCore/WorkFlowCore.csproj index 33566a12ac99ea2e7130d97a1f0f1f985ce07b9d..366cf8284e56bd0ab55cf8b3500eadf33ee67d62 100644 --- a/WorkFlowCore/WorkFlowCore/WorkFlowCore.csproj +++ b/WorkFlowCore/WorkFlowCore/WorkFlowCore.csproj @@ -5,9 +5,16 @@ + + + + + + + diff --git a/WorkFlowCore/WorkFlowCore/WorkFlowCoreService.cs b/WorkFlowCore/WorkFlowCore/WorkFlowCoreService.cs index 7c9ad8924cc1bcd23692eb8137e17f6485f1a0c2..662b3dd8a9a8663db18197b12e4a1e271516364f 100644 --- a/WorkFlowCore/WorkFlowCore/WorkFlowCoreService.cs +++ b/WorkFlowCore/WorkFlowCore/WorkFlowCoreService.cs @@ -5,7 +5,6 @@ using System.Reflection; using System.Text; using WorkFlowCore.Authorization; using WorkFlowCore.Conditions; -using WorkFlowCore.EventHandlers; using WorkFlowCore.IRepositories; using WorkFlowCore.UserSelectors; using WorkFlowCore.Workflows; @@ -21,13 +20,9 @@ namespace WorkFlowCore { UserSelectorManager.RegisterSelector(assemblies); } - public void Registercondition(params Assembly[] assemblies) + public void RegisterCondition(params Assembly[] assemblies) { - ConditionManager.Registercondition(assemblies); - } - public void RegisterSubscriptions(params Assembly[] assemblies) - { - EventManager.RegisterSubscriptions(assemblies); + ConditionManager.RegisterCondition(assemblies); } public Type SessionType { get; private set; } @@ -44,7 +39,6 @@ namespace WorkFlowCore { services.AddScoped(); services.AddScoped(); - services.AddScoped(); services.AddScoped(); services.AddScoped(); diff --git a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTask.cs b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTask.cs index 65acc27f95598b9bcc6fe52d50630d80d56f21cc..d165df36c500aec415e8de51ecce2709090f2370 100644 --- a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTask.cs +++ b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTask.cs @@ -62,6 +62,13 @@ namespace WorkFlowCore.WorkTasks WorkTaskStatus = WorkTaskStatus.Processed; } public bool IsProcessed { get => WorkTaskStatus == WorkTaskStatus.Processed; } + public bool IsPending { get => WorkTaskStatus == WorkTaskStatus.Pending; } + public bool IsProcessing { get => WorkTaskStatus == WorkTaskStatus.Processing; } + public bool IsSimulation { get; set; } + public void AsSimulation() + { + IsSimulation = true; + } } public enum WorkTaskStatus { diff --git a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskExtension.cs b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskExtension.cs index 37c92c6c25c7a2e2bc854b38439c26a02aec5e60..e151f6ae1d86c51546739e4f00946bce2f2657f8 100644 --- a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskExtension.cs +++ b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskExtension.cs @@ -23,7 +23,8 @@ namespace WorkFlowCore.WorkTasks workTask.Name = workTaskInfo.Name; workTask.WorkflowId = new Workflows.WorkflowId(workTaskInfo.WorkflowId_VersionId, workTaskInfo.WorkflowId_Id); workTask.WorkTaskStatus = workTaskInfo.WorkTaskStatus; - + workTask.IsSimulation = workTaskInfo.IsSimulation; + return workTask; } @@ -47,6 +48,7 @@ namespace WorkFlowCore.WorkTasks workTaskInfo.WorkflowId_Id = workTask.WorkflowId.Id; workTaskInfo.WorkflowId_VersionId = workTask.WorkflowId.VersionId; workTaskInfo.WorkTaskStatus = workTask.WorkTaskStatus; + workTaskInfo.IsSimulation = workTask.IsSimulation; return workTaskInfo; } diff --git a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskInfo.cs b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskInfo.cs index a7bbef3d03cb54fd6bc6b0ed4dcd2c3fa6a38875..6493116d491eeb2a645d73e437b055f3cd656bac 100644 --- a/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskInfo.cs +++ b/WorkFlowCore/WorkFlowCore/WorkTasks/WorkTaskInfo.cs @@ -36,6 +36,7 @@ namespace WorkFlowCore.WorkTasks /// 审批状态 /// public WorkTaskStatus WorkTaskStatus { get; set; } + public bool IsSimulation { get; set; } } } diff --git a/WorkFlowCore/WorkFlowCore/WorkflowManager.cs b/WorkFlowCore/WorkFlowCore/WorkflowManager.cs index bc3a4fddc0ec6dd7f45277e784a4005158e5a016..63bcf4c80ce69d68d818307f777220ed5a4c30f0 100644 --- a/WorkFlowCore/WorkFlowCore/WorkflowManager.cs +++ b/WorkFlowCore/WorkFlowCore/WorkflowManager.cs @@ -3,7 +3,8 @@ using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using WorkFlowCore.Conditions; -using WorkFlowCore.EventHandlers; +using WorkFlowCore.Common.EventBus; +using WorkFlowCore.EventData; using WorkFlowCore.IRepositories; using WorkFlowCore.UserSelectors; using WorkFlowCore.Workflows; @@ -19,10 +20,10 @@ namespace WorkFlowCore private readonly IWorkStepRepository workStepRepository; private readonly ConditionManager conditionManager; private readonly UserSelectorManager userSelectorManager; - private readonly EventManager eventManager; + private readonly EventBusManager eventManager; private readonly IUnitOfWorkManager unitOfWorkManager; - public WorkflowManager(IBasicRepository workflowRepository, IBasicRepository versionRepository, IWorkTaskRepository workTaskRepository, IWorkStepRepository workStepRepository, ConditionManager conditionManager, UserSelectorManager userSelectorManager, EventManager eventManager, IUnitOfWorkManager unitOfWorkManager) + public WorkflowManager(IBasicRepository workflowRepository, IBasicRepository versionRepository, IWorkTaskRepository workTaskRepository, IWorkStepRepository workStepRepository, ConditionManager conditionManager, UserSelectorManager userSelectorManager, EventBusManager eventManager, IUnitOfWorkManager unitOfWorkManager) { this.workflowRepository = workflowRepository; this.versionRepository = versionRepository; @@ -37,6 +38,24 @@ namespace WorkFlowCore #region 流程的增删改查 + public async Task> GetAllWorkflowsWithVersion() + { + var result = new List(); + var workflows = await workflowRepository.GetListAsync(w => !w.Deleted); + workflows.ForEach(w => + { + var versions = versionRepository.GetListAsync(v => v.WorkflowId == w.Id).Result; + result.AddRange(versions.Select(v => new Workflow + { + Id = w.Id, + WorkflowNo = w.WorkflowNo, + Name = w.Name, + ActiveVersion = v.VersionNo + })); + }); + return result; + } + /// /// 根据编号获取流程设计 /// @@ -82,11 +101,12 @@ namespace WorkFlowCore public async Task DeleteWorkflow(Guid workflowid) { - //有被流程引用则不允许删除 - if (await workTaskRepository.GetCountAsync(wt => wt.WorkflowId_Id == workflowid) > 0) return false; + var tasks = await workflowRepository.GetListAsync(wt => wt.Id == workflowid); + tasks.ForEach(t => t.Deleted = true); + using (var unitOfWork = unitOfWorkManager.Begin()) { - await workflowRepository.DeleteManyAsync(wt => wt.Id == workflowid); + await workflowRepository.UpdateManyAsync(tasks); return unitOfWork.Commit(true, false); } } @@ -214,13 +234,42 @@ namespace WorkFlowCore /// public async Task CreateWorkTask(WorkflowId workflowId, string name, string formData, string entityFullName, string entityKeyValue, string createdUserId) { + + var worktaskInfo = await workTaskRepository.GetAsync(w => w.EntityFullName == entityFullName && w.EntityKeyValue == entityKeyValue && w.WorkflowId_Id == workflowId.Id && w.WorkflowId_VersionId == workflowId.VersionId); + + if (worktaskInfo == null) + { + var worktask = new WorkTask(Guid.NewGuid(), workflowId, name, formData, entityFullName, entityKeyValue, createdUserId); + worktaskInfo = worktask.ToWorkTaskInfo(); + using (var unitOfWork = unitOfWorkManager.Begin()) + { + await workTaskRepository.InsertAsync(worktaskInfo); + unitOfWork.Commit(); + } + } + return worktaskInfo.ToWorkTask(); + } + + /// + /// 创建模拟流程 + /// + /// + /// + /// + /// + /// + /// + public async Task CreateSimulationWorkTask(WorkflowId workflowId, string name, string formData, string entityFullName, string entityKeyValue, string createdUserId) + { + var worktask = new WorkTask(Guid.NewGuid(), workflowId, name, formData, entityFullName, entityKeyValue, createdUserId); + worktask.AsSimulation(); using (var unitOfWork = unitOfWorkManager.Begin()) { await workTaskRepository.InsertAsync(worktask.ToWorkTaskInfo()); unitOfWork.Commit(); - return worktask; } + return worktask; } @@ -237,7 +286,7 @@ namespace WorkFlowCore /// /// /// - public async Task> GetNextNodes(WorkflowNode node, WorkTask workTask, WorkStep cuttentWorkStep) + private async Task> GetNextNodes(WorkflowNode node, WorkTask workTask, WorkStep cuttentWorkStep) { var nodes = new List(); @@ -258,7 +307,7 @@ namespace WorkFlowCore - public async Task, List>> GetRejectInfo(WorkflowNode node, WorkTask workTask, WorkStep currentWorkStep) + private async Task, List>> GetRejectInfo(WorkflowNode node, WorkTask workTask, WorkStep currentWorkStep) { /* * 如果指定了拒绝返回的节点，则按指定节点返回 @@ -326,24 +375,6 @@ namespace WorkFlowCore return node.GetHandleUsers(workTask, userSelectorManager); } - /// - /// 获取节点的所有前节点 - /// - /// - /// - public List GetAllPreNodes(WorkflowNode node, List nodeMaps) - { - var nodes = new List(); - var preNodes = nodeMaps.Where(n => n.MapType == NodeMap.NodeMapType.Normal && n.ToNode.Id == node.Id).Select(n => n.FromNode); - - foreach (var item in preNodes) - { - nodes.Add(item); - - nodes.AddRange(GetAllPreNodes(item, nodeMaps)); - } - return nodes; - } /// /// 更新同组其它审批步骤状态为未处理 @@ -353,7 +384,7 @@ namespace WorkFlowCore /// private async Task UpdateOtherStepsStatusWithUnWork(Guid currentNodeId, string stepGroupId) { - await Task.Delay(0); + await Task.CompletedTask; var stepInfos = new List(); //更新步骤所包含的节点状态为 未处理状态 var steps = await workStepRepository.GetListAsync(s => s.NodeId != currentNodeId && s.GroupId == stepGroupId); @@ -381,7 +412,7 @@ namespace WorkFlowCore /// private async Task UpdateOtherStepsStatusWithUnWorkOfNode(WorkStep currentWorkStep) { - await Task.Delay(0); + await Task.CompletedTask; var stepInfos = new List(); var steps = await workStepRepository.GetListAsync(ws => ws.NodeId == currentWorkStep.NodeId && ws.GroupId == currentWorkStep.GroupId && ws.Id != currentWorkStep.Id && !ws.IsHandled); foreach (var stepInfo in steps) @@ -412,13 +443,17 @@ namespace WorkFlowCore public async Task> WorkTaskStart(Guid workTaskId) { var workTaskInfo = await workTaskRepository.GetAsync(workTaskId); + if (workTaskInfo == null) return new List(); var workTask = workTaskInfo.ToWorkTask(); + if (!workTask.IsPending) return new List(); + workTask.SetProcessing(); var workflowVersion = await GetWorkflowVersion(workTask.WorkflowId.Id, workTask.WorkflowId.VersionId); var startNode = workflowVersion.NodeMaps.FirstOrDefault(n => n.FromNode.NodeType == WorkNodeType.Begin)?.FromNode; var steps = GetApproveSteps(Guid.Empty, "", workTask, startNode, string.Empty, Guid.NewGuid().ToString()); using (var unitOfWork = unitOfWorkManager.Begin()) { + await workTaskRepository.UpdateAsync(workTask.ToWorkTaskInfo(workTaskInfo)); await SendTasks(workTask, steps, workTask.FormData); unitOfWork.Commit(); } @@ -451,7 +486,7 @@ namespace WorkFlowCore /// private async Task HasAllHandlersWorkflowed(WorkStep currentWorkStep, WorkTask workTask) { - await Task.Delay(0); + await Task.CompletedTask; var GetCountAsync = await workStepRepository.GetCountAsync(ws => ws.GroupId == currentWorkStep.GroupId && ws.Id != currentWorkStep.Id && !ws.IsHandled); return GetCountAsync == 0; } @@ -464,15 +499,20 @@ namespace WorkFlowCore /// /// /// - public async Task PassApprove(Guid workStepId, string comment = null, string resourceIds = null, string formData = null, List handlerUserSelectors = null, List readUserSelectors = null) + public async Task PassApprove(Guid workStepId, string comment = null, string resourceIds = null, string formData = null, List userSelectors = null) { var currentWorkStepInfo = await workStepRepository.GetAsync(workStepId); var currentWorkStep = currentWorkStepInfo.ToWorkStep(); + + if (currentWorkStep.WorkStepType == WorkStepType.ReadOnly) + return ProveResult.Failed("只读步骤无法处理！"); + if (currentWorkStep.IsHandled) return ProveResult.Failed("步骤已处理！"); + //派发下个节点任务 var workTaskInfo = await workTaskRepository.GetAsync(currentWorkStep.WorkTaskId); var workTask = workTaskInfo.ToWorkTask(); @@ -521,49 +561,26 @@ namespace WorkFlowCore foreach (var node in nextNodes) { //如果 指定了处理人，则直接派给处理人 - if (handlerUserSelectors != null && handlerUserSelectors.Any()) + //如果指定了 抄送（只读）人员，直接推送给抄送人员 + if (userSelectors != null && userSelectors.Any()) { - GetUsersByUserSelectors(handlerUserSelectors, null, user => + GetUsersByUserSelectors(userSelectors, null, (selector, user) => { steps.Add(new WorkStep(Guid.NewGuid(), workTask.Id, currentWorkStep.NodeId, currentNode.Name, node.Id, node.Name, new User { Id = user.Id, Name = user.Name - }, WorkStepType.Handle, currentWorkStep.GroupId, nextGroupId)); + }, selector.HandleType == NodeUser.NodeHandleType.Handle ? WorkStepType.Handle : WorkStepType.ReadOnly, currentWorkStep.GroupId, nextGroupId)); }); } else { steps.AddRange(GetApproveSteps(currentWorkStep.NodeId, currentNode.Name, workTask, node, currentWorkStep.GroupId, nextGroupId)); } - //如果指定了 抄送（只读）人员，直接推送给抄送人员 - if (readUserSelectors != null && readUserSelectors.Any()) - { - GetUsersByUserSelectors(readUserSelectors, null, user => - { - steps.Add(new WorkStep(Guid.NewGuid(), workTask.Id, currentWorkStep.NodeId, currentNode.Name, node.Id, node.Name, new User - { - Id = user.Id, - Name = user.Name - }, WorkStepType.ReadOnly, currentWorkStep.GroupId, nextGroupId)); - }); - } } - //如果是结束流程,则发布结束事件 - if (currentNode.NodeType == WorkNodeType.End) - { - //更新流程状态为处理中 - - workTask.SetProcessed(); - await workTaskRepository.UpdateAsync(workTask.ToWorkTaskInfo(workTaskInfo)); - // 发布流程结束事件 - eventManager.TriggerTaskFinished(workTask); - eventManager.TriggerTaskStateChange(workTask, workTask.WorkTaskStatus); - } - if (steps.Count == 0 && currentNode.NodeType != WorkNodeType.End) return ProveResult.Failed("找不到可以处理的下一个步骤！"); await SendTasks(workTask, steps, formData); @@ -580,7 +597,7 @@ namespace WorkFlowCore /* * 这里单独开事务有两个考虑的地方： * 1.就算这里没自动处理成功，变成人工审批处理也是不影响流程 - * 2.能力有限，默认实现的简易数据持久化仓储以及工作单元无法支持复杂的事务嵌套操作 + * 2.默认实现的简易数据持久化仓储以及工作单元无法支持复杂的事务嵌套操作 */ var startSteps = new List(); foreach (var step in steps) @@ -606,6 +623,10 @@ namespace WorkFlowCore { var currentWorkStepInfo = await workStepRepository.GetAsync(workStepId); var currentWorkStep = currentWorkStepInfo.ToWorkStep(); + + if (currentWorkStep.WorkStepType == WorkStepType.ReadOnly) + return ProveResult.Failed("只读步骤无法处理！"); + if (currentWorkStep.IsHandled) return ProveResult.Failed("步骤已处理！"); @@ -664,10 +685,12 @@ namespace WorkFlowCore /// public async Task Withdraw(Guid workStepId, string comment = null) { - await Task.Delay(0); + await Task.CompletedTask; var currentWorkStepInfo = await workStepRepository.GetAsync(workStepId); var currentWorkStep = currentWorkStepInfo.ToWorkStep(); + if (currentWorkStep.WorkStepType == WorkStepType.ReadOnly) + return ProveResult.Failed("只读步骤无法处理！"); if (!currentWorkStep.IsHandled) return ProveResult.Failed("步骤未处理无法撤回！"); @@ -754,7 +777,12 @@ namespace WorkFlowCore { workTask.SetPending(); await workTaskRepository.UpdateAsync(workTask.ToWorkTaskInfo(workTaskInfo)); - eventManager.TriggerTaskStateChange(workTask, workTask.WorkTaskStatus); + eventManager.Trigger(new TaskStateChangeEventData + { + WorkTask = workTask, + WorkTaskStatus = workTask.WorkTaskStatus, + }); + } } @@ -772,7 +800,11 @@ namespace WorkFlowCore { workTask.SetProcessing(); await workTaskRepository.UpdateAsync(workTask.ToWorkTaskInfo(workTaskInfo)); - eventManager.TriggerTaskStateChange(workTask, workTask.WorkTaskStatus); + eventManager.Trigger(new TaskStateChangeEventData + { + WorkTask = workTask, + WorkTaskStatus = workTask.WorkTaskStatus, + }); } } /// @@ -789,7 +821,18 @@ namespace WorkFlowCore { workTask.SetProcessed(); await workTaskRepository.UpdateAsync(workTask.ToWorkTaskInfo(workTaskInfo)); - eventManager.TriggerTaskStateChange(workTask, workTask.WorkTaskStatus); + + eventManager.Trigger(new TaskFinishedEventData + { + WorkTask = workTask + }); + + + eventManager.Trigger(new TaskStateChangeEventData + { + WorkTask = workTask, + WorkTaskStatus = workTask.WorkTaskStatus, + }); } } @@ -803,7 +846,7 @@ namespace WorkFlowCore public async Task Forward(Guid workStepId, List UserSelectors, string comment = null) { - await Task.Delay(0); + await Task.CompletedTask; if (UserSelectors == null || UserSelectors.Count == 0) return ProveResult.Failed("未提供转办的用户或转办用户无效！"); ; @@ -859,7 +902,7 @@ namespace WorkFlowCore /// private async Task GetOnHandingSignStepsCount(Guid currentNodeId, string stepGroupId) { - await Task.Delay(0); + await Task.CompletedTask; var steps = await workStepRepository.GetCountAsync(ws => ws.GroupId == stepGroupId && ws.IsHandled == false && ws.NodeId != currentNodeId); return steps; @@ -896,6 +939,16 @@ namespace WorkFlowCore /// /// private void GetUsersByUserSelectors(List UserSelectors, WorkTask workTask, Action userHandler) + { + GetUsersByUserSelectors(UserSelectors, workTask, (selector, user) => userHandler?.Invoke(user)); + } + /// + /// 根据选择器获取审批用户 + /// + /// + /// + /// + private void GetUsersByUserSelectors(List UserSelectors, WorkTask workTask, Action userHandler) { foreach (var selector in UserSelectors) { @@ -911,39 +964,14 @@ namespace WorkFlowCore foreach (var user in _users) { - userHandler?.Invoke(user); + userHandler?.Invoke(selector, user); } } } } - /// - /// 获取审批步骤 - /// - /// - /// - /// - /// - /// 上一步骤分组id - /// 下一步骤分组id - /// - private List GetApproveSteps(Guid fromNodeId, string fromNodeName, WorkTask workTask, WorkflowNode node, string preStepGroupId, string nextStepGroupId, List handlerUserSelectors = null, List readUserSelectors = null) - { - List steps = new List(); - - GetUsersByUserSelectors(handlerUserSelectors, null, user => - { - steps.Add(new WorkStep(Guid.NewGuid(), workTask.Id, fromNodeId, fromNodeName, node.Id, node.Name, user, WorkStepType.Handle, nextStepGroupId, preStepGroupId)); - }); - GetUsersByUserSelectors(readUserSelectors, null, user => - { - steps.Add(new WorkStep(Guid.NewGuid(), workTask.Id, fromNodeId, fromNodeName, node.Id, node.Name, user, WorkStepType.ReadOnly, nextStepGroupId, preStepGroupId)); - }); - - return steps; - } /// /// 分配任务到处理人员 @@ -954,7 +982,7 @@ namespace WorkFlowCore /// private async Task SendTasks(WorkTask workTask, List workSteps, string formData = null) { - await Task.Delay(0); + foreach (var item in workSteps) { item.IsHandled = false; @@ -963,8 +991,12 @@ namespace WorkFlowCore //TODO 发布开启任务事件 //TODO 发布开启消息 //TODO 考虑增加让步骤保存每次处理的表单信息 - eventManager.TriggerSendTask(workTask, item); } + eventManager.Trigger(new SendTaskEventData + { + WorkTask = workTask, + WorkSteps = workSteps + }); } /// @@ -974,10 +1006,21 @@ namespace WorkFlowCore /// public async Task> GetAllTaskStepsOfWorkTaskAsync(Guid workTaskId) { - await Task.Delay(0); + await Task.CompletedTask; return (await workStepRepository.GetListAsync(ws => ws.WorkTaskId == workTaskId)).OrderByDescending(ws => ws.CreationTime).Select(s => s.ToWorkStep()).ToList(); } + /// + /// 获取流程所有过程 + /// + /// + /// + public async Task> GetAllTaskStepsOfWorkTaskByEntityInfoAsync(string entityFullName, string entityKeyValue) + { + var worktasks = await workTaskRepository.GetListAsync(t => t.EntityFullName == entityFullName && t.EntityKeyValue == entityKeyValue); + return (await workStepRepository.GetListAsync(ws => worktasks.Select(w => w.Id).Contains(ws.WorkTaskId))).OrderByDescending(ws => ws.CreationTime).Select(s => s.ToWorkStep()).ToList(); + } + /// /// 获取流程信息 /// @@ -1016,20 +1059,22 @@ namespace WorkFlowCore /// /// /// - public async Task> GetUnHandlerWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + public async Task> GetUnHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { - return await workTaskRepository.GetUnHandlerWorkTasksOfUserAsync(userId, pageIndex, pageSize); + return await workTaskRepository.GetUnHandledWorkTasksOfUserAsync(userId, pageIndex, pageSize); } /// - /// 获取用户未处理的流程步骤 + /// 获取用户处理过的流程任务 /// /// /// - public async Task> GetUnHandlerWorkStepsOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) + public async Task> GetHandledWorkTasksOfUserAsync(string userId, int pageIndex = 1, int pageSize = -1) { - return await workStepRepository.GetUnHandlerWorkStepsOfUserAsync(userId, pageIndex, pageSize); + return await workTaskRepository.GetHandledWorkTasksOfUserAsync(userId, pageIndex, pageSize); } + + /// /// 用户发起的流程 /// @@ -1048,7 +1093,7 @@ namespace WorkFlowCore /// public async Task> GetUserSelectionsOfUserSelector(string selectorId) { - await Task.Delay(0); + await Task.CompletedTask; if (string.IsNullOrEmpty(selectorId)) return new List(); var userSelector = userSelectorManager.GetUserSelector(selectorId); return userSelector.GetSelections(); diff --git a/WorkFlowCore/image.png b/WorkFlowCore/image.png deleted file mode 100644 index b4de6bce1747c5fb69e208c8111b1e0962a442ac..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image.png and /dev/null differ diff --git a/WorkFlowCore/image1.png b/WorkFlowCore/image1.png deleted file mode 100644 index fd2f05883e8d7863e82c12ebebfd437cd39263df..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image1.png and /dev/null differ diff --git a/WorkFlowCore/image10.png b/WorkFlowCore/image10.png deleted file mode 100644 index a418b44f641efe35c1f1f958935316fc0d3a6f8e..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image10.png and /dev/null differ diff --git a/WorkFlowCore/image11.png b/WorkFlowCore/image11.png deleted file mode 100644 index 263bfc562b50c6f6267c9d4622d2f42fc61d5461..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image11.png and /dev/null differ diff --git a/WorkFlowCore/image12.png b/WorkFlowCore/image12.png deleted file mode 100644 index b785a4e9e497da39cd118421a2edc7fec364cd03..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image12.png and /dev/null differ diff --git a/WorkFlowCore/image13.png b/WorkFlowCore/image13.png deleted file mode 100644 index f99e7fd61e89f4bfc1edf3101489c6eb0fb2f3f6..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image13.png and /dev/null differ diff --git a/WorkFlowCore/image14.png b/WorkFlowCore/image14.png deleted file mode 100644 index aeb0f1d2691a62805f51c806c6adcc201225994c..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image14.png and /dev/null differ diff --git a/WorkFlowCore/image2.png b/WorkFlowCore/image2.png deleted file mode 100644 index e369fe0eb27fcd6b6fe874caaa6933b8e30537a7..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image2.png and /dev/null differ diff --git a/WorkFlowCore/image3.png b/WorkFlowCore/image3.png deleted file mode 100644 index ef069703e59acbfcbf83f2a35f02cbc32dc8e91e..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image3.png and /dev/null differ diff --git a/WorkFlowCore/image4.png b/WorkFlowCore/image4.png deleted file mode 100644 index 987a242b427f2b4b6ed5d0ed7b458f3e41b85df0..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image4.png and /dev/null differ diff --git a/WorkFlowCore/image5.png b/WorkFlowCore/image5.png deleted file mode 100644 index 2a9c0db1375f593b4dbef338e42a5af081fd26fc..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image5.png and /dev/null differ diff --git a/WorkFlowCore/image6.png b/WorkFlowCore/image6.png deleted file mode 100644 index 12ee54894ee32bf59049e3385878d754aba2953e..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image6.png and /dev/null differ diff --git a/WorkFlowCore/image7.png b/WorkFlowCore/image7.png deleted file mode 100644 index fdcac6dff16e9a75bd02931ed537dc685c0871ee..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image7.png and /dev/null differ diff --git a/WorkFlowCore/image8.png b/WorkFlowCore/image8.png deleted file mode 100644 index 6bc920c0e05706bd4d944215294a5b0e31c8fd2d..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image8.png and /dev/null differ diff --git a/WorkFlowCore/image9.png b/WorkFlowCore/image9.png deleted file mode 100644 index 4400327b3f9db4140670f4939695ef0d31a7e881..0000000000000000000000000000000000000000 Binary files a/WorkFlowCore/image9.png and /dev/null differ diff --git a/admin/vue-admin-template/.editorconfig b/admin/vue-admin-template/.editorconfig deleted file mode 100644 index ea6e20f5b2e79f76a0032c30d99b9fcd346232fd..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.editorconfig +++ /dev/null @@ -1,14 +0,0 @@ -# http://editorconfig.org -root = true - -[*] -charset = utf-8 -indent_style = space -indent_size = 2 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true - -[*.md] -insert_final_newline = false -trim_trailing_whitespace = false diff --git a/admin/vue-admin-template/.env.development b/admin/vue-admin-template/.env.development deleted file mode 100644 index 46eec54a094dfda78d20948872cab3bb6f0c34fc..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.env.development +++ /dev/null @@ -1,5 +0,0 @@ -# just a flag -ENV = 'development' - -# base api -VUE_APP_BASE_API = 'https://localhost:5001/api' diff --git a/admin/vue-admin-template/.env.production b/admin/vue-admin-template/.env.production deleted file mode 100644 index 07d391eac87b44967ed8f9d65de38be589c3751d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.env.production +++ /dev/null @@ -1,6 +0,0 @@ -# just a flag -ENV = 'production' - -# base api -VUE_APP_BASE_API = '/api' - diff --git a/admin/vue-admin-template/.env.staging b/admin/vue-admin-template/.env.staging deleted file mode 100644 index 6877a0747744970d00af23599c395e79a30ea258..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.env.staging +++ /dev/null @@ -1,10 +0,0 @@ -NODE_ENV = production - -# just a flag -ENV = 'staging' - -# base api -VUE_APP_BASE_API = 'http://47.112.1.59:2400' - -#VUE_APP_BASE_API = 'http://127.0.0.1:8085' - diff --git a/admin/vue-admin-template/.eslintignore b/admin/vue-admin-template/.eslintignore deleted file mode 100644 index e6529fc09c9bf8b29e9ea2999e5c4d717e99d9df..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.eslintignore +++ /dev/null @@ -1,4 +0,0 @@ -build/*.js -src/assets -public -dist diff --git a/admin/vue-admin-template/.eslintrc.js b/admin/vue-admin-template/.eslintrc.js deleted file mode 100644 index c977505478d92a4975213812eb1f58b981235b2d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.eslintrc.js +++ /dev/null @@ -1,198 +0,0 @@ -module.exports = { - root: true, - parserOptions: { - parser: 'babel-eslint', - sourceType: 'module' - }, - env: { - browser: true, - node: true, - es6: true, - }, - extends: ['plugin:vue/recommended', 'eslint:recommended'], - - // add your custom rules here - //it is base on https://github.com/vuejs/eslint-config-vue - rules: { - "vue/max-attributes-per-line": [2, { - "singleline": 10, - "multiline": { - "max": 1, - "allowFirstLine": false - } - }], - "vue/singleline-html-element-content-newline": "off", - "vue/multiline-html-element-content-newline":"off", - "vue/name-property-casing": ["error", "PascalCase"], - "vue/no-v-html": "off", - 'accessor-pairs': 2, - 'arrow-spacing': [2, { - 'before': true, - 'after': true - }], - 'block-spacing': [2, 'always'], - 'brace-style': [2, '1tbs', { - 'allowSingleLine': true - }], - 'camelcase': [0, { - 'properties': 'always' - }], - 'comma-dangle': [2, 'never'], - 'comma-spacing': [2, { - 'before': false, - 'after': true - }], - 'comma-style': [2, 'last'], - 'constructor-super': 2, - 'curly': [2, 'multi-line'], - 'dot-location': [2, 'property'], - 'eol-last': 2, - 'eqeqeq': ["error", "always", {"null": "ignore"}], - 'generator-star-spacing': [2, { - 'before': true, - 'after': true - }], - 'handle-callback-err': [2, '^(err|error)$'], - 'indent': [2, 2, { - 'SwitchCase': 1 - }], - 'jsx-quotes': [2, 'prefer-single'], - 'key-spacing': [2, { - 'beforeColon': false, - 'afterColon': true - }], - 'keyword-spacing': [2, { - 'before': true, - 'after': true - }], - 'new-cap': [2, { - 'newIsCap': true, - 'capIsNew': false - }], - 'new-parens': 2, - 'no-array-constructor': 2, - 'no-caller': 2, - 'no-console': 'off', - 'no-class-assign': 2, - 'no-cond-assign': 2, - 'no-const-assign': 2, - 'no-control-regex': 0, - 'no-delete-var': 2, - 'no-dupe-args': 2, - 'no-dupe-class-members': 2, - 'no-dupe-keys': 2, - 'no-duplicate-case': 2, - 'no-empty-character-class': 2, - 'no-empty-pattern': 2, - 'no-eval': 2, - 'no-ex-assign': 2, - 'no-extend-native': 2, - 'no-extra-bind': 2, - 'no-extra-boolean-cast': 2, - 'no-extra-parens': [2, 'functions'], - 'no-fallthrough': 2, - 'no-floating-decimal': 2, - 'no-func-assign': 2, - 'no-implied-eval': 2, - 'no-inner-declarations': [2, 'functions'], - 'no-invalid-regexp': 2, - 'no-irregular-whitespace': 2, - 'no-iterator': 2, - 'no-label-var': 2, - 'no-labels': [2, { - 'allowLoop': false, - 'allowSwitch': false - }], - 'no-lone-blocks': 2, - 'no-mixed-spaces-and-tabs': 2, - 'no-multi-spaces': 2, - 'no-multi-str': 2, - 'no-multiple-empty-lines': [2, { - 'max': 1 - }], - 'no-native-reassign': 2, - 'no-negated-in-lhs': 2, - 'no-new-object': 2, - 'no-new-require': 2, - 'no-new-symbol': 2, - 'no-new-wrappers': 2, - 'no-obj-calls': 2, - 'no-octal': 2, - 'no-octal-escape': 2, - 'no-path-concat': 2, - 'no-proto': 2, - 'no-redeclare': 2, - 'no-regex-spaces': 2, - 'no-return-assign': [2, 'except-parens'], - 'no-self-assign': 2, - 'no-self-compare': 2, - 'no-sequences': 2, - 'no-shadow-restricted-names': 2, - 'no-spaced-func': 2, - 'no-sparse-arrays': 2, - 'no-this-before-super': 2, - 'no-throw-literal': 2, - 'no-trailing-spaces': 2, - 'no-undef': 2, - 'no-undef-init': 2, - 'no-unexpected-multiline': 2, - 'no-unmodified-loop-condition': 2, - 'no-unneeded-ternary': [2, { - 'defaultAssignment': false - }], - 'no-unreachable': 2, - 'no-unsafe-finally': 2, - 'no-unused-vars': [2, { - 'vars': 'all', - 'args': 'none' - }], - 'no-useless-call': 2, - 'no-useless-computed-key': 2, - 'no-useless-constructor': 2, - 'no-useless-escape': 0, - 'no-whitespace-before-property': 2, - 'no-with': 2, - 'one-var': [2, { - 'initialized': 'never' - }], - 'operator-linebreak': [2, 'after', { - 'overrides': { - '?': 'before', - ':': 'before' - } - }], - 'padded-blocks': [2, 'never'], - 'quotes': [2, 'single', { - 'avoidEscape': true, - 'allowTemplateLiterals': true - }], - 'semi': [2, 'never'], - 'semi-spacing': [2, { - 'before': false, - 'after': true - }], - 'space-before-blocks': [2, 'always'], - 'space-before-function-paren': [2, 'never'], - 'space-in-parens': [2, 'never'], - 'space-infix-ops': 2, - 'space-unary-ops': [2, { - 'words': true, - 'nonwords': false - }], - 'spaced-comment': [2, 'always', { - 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] - }], - 'template-curly-spacing': [2, 'never'], - 'use-isnan': 2, - 'valid-typeof': 2, - 'wrap-iife': [2, 'any'], - 'yield-star-spacing': [2, 'both'], - 'yoda': [2, 'never'], - 'prefer-const': 2, - 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, - 'object-curly-spacing': [2, 'always', { - objectsInObjects: false - }], - 'array-bracket-spacing': [2, 'never'] - } -} diff --git a/admin/vue-admin-template/.gitignore b/admin/vue-admin-template/.gitignore deleted file mode 100644 index 9ad28d23dd04e6d428779b6567d0731ff8d40dd5..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.gitignore +++ /dev/null @@ -1,16 +0,0 @@ -.DS_Store -node_modules/ -dist/ -npm-debug.log* -yarn-debug.log* -yarn-error.log* -package-lock.json -tests/**/coverage/ - -# Editor directories and files -.idea -.vscode -*.suo -*.ntvs* -*.njsproj -*.sln diff --git a/admin/vue-admin-template/.travis.yml b/admin/vue-admin-template/.travis.yml deleted file mode 100644 index f4be7a085597785fd16e9f1bcec912dc6b340326..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/.travis.yml +++ /dev/null @@ -1,5 +0,0 @@ -language: node_js -node_js: 10 -script: npm run test -notifications: - email: false diff --git a/admin/vue-admin-template/LICENSE b/admin/vue-admin-template/LICENSE deleted file mode 100644 index 61515750df8d215937d8a5c58202d649dcdff957..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2017-present PanJiaChen - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/admin/vue-admin-template/README-zh.md b/admin/vue-admin-template/README-zh.md deleted file mode 100644 index 5b6f7bdf0e428860ff4e7dda290c188d4ad75e1f..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/README-zh.md +++ /dev/null @@ -1,102 +0,0 @@ -# vue-admin-template - -> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 - -[线上地址](http://panjiachen.github.io/vue-admin-template) - -[国内访问](https://panjiachen.gitee.io/vue-admin-template) - -目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。 - -## Extra - -如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control) - -## 相关项目 - -- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) - -- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) - -- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) - -- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) - -写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目: - -- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2) -- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac) -- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35) -- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56) -- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836) - -## Build Setup - -```bash -# 克隆项目 -git clone https://github.com/PanJiaChen/vue-admin-template.git - -# 进入项目目录 -cd vue-admin-template - -# 安装依赖 -npm install - -# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 -npm install --registry=https://registry.npm.taobao.org - -# 启动服务 -npm run dev -``` - -浏览器访问 [http://localhost:9528](http://localhost:9528) - -## 发布 - -```bash -# 构建测试环境 -npm run build:stage - -# 构建生产环境 -npm run build:prod -``` - -## 其它 - -```bash -# 预览发布环境效果 -npm run preview - -# 预览发布环境效果 + 静态资源分析 -npm run preview -- --report - -# 代码格式检查 -npm run lint - -# 代码格式检查并自动修复 -npm run lint -- --fix -``` - -更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/) - -## 购买贴纸 - -你也可以通过 购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸，我们将获得 2 元的捐赠。 - -## Demo - -![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif) - -## Browsers support - -Modern browsers and Internet Explorer 10+. - -| [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | -| --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions - -## License - -[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license. - -Copyright (c) 2017-present PanJiaChen diff --git a/admin/vue-admin-template/README.md b/admin/vue-admin-template/README.md deleted file mode 100644 index a2f3c71543386f4ff0c6b8357933612cd09ca6fd..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/README.md +++ /dev/null @@ -1,90 +0,0 @@ -# vue-admin-template - -English | [简体中文](./README-zh.md) - -> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint - -**Live demo:** http://panjiachen.github.io/vue-admin-template - - -**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`** - -## Build Setup - -```bash -# clone the project -git clone https://github.com/PanJiaChen/vue-admin-template.git - -# enter the project directory -cd vue-admin-template - -# install dependency -npm install - -# develop -npm run dev -``` - -This will automatically open http://localhost:9528 - -## Build - -```bash -# build for test environment -npm run build:stage - -# build for production environment -npm run build:prod -``` - -## Advanced - -```bash -# preview the release environment effect -npm run preview - -# preview the release environment effect + static resource analysis -npm run preview -- --report - -# code format check -npm run lint - -# code format check and auto fix -npm run lint -- --fix -``` - -Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information - -## Demo - -![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif) - -## Extra - -If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control) - -For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour)) - -## Related Project - -- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) - -- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) - -- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) - -- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) - -## Browsers support - -Modern browsers and Internet Explorer 10+. - -| [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | -| --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions - -## License - -[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license. - -Copyright (c) 2017-present PanJiaChen diff --git a/admin/vue-admin-template/babel.config.js b/admin/vue-admin-template/babel.config.js deleted file mode 100644 index fb82b2715f46a87182f3e004dcc731f5a5f49fe8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/babel.config.js +++ /dev/null @@ -1,14 +0,0 @@ -module.exports = { - presets: [ - // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app - '@vue/cli-plugin-babel/preset' - ], - 'env': { - 'development': { - // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require(). - // This plugin can significantly increase the speed of hot updates, when you have a large number of pages. - // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html - 'plugins': ['dynamic-import-node'] - } - } -} diff --git a/admin/vue-admin-template/build/index.js b/admin/vue-admin-template/build/index.js deleted file mode 100644 index 0c57de2aad9ee533046b71c08b56943be304d867..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/build/index.js +++ /dev/null @@ -1,35 +0,0 @@ -const { run } = require('runjs') -const chalk = require('chalk') -const config = require('../vue.config.js') -const rawArgv = process.argv.slice(2) -const args = rawArgv.join(' ') - -if (process.env.npm_config_preview || rawArgv.includes('--preview')) { - const report = rawArgv.includes('--report') - - run(`vue-cli-service build ${args}`) - - const port = 9526 - const publicPath = config.publicPath - - var connect = require('connect') - var serveStatic = require('serve-static') - const app = connect() - - app.use( - publicPath, - serveStatic('./dist', { - index: ['index.html', '/'] - }) - ) - - app.listen(port, function () { - console.log(chalk.green(`> Preview at http://localhost:${port}${publicPath}`)) - if (report) { - console.log(chalk.green(`> Report at http://localhost:${port}${publicPath}report.html`)) - } - - }) -} else { - run(`vue-cli-service build ${args}`) -} diff --git a/admin/vue-admin-template/jest.config.js b/admin/vue-admin-template/jest.config.js deleted file mode 100644 index 143cdc868cbc529ca55eff89bbc0dc3f23fba65d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/jest.config.js +++ /dev/null @@ -1,24 +0,0 @@ -module.exports = { - moduleFileExtensions: ['js', 'jsx', 'json', 'vue'], - transform: { - '^.+\\.vue$': 'vue-jest', - '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': - 'jest-transform-stub', - '^.+\\.jsx?$': 'babel-jest' - }, - moduleNameMapper: { - '^@/(.*)$': '/src/$1' - }, - snapshotSerializers: ['jest-serializer-vue'], - testMatch: [ - '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)' - ], - collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'], - coverageDirectory: '/tests/unit/coverage', - // 'collectCoverage': true, - 'coverageReporters': [ - 'lcov', - 'text-summary' - ], - testURL: 'http://localhost/' -} diff --git a/admin/vue-admin-template/jsconfig.json b/admin/vue-admin-template/jsconfig.json deleted file mode 100644 index ed079e2b9b8c3deaea3b75d6311c3352c73009f2..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/jsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": "./", - "paths": { - "@/*": ["src/*"] - } - }, - "exclude": ["node_modules", "dist"] -} diff --git a/admin/vue-admin-template/mock/index.js b/admin/vue-admin-template/mock/index.js deleted file mode 100644 index c514c1357332895f0c6b1b55379748f5ff59d60d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/mock/index.js +++ /dev/null @@ -1,57 +0,0 @@ -const Mock = require('mockjs') -const { param2Obj } = require('./utils') - -const user = require('./user') -const table = require('./table') - -const mocks = [ - ...user, - ...table -] - -// for front mock -// please use it cautiously, it will redefine XMLHttpRequest, -// which will cause many of your third-party libraries to be invalidated(like progress event). -function mockXHR() { - // mock patch - // https://github.com/nuysoft/Mock/issues/300 - Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send - Mock.XHR.prototype.send = function() { - if (this.custom.xhr) { - this.custom.xhr.withCredentials = this.withCredentials || false - - if (this.responseType) { - this.custom.xhr.responseType = this.responseType - } - } - this.proxy_send(...arguments) - } - - function XHR2ExpressReqWrap(respond) { - return function(options) { - let result = null - if (respond instanceof Function) { - const { body, type, url } = options - // https://expressjs.com/en/4x/api.html#req - result = respond({ - method: type, - body: JSON.parse(body), - query: param2Obj(url) - }) - } else { - result = respond - } - return Mock.mock(result) - } - } - - for (const i of mocks) { - Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response)) - } -} - -module.exports = { - mocks, - mockXHR -} - diff --git a/admin/vue-admin-template/mock/mock-server.js b/admin/vue-admin-template/mock/mock-server.js deleted file mode 100644 index 8941ec0f8035485e9c432ae7789ffd817e96ef42..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/mock/mock-server.js +++ /dev/null @@ -1,81 +0,0 @@ -const chokidar = require('chokidar') -const bodyParser = require('body-parser') -const chalk = require('chalk') -const path = require('path') -const Mock = require('mockjs') - -const mockDir = path.join(process.cwd(), 'mock') - -function registerRoutes(app) { - let mockLastIndex - const { mocks } = require('./index.js') - const mocksForServer = mocks.map(route => { - return responseFake(route.url, route.type, route.response) - }) - for (const mock of mocksForServer) { - app[mock.type](mock.url, mock.response) - mockLastIndex = app._router.stack.length - } - const mockRoutesLength = Object.keys(mocksForServer).length - return { - mockRoutesLength: mockRoutesLength, - mockStartIndex: mockLastIndex - mockRoutesLength - } -} - -function unregisterRoutes() { - Object.keys(require.cache).forEach(i => { - if (i.includes(mockDir)) { - delete require.cache[require.resolve(i)] - } - }) -} - -// for mock server -const responseFake = (url, type, respond) => { - return { - url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`), - type: type || 'get', - response(req, res) { - console.log('request invoke:' + req.path) - res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond)) - } - } -} - -module.exports = app => { - // parse app.body - // https://expressjs.com/en/4x/api.html#req.body - app.use(bodyParser.json()) - app.use(bodyParser.urlencoded({ - extended: true - })) - - const mockRoutes = registerRoutes(app) - var mockRoutesLength = mockRoutes.mockRoutesLength - var mockStartIndex = mockRoutes.mockStartIndex - - // watch files, hot reload mock server - chokidar.watch(mockDir, { - ignored: /mock-server/, - ignoreInitial: true - }).on('all', (event, path) => { - if (event === 'change' || event === 'add') { - try { - // remove mock routes stack - app._router.stack.splice(mockStartIndex, mockRoutesLength) - - // clear routes cache - unregisterRoutes() - - const mockRoutes = registerRoutes(app) - mockRoutesLength = mockRoutes.mockRoutesLength - mockStartIndex = mockRoutes.mockStartIndex - - console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed ${path}`)) - } catch (error) { - console.log(chalk.redBright(error)) - } - } - }) -} diff --git a/admin/vue-admin-template/mock/table.js b/admin/vue-admin-template/mock/table.js deleted file mode 100644 index bd0e0133e1d8df7ba1411016f4c81fa9f4e69624..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/mock/table.js +++ /dev/null @@ -1,29 +0,0 @@ -const Mock = require('mockjs') - -const data = Mock.mock({ - 'items|30': [{ - id: '@id', - title: '@sentence(10, 20)', - 'status|1': ['published', 'draft', 'deleted'], - author: 'name', - display_time: '@datetime', - pageviews: '@integer(300, 5000)' - }] -}) - -module.exports = [ - { - url: '/vue-admin-template/table/list', - type: 'get', - response: config => { - const items = data.items - return { - code: 20000, - data: { - total: items.length, - items: items - } - } - } - } -] diff --git a/admin/vue-admin-template/mock/user.js b/admin/vue-admin-template/mock/user.js deleted file mode 100644 index 75553385621b0a659bad234c2a151000793712fe..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/mock/user.js +++ /dev/null @@ -1,84 +0,0 @@ - -const tokens = { - admin: { - token: 'admin-token' - }, - editor: { - token: 'editor-token' - } -} - -const users = { - 'admin-token': { - roles: ['admin'], - introduction: 'I am a super administrator', - avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif', - name: 'Super Admin' - }, - 'editor-token': { - roles: ['editor'], - introduction: 'I am an editor', - avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif', - name: 'Normal Editor' - } -} - -module.exports = [ - // user login - { - url: '/vue-admin-template/user/login', - type: 'post', - response: config => { - const { username } = config.body - const token = tokens[username] - - // mock error - if (!token) { - return { - code: 60204, - message: 'Account and password are incorrect.' - } - } - - return { - code: 20000, - data: token - } - } - }, - - // get user info - { - url: '/vue-admin-template/user/info\.*', - type: 'get', - response: config => { - const { token } = config.query - const info = users[token] - - // mock error - if (!info) { - return { - code: 50008, - message: 'Login failed, unable to get user details.' - } - } - - return { - code: 20000, - data: info - } - } - }, - - // user logout - { - url: '/vue-admin-template/user/logout', - type: 'post', - response: _ => { - return { - code: 20000, - data: 'success' - } - } - } -] diff --git a/admin/vue-admin-template/mock/utils.js b/admin/vue-admin-template/mock/utils.js deleted file mode 100644 index 95cc27d5fe6446bc16960a0c2f79975ca6cec411..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/mock/utils.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * @param {string} url - * @returns {Object} - */ -function param2Obj(url) { - const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') - if (!search) { - return {} - } - const obj = {} - const searchArr = search.split('&') - searchArr.forEach(v => { - const index = v.indexOf('=') - if (index !== -1) { - const name = v.substring(0, index) - const val = v.substring(index + 1, v.length) - obj[name] = val - } - }) - return obj -} - -module.exports = { - param2Obj -} diff --git a/admin/vue-admin-template/package.json b/admin/vue-admin-template/package.json deleted file mode 100644 index 1c4cd523316dd967f4c018787c777a4fedb9815d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/package.json +++ /dev/null @@ -1,70 +0,0 @@ -{ - "name": "vue-admin-template", - "version": "4.4.0", - "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint", - "author": "Pan ", - "scripts": { - "dev": "vue-cli-service serve", - "build:prod": "vue-cli-service build", - "build:stage": "vue-cli-service build --mode staging", - "preview": "node build/index.js --preview", - "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", - "lint": "eslint --ext .js,.vue src", - "test:unit": "jest --clearCache && vue-cli-service test:unit", - "test:ci": "npm run lint && npm run test:unit" - }, - "dependencies": { - "axios": "0.18.1", - "codemirror": "^5.59.0", - "core-js": "3.6.5", - "element-ui": "2.13.2", - "js-cookie": "2.2.0", - "lodash": "^4.17.21", - "monaco-editor": "^0.21.2", - "monaco-editor-webpack-plugin": "^2.1.0", - "normalize.css": "7.0.0", - "nprogress": "0.2.0", - "path-to-regexp": "2.4.0", - "vue": "2.6.10", - "vue-codemirror": "^4.0.6", - "vue-draggable-resizable": "^2.3.0", - "vue-router": "3.0.6", - "vuedraggable": "^2.24.3", - "vuex": "3.1.0" - }, - "devDependencies": { - "@vue/cli-plugin-babel": "4.4.4", - "@vue/cli-plugin-eslint": "4.4.4", - "@vue/cli-plugin-unit-jest": "4.4.4", - "@vue/cli-service": "4.4.4", - "@vue/test-utils": "1.0.0-beta.29", - "autoprefixer": "9.5.1", - "babel-eslint": "10.1.0", - "babel-jest": "23.6.0", - "babel-plugin-dynamic-import-node": "2.3.3", - "chalk": "2.4.2", - "connect": "3.6.6", - "eslint": "6.7.2", - "eslint-plugin-vue": "6.2.2", - "html-webpack-plugin": "3.2.0", - "mockjs": "1.0.1-beta3", - "runjs": "4.3.2", - "sass": "1.26.8", - "sass-loader": "8.0.2", - "script-ext-html-webpack-plugin": "2.1.3", - "serve-static": "1.13.2", - "svg-sprite-loader": "4.1.3", - "svgo": "1.2.2", - "vue-template-compiler": "2.6.10", - "vue2-ace-editor": "0.0.15" - }, - "browserslist": [ - "> 1%", - "last 2 versions" - ], - "engines": { - "node": ">=8.9", - "npm": ">= 3.0.0" - }, - "license": "MIT" -} diff --git a/admin/vue-admin-template/postcss.config.js b/admin/vue-admin-template/postcss.config.js deleted file mode 100644 index 10473efcf85dc43627ec84b86fe06b5f7fd1296b..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/postcss.config.js +++ /dev/null @@ -1,8 +0,0 @@ -// https://github.com/michael-ciniawsky/postcss-load-config - -module.exports = { - 'plugins': { - // to edit target browsers: use "browserslist" field in package.json - 'autoprefixer': {} - } -} diff --git a/admin/vue-admin-template/public/editpreviewtemplate.html b/admin/vue-admin-template/public/editpreviewtemplate.html deleted file mode 100644 index f73194814217d8ba27c0a9a8caea7d80f1aa62eb..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/public/editpreviewtemplate.html +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - -
- - - diff --git a/admin/vue-admin-template/public/favicon.ico b/admin/vue-admin-template/public/favicon.ico deleted file mode 100644 index 34b63ac63a87ee3ea8e7a0f3f5b5406c437e2112..0000000000000000000000000000000000000000 Binary files a/admin/vue-admin-template/public/favicon.ico and /dev/null differ diff --git a/admin/vue-admin-template/public/index.html b/admin/vue-admin-template/public/index.html deleted file mode 100644 index fa2be9164ac798754109790fb853df97fc5e85d4..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/public/index.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - <%= webpackConfig.name %> - - - -
- - - diff --git a/admin/vue-admin-template/public/jquery-1.8.2.min.js b/admin/vue-admin-template/public/jquery-1.8.2.min.js deleted file mode 100644 index a41a9d46a6fb3ce7ddc094ebebaa51cccecc0446..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/public/jquery-1.8.2.min.js +++ /dev/null @@ -1,19 +0,0 @@ -/* NUGET: BEGIN LICENSE TEXT - * - * Microsoft grants you the right to use these script files for the sole - * purpose of either: (i) interacting through your browser with the Microsoft - * website or online service, subject to the applicable licensing or use - * terms; or (ii) using the files as included with a Microsoft product subject - * to that product's license terms. Microsoft reserves all other rights to the - * files not expressly granted by Microsoft, whether by implication, estoppel - * or otherwise. Insofar as a script file is dual licensed under GPL, - * Microsoft neither took the code under GPL nor distributes it thereunder but - * under the terms set out in this paragraph. All notices and licenses - * below are for informational purposes only. - * - * JQUERY CORE 1.8.2; Copyright 2012 jQuery Foundation and other contributors; http://jquery.org/license - * Includes Sizzle CSS Selector Engine; Copyright 2012 jQuery Foundation and other contributors; http://opensource.org/licenses/MIT - * - * NUGET: END LICENSE TEXT */ -/*! jQuery v1.8.2 jquery.com | jquery.org/license */ -(function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(I,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:+d+""===d?+d:H.test(d)?p.parseJSON(d):d}catch(f){}p.data(a,c,d)}else d=b}return d}function K(a){var b;for(b in a){if(b==="data"&&p.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function ba(){return!1}function bb(){return!0}function bh(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function bi(a,b){do a=a[b];while(a&&a.nodeType!==1);return a}function bj(a,b,c){b=b||0;if(p.isFunction(b))return p.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return p.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=p.grep(a,function(a){return a.nodeType===1});if(be.test(b))return p.filter(b,d,!c);b=p.filter(b,d)}return p.grep(a,function(a,d){return p.inArray(a,b)>=0===c})}function bk(a){var b=bl.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function bC(a,b){return a.getElementsByTagName(b)[0]||a.appendChild(a.ownerDocument.createElement(b))}function bD(a,b){if(b.nodeType!==1||!p.hasData(a))return;var c,d,e,f=p._data(a),g=p._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;d").appendTo(e.body),c=b.css("display");b.remove();if(c==="none"||c===""){bI=e.body.appendChild(bI||p.extend(e.createElement("iframe"),{frameBorder:0,width:0,height:0}));if(!bJ||!bI.createElement)bJ=(bI.contentWindow||bI.contentDocument).document,bJ.write(""),bJ.close();b=bJ.body.appendChild(bJ.createElement(a)),c=bH(b,"display"),e.body.removeChild(bI)}return bS[a]=c,c}function ci(a,b,c,d){var e;if(p.isArray(b))p.each(b,function(b,e){c||ce.test(a)?d(a,e):ci(a+"["+(typeof e=="object"?b:"")+"]",e,c,d)});else if(!c&&p.type(b)==="object")for(e in b)ci(a+"["+e+"]",b[e],c,d);else d(a,b)}function cz(a){return function(b,c){typeof b!="string"&&(c=b,b="*");var d,e,f,g=b.toLowerCase().split(s),h=0,i=g.length;if(p.isFunction(c))for(;h)[^>]*$|#([\w\-]*)$)/,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,y=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,z=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,A=/^-ms-/,B=/-([\da-z])/gi,C=function(a,b){return(b+"").toUpperCase()},D=function(){e.addEventListener?(e.removeEventListener("DOMContentLoaded",D,!1),p.ready()):e.readyState==="complete"&&(e.detachEvent("onreadystatechange",D),p.ready())},E={};p.fn=p.prototype={constructor:p,init:function(a,c,d){var f,g,h,i;if(!a)return this;if(a.nodeType)return this.context=this[0]=a,this.length=1,this;if(typeof a=="string"){a.charAt(0)==="<"&&a.charAt(a.length-1)===">"&&a.length>=3?f=[null,a,null]:f=u.exec(a);if(f&&(f[1]||!c)){if(f[1])return c=c instanceof p?c[0]:c,i=c&&c.nodeType?c.ownerDocument||c:e,a=p.parseHTML(f[1],i,!0),v.test(f[1])&&p.isPlainObject(c)&&this.attr.call(a,c,!0),p.merge(this,a);g=e.getElementById(f[2]);if(g&&g.parentNode){if(g.id!==f[2])return d.find(a);this.length=1,this[0]=g}return this.context=e,this.selector=a,this}return!c||c.jquery?(c||d).find(a):this.constructor(c).find(a)}return p.isFunction(a)?d.ready(a):(a.selector!==b&&(this.selector=a.selector,this.context=a.context),p.makeArray(a,this))},selector:"",jquery:"1.8.2",length:0,size:function(){return this.length},toArray:function(){return k.call(this)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=p.merge(this.constructor(),a);return d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")"),d},each:function(a,b){return p.each(this,a,b)},ready:function(a){return p.ready.promise().done(a),this},eq:function(a){return a=+a,a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(k.apply(this,arguments),"slice",k.call(arguments).join(","))},map:function(a){return this.pushStack(p.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:j,sort:[].sort,splice:[].splice},p.fn.init.prototype=p.fn,p.extend=p.fn.extend=function(){var a,c,d,e,f,g,h=arguments[0]||{},i=1,j=arguments.length,k=!1;typeof h=="boolean"&&(k=h,h=arguments[1]||{},i=2),typeof h!="object"&&!p.isFunction(h)&&(h={}),j===i&&(h=this,--i);for(;i0)return;d.resolveWith(e,[p]),p.fn.trigger&&p(e).trigger("ready").off("ready")},isFunction:function(a){return p.type(a)==="function"},isArray:Array.isArray||function(a){return p.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):E[m.call(a)]||"object"},isPlainObject:function(a){if(!a||p.type(a)!=="object"||a.nodeType||p.isWindow(a))return!1;try{if(a.constructor&&!n.call(a,"constructor")&&!n.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||n.call(a,d)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},error:function(a){throw new Error(a)},parseHTML:function(a,b,c){var d;return!a||typeof a!="string"?null:(typeof b=="boolean"&&(c=b,b=0),b=b||e,(d=v.exec(a))?[b.createElement(d[1])]:(d=p.buildFragment([a],b,c?null:[]),p.merge([],(d.cacheable?p.clone(d.fragment):d.fragment).childNodes)))},parseJSON:function(b){if(!b||typeof b!="string")return null;b=p.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(w.test(b.replace(y,"@").replace(z,"]").replace(x,"")))return(new Function("return "+b))();p.error("Invalid JSON: "+b)},parseXML:function(c){var d,e;if(!c||typeof c!="string")return null;try{a.DOMParser?(e=new DOMParser,d=e.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(f){d=b}return(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&p.error("Invalid XML: "+c),d},noop:function(){},globalEval:function(b){b&&r.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(A,"ms-").replace(B,C)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,c,d){var e,f=0,g=a.length,h=g===b||p.isFunction(a);if(d){if(h){for(e in a)if(c.apply(a[e],d)===!1)break}else for(;f0&&a[0]&&a[i-1]||i===0||p.isArray(a));if(j)for(;h-1)i.splice(c,1),e&&(c<=g&&g--,c<=h&&h--)}),this},has:function(a){return p.inArray(a,i)>-1},empty:function(){return i=[],this},disable:function(){return i=j=c=b,this},disabled:function(){return!i},lock:function(){return j=b,c||l.disable(),this},locked:function(){return!j},fireWith:function(a,b){return b=b||[],b=[a,b.slice?b.slice():b],i&&(!d||j)&&(e?j.push(b):k(b)),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!d}};return l},p.extend({Deferred:function(a){var b=[["resolve","done",p.Callbacks("once memory"),"resolved"],["reject","fail",p.Callbacks("once memory"),"rejected"],["notify","progress",p.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return p.Deferred(function(c){p.each(b,function(b,d){var f=d[0],g=a[b];e[d[1]](p.isFunction(g)?function(){var a=g.apply(this,arguments);a&&p.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f+"With"](this===e?c:this,[a])}:c[f])}),a=null}).promise()},promise:function(a){return a!=null?p.extend(a,d):d}},e={};return d.pipe=d.then,p.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[a^1][2].disable,b[2][2].lock),e[f[0]]=g.fire,e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=k.call(arguments),d=c.length,e=d!==1||a&&p.isFunction(a.promise)?d:0,f=e===1?a:p.Deferred(),g=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?k.call(arguments):d,c===h?f.notifyWith(b,c):--e||f.resolveWith(b,c)}},h,i,j;if(d>1){h=new Array(d),i=new Array(d),j=new Array(d);for(;b
a",c=n.getElementsByTagName("*"),d=n.getElementsByTagName("a")[0],d.style.cssText="top:1px;float:left;opacity:.5";if(!c||!c.length)return{};f=e.createElement("select"),g=f.appendChild(e.createElement("option")),h=n.getElementsByTagName("input")[0],b={leadingWhitespace:n.firstChild.nodeType===3,tbody:!n.getElementsByTagName("tbody").length,htmlSerialize:!!n.getElementsByTagName("link").length,style:/top/.test(d.getAttribute("style")),hrefNormalized:d.getAttribute("href")==="/a",opacity:/^0.5/.test(d.style.opacity),cssFloat:!!d.style.cssFloat,checkOn:h.value==="on",optSelected:g.selected,getSetAttribute:n.className!=="t",enctype:!!e.createElement("form").enctype,html5Clone:e.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:e.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},h.checked=!0,b.noCloneChecked=h.cloneNode(!0).checked,f.disabled=!0,b.optDisabled=!g.disabled;try{delete n.test}catch(o){b.deleteExpando=!1}!n.addEventListener&&n.attachEvent&&n.fireEvent&&(n.attachEvent("onclick",m=function(){b.noCloneEvent=!1}),n.cloneNode(!0).fireEvent("onclick"),n.detachEvent("onclick",m)),h=e.createElement("input"),h.value="t",h.setAttribute("type","radio"),b.radioValue=h.value==="t",h.setAttribute("checked","checked"),h.setAttribute("name","t"),n.appendChild(h),i=e.createDocumentFragment(),i.appendChild(n.lastChild),b.checkClone=i.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=h.checked,i.removeChild(h),i.appendChild(n);if(n.attachEvent)for(k in{submit:!0,change:!0,focusin:!0})j="on"+k,l=j in n,l||(n.setAttribute(j,"return;"),l=typeof n[j]=="function"),b[k+"Bubbles"]=l;return p(function(){var c,d,f,g,h="padding:0;margin:0;border:0;display:block;overflow:hidden;",i=e.getElementsByTagName("body")[0];if(!i)return;c=e.createElement("div"),c.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",i.insertBefore(c,i.firstChild),d=e.createElement("div"),c.appendChild(d),d.innerHTML="
t
",f=d.getElementsByTagName("td"),f[0].style.cssText="padding:0;margin:0;border:0;display:none",l=f[0].offsetHeight===0,f[0].style.display="",f[1].style.display="none",b.reliableHiddenOffsets=l&&f[0].offsetHeight===0,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",b.boxSizing=d.offsetWidth===4,b.doesNotIncludeMarginInBodyOffset=i.offsetTop!==1,a.getComputedStyle&&(b.pixelPosition=(a.getComputedStyle(d,null)||{}).top!=="1%",b.boxSizingReliable=(a.getComputedStyle(d,null)||{width:"4px"}).width==="4px",g=e.createElement("div"),g.style.cssText=d.style.cssText=h,g.style.marginRight=g.style.width="0",d.style.width="1px",d.appendChild(g),b.reliableMarginRight=!parseFloat((a.getComputedStyle(g,null)||{}).marginRight)),typeof d.style.zoom!="undefined"&&(d.innerHTML="",d.style.cssText=h+"width:1px;padding:1px;display:inline;zoom:1",b.inlineBlockNeedsLayout=d.offsetWidth===3,d.style.display="block",d.style.overflow="visible",d.innerHTML="
",d.firstChild.style.width="5px",b.shrinkWrapBlocks=d.offsetWidth!==3,c.style.zoom=1),i.removeChild(c),c=d=f=g=null}),i.removeChild(n),c=d=f=g=h=i=n=null,b}();var H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,I=/([A-Z])/g;p.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(p.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){return a=a.nodeType?p.cache[a[p.expando]]:a[p.expando],!!a&&!K(a)},data:function(a,c,d,e){if(!p.acceptData(a))return;var f,g,h=p.expando,i=typeof c=="string",j=a.nodeType,k=j?p.cache:a,l=j?a[h]:a[h]&&h;if((!l||!k[l]||!e&&!k[l].data)&&i&&d===b)return;l||(j?a[h]=l=p.deletedIds.pop()||p.guid++:l=h),k[l]||(k[l]={},j||(k[l].toJSON=p.noop));if(typeof c=="object"||typeof c=="function")e?k[l]=p.extend(k[l],c):k[l].data=p.extend(k[l].data,c);return f=k[l],e||(f.data||(f.data={}),f=f.data),d!==b&&(f[p.camelCase(c)]=d),i?(g=f[c],g==null&&(g=f[p.camelCase(c)])):g=f,g},removeData:function(a,b,c){if(!p.acceptData(a))return;var d,e,f,g=a.nodeType,h=g?p.cache:a,i=g?a[p.expando]:p.expando;if(!h[i])return;if(b){d=c?h[i]:h[i].data;if(d){p.isArray(b)||(b in d?b=[b]:(b=p.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,f=b.length;e1,null,!1))},removeData:function(a){return this.each(function(){p.removeData(this,a)})}}),p.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=p._data(a,b),c&&(!d||p.isArray(c)?d=p._data(a,b,p.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=p.queue(a,b),d=c.length,e=c.shift(),f=p._queueHooks(a,b),g=function(){p.dequeue(a,b)};e==="inprogress"&&(e=c.shift(),d--),e&&(b==="fx"&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return p._data(a,c)||p._data(a,c,{empty:p.Callbacks("once memory").add(function(){p.removeData(a,b+"queue",!0),p.removeData(a,c,!0)})})}}),p.fn.extend({queue:function(a,c){var d=2;return typeof a!="string"&&(c=a,a="fx",d--),arguments.length1)},removeAttr:function(a){return this.each(function(){p.removeAttr(this,a)})},prop:function(a,b){return p.access(this,p.prop,a,b,arguments.length>1)},removeProp:function(a){return a=p.propFix[a]||a,this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,f,g,h;if(p.isFunction(a))return this.each(function(b){p(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(s);for(c=0,d=this.length;c=0)d=d.replace(" "+c[f]+" "," ");e.className=a?p.trim(d):""}}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";return p.isFunction(a)?this.each(function(c){p(this).toggleClass(a.call(this,c,this.className,b),b)}):this.each(function(){if(c==="string"){var e,f=0,g=p(this),h=b,i=a.split(s);while(e=i[f++])h=d?h:!g.hasClass(e),g[h?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&p._data(this,"__className__",this.className),this.className=this.className||a===!1?"":p._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c=0)return!0;return!1},val:function(a){var c,d,e,f=this[0];if(!arguments.length){if(f)return c=p.valHooks[f.type]||p.valHooks[f.nodeName.toLowerCase()],c&&"get"in c&&(d=c.get(f,"value"))!==b?d:(d=f.value,typeof d=="string"?d.replace(P,""):d==null?"":d);return}return e=p.isFunction(a),this.each(function(d){var f,g=p(this);if(this.nodeType!==1)return;e?f=a.call(this,d,g.val()):f=a,f==null?f="":typeof f=="number"?f+="":p.isArray(f)&&(f=p.map(f,function(a){return a==null?"":a+""})),c=p.valHooks[this.type]||p.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,f,"value")===b)this.value=f})}}),p.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,f=a.selectedIndex,g=[],h=a.options,i=a.type==="select-one";if(f<0)return null;c=i?f:0,d=i?f+1:h.length;for(;c=0}),c.length||(a.selectedIndex=-1),c}}},attrFn:{},attr:function(a,c,d,e){var f,g,h,i=a.nodeType;if(!a||i===3||i===8||i===2)return;if(e&&p.isFunction(p.fn[c]))return p(a)[c](d);if(typeof a.getAttribute=="undefined")return p.prop(a,c,d);h=i!==1||!p.isXMLDoc(a),h&&(c=c.toLowerCase(),g=p.attrHooks[c]||(T.test(c)?M:L));if(d!==b){if(d===null){p.removeAttr(a,c);return}return g&&"set"in g&&h&&(f=g.set(a,d,c))!==b?f:(a.setAttribute(c,d+""),d)}return g&&"get"in g&&h&&(f=g.get(a,c))!==null?f:(f=a.getAttribute(c),f===null?b:f)},removeAttr:function(a,b){var c,d,e,f,g=0;if(b&&a.nodeType===1){d=b.split(s);for(;g=0}})});var V=/^(?:textarea|input|select)$/i,W=/^([^\.]*|)(?:\.(.+)|)$/,X=/(?:^|\s)hover(\.\S+|)\b/,Y=/^key/,Z=/^(?:mouse|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=function(a){return p.event.special.hover?a:a.replace(X,"mouseenter$1 mouseleave$1")};p.event={add:function(a,c,d,e,f){var g,h,i,j,k,l,m,n,o,q,r;if(a.nodeType===3||a.nodeType===8||!c||!d||!(g=p._data(a)))return;d.handler&&(o=d,d=o.handler,f=o.selector),d.guid||(d.guid=p.guid++),i=g.events,i||(g.events=i={}),h=g.handle,h||(g.handle=h=function(a){return typeof p!="undefined"&&(!a||p.event.triggered!==a.type)?p.event.dispatch.apply(h.elem,arguments):b},h.elem=a),c=p.trim(_(c)).split(" ");for(j=0;j=0&&(s=s.slice(0,-1),i=!0),s.indexOf(".")>=0&&(t=s.split("."),s=t.shift(),t.sort());if((!f||p.event.customEvent[s])&&!p.event.global[s])return;c=typeof c=="object"?c[p.expando]?c:new p.Event(s,c):new p.Event(s),c.type=s,c.isTrigger=!0,c.exclusive=i,c.namespace=t.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+t.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,m=s.indexOf(":")<0?"on"+s:"";if(!f){h=p.cache;for(j in h)h[j].events&&h[j].events[s]&&p.event.trigger(c,d,h[j].handle.elem,!0);return}c.result=b,c.target||(c.target=f),d=d!=null?p.makeArray(d):[],d.unshift(c),n=p.event.special[s]||{};if(n.trigger&&n.trigger.apply(f,d)===!1)return;q=[[f,n.bindType||s]];if(!g&&!n.noBubble&&!p.isWindow(f)){r=n.delegateType||s,k=$.test(r+s)?f:f.parentNode;for(l=f;k;k=k.parentNode)q.push([k,r]),l=k;l===(f.ownerDocument||e)&&q.push([l.defaultView||l.parentWindow||a,r])}for(j=0;j=0:p.find(m,this,null,[f]).length),h[m]&&j.push(l);j.length&&u.push({elem:f,matches:j})}o.length>q&&u.push({elem:this,matches:o.slice(q)});for(d=0;d0?this.on(b,null,a,c):this.trigger(b)},Y.test(b)&&(p.event.fixHooks[b]=p.event.keyHooks),Z.test(b)&&(p.event.fixHooks[b]=p.event.mouseHooks)}),function(a,b){function bc(a,b,c,d){c=c||[],b=b||r;var e,f,i,j,k=b.nodeType;if(!a||typeof a!="string")return c;if(k!==1&&k!==9)return[];i=g(b);if(!i&&!d)if(e=P.exec(a))if(j=e[1]){if(k===9){f=b.getElementById(j);if(!f||!f.parentNode)return c;if(f.id===j)return c.push(f),c}else if(b.ownerDocument&&(f=b.ownerDocument.getElementById(j))&&h(b,f)&&f.id===j)return c.push(f),c}else{if(e[2])return w.apply(c,x.call(b.getElementsByTagName(a),0)),c;if((j=e[3])&&_&&b.getElementsByClassName)return w.apply(c,x.call(b.getElementsByClassName(j),0)),c}return bp(a.replace(L,"$1"),b,c,d,i)}function bd(a){return function(b){var c=b.nodeName.toLowerCase();return c==="input"&&b.type===a}}function be(a){return function(b){var c=b.nodeName.toLowerCase();return(c==="input"||c==="button")&&b.type===a}}function bf(a){return z(function(b){return b=+b,z(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function bg(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}function bh(a,b){var c,d,f,g,h,i,j,k=C[o][a];if(k)return b?0:k.slice(0);h=a,i=[],j=e.preFilter;while(h){if(!c||(d=M.exec(h)))d&&(h=h.slice(d[0].length)),i.push(f=[]);c=!1;if(d=N.exec(h))f.push(c=new q(d.shift())),h=h.slice(c.length),c.type=d[0].replace(L," ");for(g in e.filter)(d=W[g].exec(h))&&(!j[g]||(d=j[g](d,r,!0)))&&(f.push(c=new q(d.shift())),h=h.slice(c.length),c.type=g,c.matches=d);if(!c)break}return b?h.length:h?bc.error(a):C(a,i).slice(0)}function bi(a,b,d){var e=b.dir,f=d&&b.dir==="parentNode",g=u++;return b.first?function(b,c,d){while(b=b[e])if(f||b.nodeType===1)return a(b,c,d)}:function(b,d,h){if(!h){var i,j=t+" "+g+" ",k=j+c;while(b=b[e])if(f||b.nodeType===1){if((i=b[o])===k)return b.sizset;if(typeof i=="string"&&i.indexOf(j)===0){if(b.sizset)return b}else{b[o]=k;if(a(b,d,h))return b.sizset=!0,b;b.sizset=!1}}}else while(b=b[e])if(f||b.nodeType===1)if(a(b,d,h))return b}}function bj(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function bk(a,b,c,d,e){var f,g=[],h=0,i=a.length,j=b!=null;for(;h-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==l)||((b=c).nodeType?j(a,c,d):k(a,c,d))}];for(;i1&&bj(m),i>1&&a.slice(0,i-1).join("").replace(L,"$1"),c,i0,f=a.length>0,g=function(h,i,j,k,m){var n,o,p,q=[],s=0,u="0",x=h&&[],y=m!=null,z=l,A=h||f&&e.find.TAG("*",m&&i.parentNode||i),B=t+=z==null?1:Math.E;y&&(l=i!==r&&i,c=g.el);for(;(n=A[u])!=null;u++){if(f&&n){for(o=0;p=a[o];o++)if(p(n,i,j)){k.push(n);break}y&&(t=B,c=++g.el)}d&&((n=!p&&n)&&s--,h&&x.push(n))}s+=u;if(d&&u!==s){for(o=0;p=b[o];o++)p(x,q,i,j);if(h){if(s>0)while(u--)!x[u]&&!q[u]&&(q[u]=v.call(k));q=bk(q)}w.apply(k,q),y&&!h&&q.length>0&&s+b.length>1&&bc.uniqueSort(k)}return y&&(t=B,l=z),x};return g.el=0,d?z(g):g}function bo(a,b,c,d){var e=0,f=b.length;for(;e2&&(j=h[0]).type==="ID"&&b.nodeType===9&&!f&&e.relative[h[1].type]){b=e.find.ID(j.matches[0].replace(V,""),b,f)[0];if(!b)return c;a=a.slice(h.shift().length)}for(g=W.POS.test(a)?-1:h.length-1;g>=0;g--){j=h[g];if(e.relative[k=j.type])break;if(l=e.find[k])if(d=l(j.matches[0].replace(V,""),R.test(h[0].type)&&b.parentNode||b,f)){h.splice(g,1),a=d.length&&h.join("");if(!a)return w.apply(c,x.call(d,0)),c;break}}}return i(a,m)(d,b,f,c,R.test(a)),c}function bq(){}var c,d,e,f,g,h,i,j,k,l,m=!0,n="undefined",o=("sizcache"+Math.random()).replace(".",""),q=String,r=a.document,s=r.documentElement,t=0,u=0,v=[].pop,w=[].push,x=[].slice,y=[].indexOf||function(a){var b=0,c=this.length;for(;be.cacheLength&&delete a[b.shift()],a[c]=d},a)},B=A(),C=A(),D=A(),E="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",G=F.replace("w","w#"),H="([*^$|!~]?=)",I="\\["+E+"*("+F+")"+E+"*(?:"+H+E+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+G+")|)|)"+E+"*\\]",J=":("+F+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+I+")|[^:]|\\\\.)*|.*))\\)|)",K=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+E+"*((?:-\\d)?\\d*)"+E+"*\\)|)(?=[^-]|$)",L=new RegExp("^"+E+"+|((?:^|[^\\\\])(?:\\\\.)*)"+E+"+$","g"),M=new RegExp("^"+E+"*,"+E+"*"),N=new RegExp("^"+E+"*([\\x20\\t\\r\\n\\f>+~])"+E+"*"),O=new RegExp(J),P=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,Q=/^:not/,R=/[\x20\t\r\n\f]*[+~]/,S=/:not\($/,T=/h\d/i,U=/input|select|textarea|button/i,V=/\\(?!\\)/g,W={ID:new RegExp("^#("+F+")"),CLASS:new RegExp("^\\.("+F+")"),NAME:new RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:new RegExp("^("+F.replace("w","w*")+")"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+J),POS:new RegExp(K,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+E+"*(even|odd|(([+-]|)(\\d*)n|)"+E+"*(?:([+-]|)"+E+"*(\\d+)|))"+E+"*\\)|)","i"),needsContext:new RegExp("^"+E+"*[>+~]|"+K,"i")},X=function(a){var b=r.createElement("div");try{return a(b)}catch(c){return!1}finally{b=null}},Y=X(function(a){return a.appendChild(r.createComment("")),!a.getElementsByTagName("*").length}),Z=X(function(a){return a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!==n&&a.firstChild.getAttribute("href")==="#"}),$=X(function(a){a.innerHTML="";var b=typeof a.lastChild.getAttribute("multiple");return b!=="boolean"&&b!=="string"}),_=X(function(a){return a.innerHTML="",!a.getElementsByClassName||!a.getElementsByClassName("e").length?!1:(a.lastChild.className="e",a.getElementsByClassName("e").length===2)}),ba=X(function(a){a.id=o+0,a.innerHTML="
",s.insertBefore(a,s.firstChild);var b=r.getElementsByName&&r.getElementsByName(o).length===2+r.getElementsByName(o+0).length;return d=!r.getElementById(o),s.removeChild(a),b});try{x.call(s.childNodes,0)[0].nodeType}catch(bb){x=function(a){var b,c=[];for(;b=this[a];a++)c.push(b);return c}}bc.matches=function(a,b){return bc(a,null,null,b)},bc.matchesSelector=function(a,b){return bc(b,null,null,[a]).length>0},f=bc.getText=function(a){var b,c="",d=0,e=a.nodeType;if(e){if(e===1||e===9||e===11){if(typeof a.textContent=="string")return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=f(a)}else if(e===3||e===4)return a.nodeValue}else for(;b=a[d];d++)c+=f(b);return c},g=bc.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?b.nodeName!=="HTML":!1},h=bc.contains=s.contains?function(a,b){var c=a.nodeType===9?a.documentElement:a,d=b&&b.parentNode;return a===d||!!(d&&d.nodeType===1&&c.contains&&c.contains(d))}:s.compareDocumentPosition?function(a,b){return b&&!!(a.compareDocumentPosition(b)&16)}:function(a,b){while(b=b.parentNode)if(b===a)return!0;return!1},bc.attr=function(a,b){var c,d=g(a);return d||(b=b.toLowerCase()),(c=e.attrHandle[b])?c(a):d||$?a.getAttribute(b):(c=a.getAttributeNode(b),c?typeof a[b]=="boolean"?a[b]?b:null:c.specified?c.value:null:null)},e=bc.selectors={cacheLength:50,createPseudo:z,match:W,attrHandle:Z?{}:{href:function(a){return a.getAttribute("href",2)},type:function(a){return a.getAttribute("type")}},find:{ID:d?function(a,b,c){if(typeof b.getElementById!==n&&!c){var d=b.getElementById(a);return d&&d.parentNode?[d]:[]}}:function(a,c,d){if(typeof c.getElementById!==n&&!d){var e=c.getElementById(a);return e?e.id===a||typeof e.getAttributeNode!==n&&e.getAttributeNode("id").value===a?[e]:b:[]}},TAG:Y?function(a,b){if(typeof b.getElementsByTagName!==n)return b.getElementsByTagName(a)}:function(a,b){var c=b.getElementsByTagName(a);if(a==="*"){var d,e=[],f=0;for(;d=c[f];f++)d.nodeType===1&&e.push(d);return e}return c},NAME:ba&&function(a,b){if(typeof b.getElementsByName!==n)return b.getElementsByName(name)},CLASS:_&&function(a,b,c){if(typeof b.getElementsByClassName!==n&&!c)return b.getElementsByClassName(a)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(V,""),a[3]=(a[4]||a[5]||"").replace(V,""),a[2]==="~="&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),a[1]==="nth"?(a[2]||bc.error(a[0]),a[3]=+(a[3]?a[4]+(a[5]||1):2*(a[2]==="even"||a[2]==="odd")),a[4]=+(a[6]+a[7]||a[2]==="odd")):a[2]&&bc.error(a[0]),a},PSEUDO:function(a){var b,c;if(W.CHILD.test(a[0]))return null;if(a[3])a[2]=a[3];else if(b=a[4])O.test(b)&&(c=bh(b,!0))&&(c=b.indexOf(")",b.length-c)-b.length)&&(b=b.slice(0,c),a[0]=a[0].slice(0,c)),a[2]=b;return a.slice(0,3)}},filter:{ID:d?function(a){return a=a.replace(V,""),function(b){return b.getAttribute("id")===a}}:function(a){return a=a.replace(V,""),function(b){var c=typeof b.getAttributeNode!==n&&b.getAttributeNode("id");return c&&c.value===a}},TAG:function(a){return a==="*"?function(){return!0}:(a=a.replace(V,"").toLowerCase(),function(b){return b.nodeName&&b.nodeName.toLowerCase()===a})},CLASS:function(a){var b=B[o][a];return b||(b=B(a,new RegExp("(^|"+E+")"+a+"("+E+"|$)"))),function(a){return b.test(a.className||typeof a.getAttribute!==n&&a.getAttribute("class")||"")}},ATTR:function(a,b,c){return function(d,e){var f=bc.attr(d,a);return f==null?b==="!=":b?(f+="",b==="="?f===c:b==="!="?f!==c:b==="^="?c&&f.indexOf(c)===0:b==="*="?c&&f.indexOf(c)>-1:b==="$="?c&&f.substr(f.length-c.length)===c:b==="~="?(" "+f+" ").indexOf(c)>-1:b==="|="?f===c||f.substr(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d){return a==="nth"?function(a){var b,e,f=a.parentNode;if(c===1&&d===0)return!0;if(f){e=0;for(b=f.firstChild;b;b=b.nextSibling)if(b.nodeType===1){e++;if(a===b)break}}return e-=d,e===c||e%c===0&&e/c>=0}:function(b){var c=b;switch(a){case"only":case"first":while(c=c.previousSibling)if(c.nodeType===1)return!1;if(a==="first")return!0;c=b;case"last":while(c=c.nextSibling)if(c.nodeType===1)return!1;return!0}}},PSEUDO:function(a,b){var c,d=e.pseudos[a]||e.setFilters[a.toLowerCase()]||bc.error("unsupported pseudo: "+a);return d[o]?d(b):d.length>1?(c=[a,a,"",b],e.setFilters.hasOwnProperty(a.toLowerCase())?z(function(a,c){var e,f=d(a,b),g=f.length;while(g--)e=y.call(a,f[g]),a[e]=!(c[e]=f[g])}):function(a){return d(a,0,c)}):d}},pseudos:{not:z(function(a){var b=[],c=[],d=i(a.replace(L,"$1"));return d[o]?z(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)if(f=g[h])a[h]=!(b[h]=f)}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:z(function(a){return function(b){return bc(a,b).length>0}}),contains:z(function(a){return function(b){return(b.textContent||b.innerText||f(b)).indexOf(a)>-1}}),enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&!!a.checked||b==="option"&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},parent:function(a){return!e.pseudos.empty(a)},empty:function(a){var b;a=a.firstChild;while(a){if(a.nodeName>"@"||(b=a.nodeType)===3||b===4)return!1;a=a.nextSibling}return!0},header:function(a){return T.test(a.nodeName)},text:function(a){var b,c;return a.nodeName.toLowerCase()==="input"&&(b=a.type)==="text"&&((c=a.getAttribute("type"))==null||c.toLowerCase()===b)},radio:bd("radio"),checkbox:bd("checkbox"),file:bd("file"),password:bd("password"),image:bd("image"),submit:be("submit"),reset:be("reset"),button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&a.type==="button"||b==="button"},input:function(a){return U.test(a.nodeName)},focus:function(a){var b=a.ownerDocument;return a===b.activeElement&&(!b.hasFocus||b.hasFocus())&&(!!a.type||!!a.href)},active:function(a){return a===a.ownerDocument.activeElement},first:bf(function(a,b,c){return[0]}),last:bf(function(a,b,c){return[b-1]}),eq:bf(function(a,b,c){return[c<0?c+b:c]}),even:bf(function(a,b,c){for(var d=0;d=0;)a.push(d);return a}),gt:bf(function(a,b,c){for(var d=c<0?c+b:c;++d",a.querySelectorAll("[selected]").length||e.push("\\["+E+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),a.querySelectorAll(":checked").length||e.push(":checked")}),X(function(a){a.innerHTML="

",a.querySelectorAll("[test^='']").length&&e.push("[*^$]="+E+"*(?:\"\"|'')"),a.innerHTML="",a.querySelectorAll(":enabled").length||e.push(":enabled",":disabled")}),e=new RegExp(e.join("|")),bp=function(a,d,f,g,h){if(!g&&!h&&(!e||!e.test(a))){var i,j,k=!0,l=o,m=d,n=d.nodeType===9&&a;if(d.nodeType===1&&d.nodeName.toLowerCase()!=="object"){i=bh(a),(k=d.getAttribute("id"))?l=k.replace(c,"\\$&"):d.setAttribute("id",l),l="[id='"+l+"'] ",j=i.length;while(j--)i[j]=l+i[j].join("");m=R.test(a)&&d.parentNode||d,n=i.join(",")}if(n)try{return w.apply(f,x.call(m.querySelectorAll(n),0)),f}catch(p){}finally{k||d.removeAttribute("id")}}return b(a,d,f,g,h)},h&&(X(function(b){a=h.call(b,"div");try{h.call(b,"[test!='']:sizzle"),f.push("!=",J)}catch(c){}}),f=new RegExp(f.join("|")),bc.matchesSelector=function(b,c){c=c.replace(d,"='$1']");if(!g(b)&&!f.test(c)&&(!e||!e.test(c)))try{var i=h.call(b,c);if(i||a||b.document&&b.document.nodeType!==11)return i}catch(j){}return bc(c,null,null,[b]).length>0})}(),e.pseudos.nth=e.pseudos.eq,e.filters=bq.prototype=e.pseudos,e.setFilters=new bq,bc.attr=p.attr,p.find=bc,p.expr=bc.selectors,p.expr[":"]=p.expr.pseudos,p.unique=bc.uniqueSort,p.text=bc.getText,p.isXMLDoc=bc.isXML,p.contains=bc.contains}(a);var bc=/Until$/,bd=/^(?:parents|prev(?:Until|All))/,be=/^.[^:#\[\.,]*$/,bf=p.expr.match.needsContext,bg={children:!0,contents:!0,next:!0,prev:!0};p.fn.extend({find:function(a){var b,c,d,e,f,g,h=this;if(typeof a!="string")return p(a).filter(function(){for(b=0,c=h.length;b0)for(e=d;e=0:p.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c,d=0,e=this.length,f=[],g=bf.test(a)||typeof a!="string"?p(a,b||this.context):0;for(;d-1:p.find.matchesSelector(c,a)){f.push(c);break}c=c.parentNode}}return f=f.length>1?p.unique(f):f,this.pushStack(f,"closest",a)},index:function(a){return a?typeof a=="string"?p.inArray(this[0],p(a)):p.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(a,b){var c=typeof a=="string"?p(a,b):p.makeArray(a&&a.nodeType?[a]:a),d=p.merge(this.get(),c);return this.pushStack(bh(c[0])||bh(d[0])?d:p.unique(d))},addBack:function(a){return this.add(a==null?this.prevObject:this.prevObject.filter(a))}}),p.fn.andSelf=p.fn.addBack,p.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return p.dir(a,"parentNode")},parentsUntil:function(a,b,c){return p.dir(a,"parentNode",c)},next:function(a){return bi(a,"nextSibling")},prev:function(a){return bi(a,"previousSibling")},nextAll:function(a){return p.dir(a,"nextSibling")},prevAll:function(a){return p.dir(a,"previousSibling")},nextUntil:function(a,b,c){return p.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return p.dir(a,"previousSibling",c)},siblings:function(a){return p.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return p.sibling(a.firstChild)},contents:function(a){return p.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:p.merge([],a.childNodes)}},function(a,b){p.fn[a]=function(c,d){var e=p.map(this,b,c);return bc.test(a)||(d=c),d&&typeof d=="string"&&(e=p.filter(d,e)),e=this.length>1&&!bg[a]?p.unique(e):e,this.length>1&&bd.test(a)&&(e=e.reverse()),this.pushStack(e,a,k.call(arguments).join(","))}}),p.extend({filter:function(a,b,c){return c&&(a=":not("+a+")"),b.length===1?p.find.matchesSelector(b[0],a)?[b[0]]:[]:p.find.matches(a,b)},dir:function(a,c,d){var e=[],f=a[c];while(f&&f.nodeType!==9&&(d===b||f.nodeType!==1||!p(f).is(d)))f.nodeType===1&&e.push(f),f=f[c];return e},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var bl="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",bm=/ jQuery\d+="(?:null|\d+)"/g,bn=/^\s+/,bo=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bp=/<([\w:]+)/,bq=/]","i"),bv=/^(?:checkbox|radio)$/,bw=/checked\s*(?:[^=]|=\s*.checked.)/i,bx=/\/(java|ecma)script/i,by=/^\s*\s*$/g,bz={option:[1,""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bA=bk(e),bB=bA.appendChild(e.createElement("div"));bz.optgroup=bz.option,bz.tbody=bz.tfoot=bz.colgroup=bz.caption=bz.thead,bz.th=bz.td,p.support.htmlSerialize||(bz._default=[1,"X
","
"]),p.fn.extend({text:function(a){return p.access(this,function(a){return a===b?p.text(this):this.empty().append((this[0]&&this[0].ownerDocument||e).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(p.isFunction(a))return this.each(function(b){p(this).wrapAll(a.call(this,b))});if(this[0]){var b=p(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return p.isFunction(a)?this.each(function(b){p(this).wrapInner(a.call(this,b))}):this.each(function(){var b=p(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=p.isFunction(a);return this.each(function(c){p(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){p.nodeName(this,"body")||p(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){(this.nodeType===1||this.nodeType===11)&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(a,this.firstChild)})},before:function(){if(!bh(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=p.clean(arguments);return this.pushStack(p.merge(a,this),"before",this.selector)}},after:function(){if(!bh(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=p.clean(arguments);return this.pushStack(p.merge(this,a),"after",this.selector)}},remove:function(a,b){var c,d=0;for(;(c=this[d])!=null;d++)if(!a||p.filter(a,[c]).length)!b&&c.nodeType===1&&(p.cleanData(c.getElementsByTagName("*")),p.cleanData([c])),c.parentNode&&c.parentNode.removeChild(c);return this},empty:function(){var a,b=0;for(;(a=this[b])!=null;b++){a.nodeType===1&&p.cleanData(a.getElementsByTagName("*"));while(a.firstChild)a.removeChild(a.firstChild)}return this},clone:function(a,b){return a=a==null?!1:a,b=b==null?a:b,this.map(function(){return p.clone(this,a,b)})},html:function(a){return p.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(bm,""):b;if(typeof a=="string"&&!bs.test(a)&&(p.support.htmlSerialize||!bu.test(a))&&(p.support.leadingWhitespace||!bn.test(a))&&!bz[(bp.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(bo,"<$1>");try{for(;d1&&typeof j=="string"&&bw.test(j))return this.each(function(){p(this).domManip(a,c,d)});if(p.isFunction(j))return this.each(function(e){var f=p(this);a[0]=j.call(this,e,c?f.html():b),f.domManip(a,c,d)});if(this[0]){e=p.buildFragment(a,this,k),g=e.fragment,f=g.firstChild,g.childNodes.length===1&&(g=f);if(f){c=c&&p.nodeName(f,"tr");for(h=e.cacheable||l-1;i0?this.clone(!0):this).get(),p(g[e])[b](d),f=f.concat(d);return this.pushStack(f,a,g.selector)}}),p.extend({clone:function(a,b,c){var d,e,f,g;p.support.html5Clone||p.isXMLDoc(a)||!bu.test("<"+a.nodeName+">")?g=a.cloneNode(!0):(bB.innerHTML=a.outerHTML,bB.removeChild(g=bB.firstChild));if((!p.support.noCloneEvent||!p.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!p.isXMLDoc(a)){bE(a,g),d=bF(a),e=bF(g);for(f=0;d[f];++f)e[f]&&bE(d[f],e[f])}if(b){bD(a,g);if(c){d=bF(a),e=bF(g);for(f=0;d[f];++f)bD(d[f],e[f])}}return d=e=null,g},clean:function(a,b,c,d){var f,g,h,i,j,k,l,m,n,o,q,r,s=b===e&&bA,t=[];if(!b||typeof b.createDocumentFragment=="undefined")b=e;for(f=0;(h=a[f])!=null;f++){typeof h=="number"&&(h+="");if(!h)continue;if(typeof h=="string")if(!br.test(h))h=b.createTextNode(h);else{s=s||bk(b),l=b.createElement("div"),s.appendChild(l),h=h.replace(bo,"<$1>"),i=(bp.exec(h)||["",""])[1].toLowerCase(),j=bz[i]||bz._default,k=j[0],l.innerHTML=j[1]+h+j[2];while(k--)l=l.lastChild;if(!p.support.tbody){m=bq.test(h),n=i==="table"&&!m?l.firstChild&&l.firstChild.childNodes:j[1]===""&&!m?l.childNodes:[];for(g=n.length-1;g>=0;--g)p.nodeName(n[g],"tbody")&&!n[g].childNodes.length&&n[g].parentNode.removeChild(n[g])}!p.support.leadingWhitespace&&bn.test(h)&&l.insertBefore(b.createTextNode(bn.exec(h)[0]),l.firstChild),h=l.childNodes,l.parentNode.removeChild(l)}h.nodeType?t.push(h):p.merge(t,h)}l&&(h=l=s=null);if(!p.support.appendChecked)for(f=0;(h=t[f])!=null;f++)p.nodeName(h,"input")?bG(h):typeof h.getElementsByTagName!="undefined"&&p.grep(h.getElementsByTagName("input"),bG);if(c){q=function(a){if(!a.type||bx.test(a.type))return d?d.push(a.parentNode?a.parentNode.removeChild(a):a):c.appendChild(a)};for(f=0;(h=t[f])!=null;f++)if(!p.nodeName(h,"script")||!q(h))c.appendChild(h),typeof h.getElementsByTagName!="undefined"&&(r=p.grep(p.merge([],h.getElementsByTagName("script")),q),t.splice.apply(t,[f+1,0].concat(r)),f+=r.length)}return t},cleanData:function(a,b){var c,d,e,f,g=0,h=p.expando,i=p.cache,j=p.support.deleteExpando,k=p.event.special;for(;(e=a[g])!=null;g++)if(b||p.acceptData(e)){d=e[h],c=d&&i[d];if(c){if(c.events)for(f in c.events)k[f]?p.event.remove(e,f):p.removeEvent(e,f,c.handle);i[d]&&(delete i[d],j?delete e[h]:e.removeAttribute?e.removeAttribute(h):e[h]=null,p.deletedIds.push(d))}}}}),function(){var a,b;p.uaMatch=function(a){a=a.toLowerCase();var b=/(chrome)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},a=p.uaMatch(g.userAgent),b={},a.browser&&(b[a.browser]=!0,b.version=a.version),b.chrome?b.webkit=!0:b.webkit&&(b.safari=!0),p.browser=b,p.sub=function(){function a(b,c){return new a.fn.init(b,c)}p.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function c(c,d){return d&&d instanceof p&&!(d instanceof a)&&(d=a(d)),p.fn.init.call(this,c,d,b)},a.fn.init.prototype=a.fn;var b=a(e);return a}}();var bH,bI,bJ,bK=/alpha\([^)]*\)/i,bL=/opacity=([^)]*)/,bM=/^(top|right|bottom|left)$/,bN=/^(none|table(?!-c[ea]).+)/,bO=/^margin/,bP=new RegExp("^("+q+")(.*)$","i"),bQ=new RegExp("^("+q+")(?!px)[a-z%]+$","i"),bR=new RegExp("^([-+])=("+q+")","i"),bS={},bT={position:"absolute",visibility:"hidden",display:"block"},bU={letterSpacing:0,fontWeight:400},bV=["Top","Right","Bottom","Left"],bW=["Webkit","O","Moz","ms"],bX=p.fn.toggle;p.fn.extend({css:function(a,c){return p.access(this,function(a,c,d){return d!==b?p.style(a,c,d):p.css(a,c)},a,c,arguments.length>1)},show:function(){return b$(this,!0)},hide:function(){return b$(this)},toggle:function(a,b){var c=typeof a=="boolean";return p.isFunction(a)&&p.isFunction(b)?bX.apply(this,arguments):this.each(function(){(c?a:bZ(this))?p(this).show():p(this).hide()})}}),p.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bH(a,"opacity");return c===""?"1":c}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":p.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!a||a.nodeType===3||a.nodeType===8||!a.style)return;var f,g,h,i=p.camelCase(c),j=a.style;c=p.cssProps[i]||(p.cssProps[i]=bY(j,i)),h=p.cssHooks[c]||p.cssHooks[i];if(d===b)return h&&"get"in h&&(f=h.get(a,!1,e))!==b?f:j[c];g=typeof d,g==="string"&&(f=bR.exec(d))&&(d=(f[1]+1)*f[2]+parseFloat(p.css(a,c)),g="number");if(d==null||g==="number"&&isNaN(d))return;g==="number"&&!p.cssNumber[i]&&(d+="px");if(!h||!("set"in h)||(d=h.set(a,d,e))!==b)try{j[c]=d}catch(k){}},css:function(a,c,d,e){var f,g,h,i=p.camelCase(c);return c=p.cssProps[i]||(p.cssProps[i]=bY(a.style,i)),h=p.cssHooks[c]||p.cssHooks[i],h&&"get"in h&&(f=h.get(a,!0,e)),f===b&&(f=bH(a,c)),f==="normal"&&c in bU&&(f=bU[c]),d||e!==b?(g=parseFloat(f),d||p.isNumeric(g)?g||0:f):f},swap:function(a,b,c){var d,e,f={};for(e in b)f[e]=a.style[e],a.style[e]=b[e];d=c.call(a);for(e in b)a.style[e]=f[e];return d}}),a.getComputedStyle?bH=function(b,c){var d,e,f,g,h=a.getComputedStyle(b,null),i=b.style;return h&&(d=h[c],d===""&&!p.contains(b.ownerDocument,b)&&(d=p.style(b,c)),bQ.test(d)&&bO.test(c)&&(e=i.width,f=i.minWidth,g=i.maxWidth,i.minWidth=i.maxWidth=i.width=d,d=h.width,i.width=e,i.minWidth=f,i.maxWidth=g)),d}:e.documentElement.currentStyle&&(bH=function(a,b){var c,d,e=a.currentStyle&&a.currentStyle[b],f=a.style;return e==null&&f&&f[b]&&(e=f[b]),bQ.test(e)&&!bM.test(b)&&(c=f.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":e,e=f.pixelLeft+"px",f.left=c,d&&(a.runtimeStyle.left=d)),e===""?"auto":e}),p.each(["height","width"],function(a,b){p.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth===0&&bN.test(bH(a,"display"))?p.swap(a,bT,function(){return cb(a,b,d)}):cb(a,b,d)},set:function(a,c,d){return b_(a,c,d?ca(a,b,d,p.support.boxSizing&&p.css(a,"boxSizing")==="border-box"):0)}}}),p.support.opacity||(p.cssHooks.opacity={get:function(a,b){return bL.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=p.isNumeric(b)?"alpha(opacity="+b*100+")":"",f=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&p.trim(f.replace(bK,""))===""&&c.removeAttribute){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bK.test(f)?f.replace(bK,e):f+" "+e}}),p(function(){p.support.reliableMarginRight||(p.cssHooks.marginRight={get:function(a,b){return p.swap(a,{display:"inline-block"},function(){if(b)return bH(a,"marginRight")})}}),!p.support.pixelPosition&&p.fn.position&&p.each(["top","left"],function(a,b){p.cssHooks[b]={get:function(a,c){if(c){var d=bH(a,b);return bQ.test(d)?p(a).position()[b]+"px":d}}}})}),p.expr&&p.expr.filters&&(p.expr.filters.hidden=function(a){return a.offsetWidth===0&&a.offsetHeight===0||!p.support.reliableHiddenOffsets&&(a.style&&a.style.display||bH(a,"display"))==="none"},p.expr.filters.visible=function(a){return!p.expr.filters.hidden(a)}),p.each({margin:"",padding:"",border:"Width"},function(a,b){p.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bV[d]+b]=e[d]||e[d-2]||e[0];return f}},bO.test(a)||(p.cssHooks[a+b].set=b_)});var cd=/%20/g,ce=/\[\]$/,cf=/\r?\n/g,cg=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,ch=/^(?:select|textarea)/i;p.fn.extend({serialize:function(){return p.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?p.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ch.test(this.nodeName)||cg.test(this.type))}).map(function(a,b){var c=p(this).val();return c==null?null:p.isArray(c)?p.map(c,function(a,c){return{name:b.name,value:a.replace(cf,"\r\n")}}):{name:b.name,value:c.replace(cf,"\r\n")}}).get()}}),p.param=function(a,c){var d,e=[],f=function(a,b){b=p.isFunction(b)?b():b==null?"":b,e[e.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=p.ajaxSettings&&p.ajaxSettings.traditional);if(p.isArray(a)||a.jquery&&!p.isPlainObject(a))p.each(a,function(){f(this.name,this.value)});else for(d in a)ci(d,a[d],c,f);return e.join("&").replace(cd,"+")};var cj,ck,cl=/#.*$/,cm=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,cn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,co=/^(?:GET|HEAD)$/,cp=/^\/\//,cq=/\?/,cr=/)<[^<]*)*<\/script>/gi,cs=/([?&])_=[^&]*/,ct=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,cu=p.fn.load,cv={},cw={},cx=["*/"]+["*"];try{ck=f.href}catch(cy){ck=e.createElement("a"),ck.href="",ck=ck.href}cj=ct.exec(ck.toLowerCase())||[],p.fn.load=function(a,c,d){if(typeof a!="string"&&cu)return cu.apply(this,arguments);if(!this.length)return this;var e,f,g,h=this,i=a.indexOf(" ");return i>=0&&(e=a.slice(i,a.length),a=a.slice(0,i)),p.isFunction(c)?(d=c,c=b):c&&typeof c=="object"&&(f="POST"),p.ajax({url:a,type:f,dataType:"html",data:c,complete:function(a,b){d&&h.each(d,g||[a.responseText,b,a])}}).done(function(a){g=arguments,h.html(e?p("
").append(a.replace(cr,"")).find(e):a)}),this},p.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){p.fn[b]=function(a){return this.on(b,a)}}),p.each(["get","post"],function(a,c){p[c]=function(a,d,e,f){return p.isFunction(d)&&(f=f||e,e=d,d=b),p.ajax({type:c,url:a,data:d,success:e,dataType:f})}}),p.extend({getScript:function(a,c){return p.get(a,b,c,"script")},getJSON:function(a,b,c){return p.get(a,b,c,"json")},ajaxSetup:function(a,b){return b?cB(a,p.ajaxSettings):(b=a,a=p.ajaxSettings),cB(a,b),a},ajaxSettings:{url:ck,isLocal:cn.test(cj[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":cx},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":p.parseJSON,"text xml":p.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:cz(cv),ajaxTransport:cz(cw),ajax:function(a,c){function y(a,c,f,i){var k,s,t,u,w,y=c;if(v===2)return;v=2,h&&clearTimeout(h),g=b,e=i||"",x.readyState=a>0?4:0,f&&(u=cC(l,x,f));if(a>=200&&a<300||a===304)l.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(p.lastModified[d]=w),w=x.getResponseHeader("Etag"),w&&(p.etag[d]=w)),a===304?(y="notmodified",k=!0):(k=cD(l,u),y=k.state,s=k.data,t=k.error,k=!t);else{t=y;if(!y||a)y="error",a<0&&(a=0)}x.status=a,x.statusText=(c||y)+"",k?o.resolveWith(m,[s,y,x]):o.rejectWith(m,[x,y,t]),x.statusCode(r),r=b,j&&n.trigger("ajax"+(k?"Success":"Error"),[x,l,k?s:t]),q.fireWith(m,[x,y]),j&&(n.trigger("ajaxComplete",[x,l]),--p.active||p.event.trigger("ajaxStop"))}typeof a=="object"&&(c=a,a=b),c=c||{};var d,e,f,g,h,i,j,k,l=p.ajaxSetup({},c),m=l.context||l,n=m!==l&&(m.nodeType||m instanceof p)?p(m):p.event,o=p.Deferred(),q=p.Callbacks("once memory"),r=l.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,setRequestHeader:function(a,b){if(!v){var c=a.toLowerCase();a=u[c]=u[c]||a,t[a]=b}return this},getAllResponseHeaders:function(){return v===2?e:null},getResponseHeader:function(a){var c;if(v===2){if(!f){f={};while(c=cm.exec(e))f[c[1].toLowerCase()]=c[2]}c=f[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){return v||(l.mimeType=a),this},abort:function(a){return a=a||w,g&&g.abort(a),y(0,a),this}};o.promise(x),x.success=x.done,x.error=x.fail,x.complete=q.add,x.statusCode=function(a){if(a){var b;if(v<2)for(b in a)r[b]=[r[b],a[b]];else b=a[x.status],x.always(b)}return this},l.url=((a||l.url)+"").replace(cl,"").replace(cp,cj[1]+"//"),l.dataTypes=p.trim(l.dataType||"*").toLowerCase().split(s),l.crossDomain==null&&(i=ct.exec(l.url.toLowerCase())||!1,l.crossDomain=i&&i.join(":")+(i[3]?"":i[1]==="http:"?80:443)!==cj.join(":")+(cj[3]?"":cj[1]==="http:"?80:443)),l.data&&l.processData&&typeof l.data!="string"&&(l.data=p.param(l.data,l.traditional)),cA(cv,l,c,x);if(v===2)return x;j=l.global,l.type=l.type.toUpperCase(),l.hasContent=!co.test(l.type),j&&p.active++===0&&p.event.trigger("ajaxStart");if(!l.hasContent){l.data&&(l.url+=(cq.test(l.url)?"&":"?")+l.data,delete l.data),d=l.url;if(l.cache===!1){var z=p.now(),A=l.url.replace(cs,"$1_="+z);l.url=A+(A===l.url?(cq.test(l.url)?"&":"?")+"_="+z:"")}}(l.data&&l.hasContent&&l.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",l.contentType),l.ifModified&&(d=d||l.url,p.lastModified[d]&&x.setRequestHeader("If-Modified-Since",p.lastModified[d]),p.etag[d]&&x.setRequestHeader("If-None-Match",p.etag[d])),x.setRequestHeader("Accept",l.dataTypes[0]&&l.accepts[l.dataTypes[0]]?l.accepts[l.dataTypes[0]]+(l.dataTypes[0]!=="*"?", "+cx+"; q=0.01":""):l.accepts["*"]);for(k in l.headers)x.setRequestHeader(k,l.headers[k]);if(!l.beforeSend||l.beforeSend.call(m,x,l)!==!1&&v!==2){w="abort";for(k in{success:1,error:1,complete:1})x[k](l[k]);g=cA(cw,l,c,x);if(!g)y(-1,"No Transport");else{x.readyState=1,j&&n.trigger("ajaxSend",[x,l]),l.async&&l.timeout>0&&(h=setTimeout(function(){x.abort("timeout")},l.timeout));try{v=1,g.send(t,y)}catch(B){if(v<2)y(-1,B);else throw B}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var cE=[],cF=/\?/,cG=/(=)\?(?=&|$)|\?\?/,cH=p.now();p.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=cE.pop()||p.expando+"_"+cH++;return this[a]=!0,a}}),p.ajaxPrefilter("json jsonp",function(c,d,e){var f,g,h,i=c.data,j=c.url,k=c.jsonp!==!1,l=k&&cG.test(j),m=k&&!l&&typeof i=="string"&&!(c.contentType||"").indexOf("application/x-www-form-urlencoded")&&cG.test(i);if(c.dataTypes[0]==="jsonp"||l||m)return f=c.jsonpCallback=p.isFunction(c.jsonpCallback)?c.jsonpCallback():c.jsonpCallback,g=a[f],l?c.url=j.replace(cG,"$1"+f):m?c.data=i.replace(cG,"$1"+f):k&&(c.url+=(cF.test(j)?"&":"?")+c.jsonp+"="+f),c.converters["script json"]=function(){return h||p.error(f+" was not called"),h[0]},c.dataTypes[0]="json",a[f]=function(){h=arguments},e.always(function(){a[f]=g,c[f]&&(c.jsonpCallback=d.jsonpCallback,cE.push(f)),h&&p.isFunction(g)&&g(h[0]),h=g=b}),"script"}),p.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){return p.globalEval(a),a}}}),p.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),p.ajaxTransport("script",function(a){if(a.crossDomain){var c,d=e.head||e.getElementsByTagName("head")[0]||e.documentElement;return{send:function(f,g){c=e.createElement("script"),c.async="async",a.scriptCharset&&(c.charset=a.scriptCharset),c.src=a.url,c.onload=c.onreadystatechange=function(a,e){if(e||!c.readyState||/loaded|complete/.test(c.readyState))c.onload=c.onreadystatechange=null,d&&c.parentNode&&d.removeChild(c),c=b,e||g(200,"success")},d.insertBefore(c,d.firstChild)},abort:function(){c&&c.onload(0,1)}}}});var cI,cJ=a.ActiveXObject?function(){for(var a in cI)cI[a](0,1)}:!1,cK=0;p.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&cL()||cM()}:cL,function(a){p.extend(p.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(p.ajaxSettings.xhr()),p.support.ajax&&p.ajaxTransport(function(c){if(!c.crossDomain||p.support.cors){var d;return{send:function(e,f){var g,h,i=c.xhr();c.username?i.open(c.type,c.url,c.async,c.username,c.password):i.open(c.type,c.url,c.async);if(c.xhrFields)for(h in c.xhrFields)i[h]=c.xhrFields[h];c.mimeType&&i.overrideMimeType&&i.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(h in e)i.setRequestHeader(h,e[h])}catch(j){}i.send(c.hasContent&&c.data||null),d=function(a,e){var h,j,k,l,m;try{if(d&&(e||i.readyState===4)){d=b,g&&(i.onreadystatechange=p.noop,cJ&&delete cI[g]);if(e)i.readyState!==4&&i.abort();else{h=i.status,k=i.getAllResponseHeaders(),l={},m=i.responseXML,m&&m.documentElement&&(l.xml=m);try{l.text=i.responseText}catch(a){}try{j=i.statusText}catch(n){j=""}!h&&c.isLocal&&!c.crossDomain?h=l.text?200:404:h===1223&&(h=204)}}}catch(o){e||f(-1,o)}l&&f(h,j,l,k)},c.async?i.readyState===4?setTimeout(d,0):(g=++cK,cJ&&(cI||(cI={},p(a).unload(cJ)),cI[g]=d),i.onreadystatechange=d):d()},abort:function(){d&&d(0,1)}}}});var cN,cO,cP=/^(?:toggle|show|hide)$/,cQ=new RegExp("^(?:([-+])=|)("+q+")([a-z%]*)$","i"),cR=/queueHooks$/,cS=[cY],cT={"*":[function(a,b){var c,d,e=this.createTween(a,b),f=cQ.exec(b),g=e.cur(),h=+g||0,i=1,j=20;if(f){c=+f[2],d=f[3]||(p.cssNumber[a]?"":"px");if(d!=="px"&&h){h=p.css(e.elem,a,!0)||c||1;do i=i||".5",h=h/i,p.style(e.elem,a,h+d);while(i!==(i=e.cur()/g)&&i!==1&&--j)}e.unit=d,e.start=h,e.end=f[1]?h+(f[1]+1)*c:c}return e}]};p.Animation=p.extend(cW,{tweener:function(a,b){p.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");var c,d=0,e=a.length;for(;d-1,j={},k={},l,m;i?(k=e.position(),l=k.top,m=k.left):(l=parseFloat(g)||0,m=parseFloat(h)||0),p.isFunction(b)&&(b=b.call(a,c,f)),b.top!=null&&(j.top=b.top-f.top+l),b.left!=null&&(j.left=b.left-f.left+m),"using"in b?b.using.call(a,j):e.css(j)}},p.fn.extend({position:function(){if(!this[0])return;var a=this[0],b=this.offsetParent(),c=this.offset(),d=c_.test(b[0].nodeName)?{top:0,left:0}:b.offset();return c.top-=parseFloat(p.css(a,"marginTop"))||0,c.left-=parseFloat(p.css(a,"marginLeft"))||0,d.top+=parseFloat(p.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(p.css(b[0],"borderLeftWidth"))||0,{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||e.body;while(a&&!c_.test(a.nodeName)&&p.css(a,"position")==="static")a=a.offsetParent;return a||e.body})}}),p.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);p.fn[a]=function(e){return p.access(this,function(a,e,f){var g=da(a);if(f===b)return g?c in g?g[c]:g.document.documentElement[e]:a[e];g?g.scrollTo(d?p(g).scrollLeft():f,d?f:p(g).scrollTop()):a[e]=f},a,e,arguments.length,null)}}),p.each({Height:"height",Width:"width"},function(a,c){p.each({padding:"inner"+a,content:c,"":"outer"+a},function(d,e){p.fn[e]=function(e,f){var g=arguments.length&&(d||typeof e!="boolean"),h=d||(e===!0||f===!0?"margin":"border");return p.access(this,function(c,d,e){var f;return p.isWindow(c)?c.document.documentElement["client"+a]:c.nodeType===9?(f=c.documentElement,Math.max(c.body["scroll"+a],f["scroll"+a],c.body["offset"+a],f["offset"+a],f["client"+a])):e===b?p.css(c,d,e,h):p.style(c,d,e,h)},c,g?e:b,g,null)}})}),a.jQuery=a.$=p,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return p})})(window); \ No newline at end of file diff --git a/admin/vue-admin-template/src/App.vue b/admin/vue-admin-template/src/App.vue deleted file mode 100644 index ec9032c1c638e918ec97e413aa081993a95048f4..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/App.vue +++ /dev/null @@ -1,11 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/api/user.js b/admin/vue-admin-template/src/api/user.js deleted file mode 100644 index 8ff4389dbae65b9c122be91c4001f0f7ede21cef..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/api/user.js +++ /dev/null @@ -1,24 +0,0 @@ -import request from '@/utils/request' - -export function login(data) { - return request({ - url: '/vue-admin-template/user/login', - method: 'post', - data - }) -} - -export function getInfo(token) { - return request({ - url: '/vue-admin-template/user/info', - method: 'get', - params: { token } - }) -} - -export function logout() { - return request({ - url: '/vue-admin-template/user/logout', - method: 'post' - }) -} diff --git a/admin/vue-admin-template/src/api/workflow.js b/admin/vue-admin-template/src/api/workflow.js deleted file mode 100644 index 5c789b99d40657d6097cb78637223772c488b057..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/api/workflow.js +++ /dev/null @@ -1,123 +0,0 @@ -import request from '@/utils/request' - - -export default { - getAllconditions() { - return request({ - url: '/workflow/getAllconditions', - method: 'get', - }) - }, - getAllUserSelectors() { - return request({ - url: '/workflow/getAllUserSelectors', - method: 'get', - }) - }, - getAllWorkflows() { - return request({ - url: '/workflow/getAllWorkflows', - method: 'get', - }) - }, - - getUserSelectionsOfUserSelector(params) { - return request({ - url: '/workflow/getUserSelectionsOfUserSelector' , - method: 'get', - params:params - }) - }, - createWorkFlow(data) { - return request({ - url: '/workflow/createWorkFlow', - method: 'post', - data - }) - }, - getAllWorkflowVersions(params) { - return request({ - url: '/workflow/getAllWorkflowVersions' , - method: 'get', - params:params - }) - }, - getWorkflowVersion(params) { - return request({ - url: '/workflow/getWorkflowVersion' , - method: 'get', - params:params - }) - }, - updateWorkflowActiveVersion(data) { - return request({ - url: '/workflow/updateWorkflowActiveVersion', - method: 'put', - data - }) - }, - updateWorkflow(data) { - return request({ - url: '/workflow/updateWorkFlow', - method: 'put', - data - }) - }, - createWorkTask(data) { - return request({ - url: '/workflow/createWorkTask', - method: 'post', - data - }) - }, - startWorkTask(data) { - return request({ - url: '/workflow/startWorkTask', - method: 'post', - data - }) - }, - passProve(data) { - return request({ - url: '/workflow/passProve', - method: 'post', - data - }) - }, - rejectProve(data) { - return request({ - url: '/workflow/rejectProve', - method: 'post', - data - }) - }, - withdrawProve(data) { - return request({ - url: '/workflow/withdrawProve', - method: 'post', - data - }) - }, - forwardProve(data) { - return request({ - url: '/workflow/forwardProve', - method: 'post', - data - }) - }, - - getAllTaskStepsOfWorkTask(params) { - return request({ - url: '/workflow/getAllTaskStepsOfWorkTask' , - method: 'get', - params:params - }) - }, - clearSimulationRecord() { - return request({ - url: '/workflow/clearSimulationRecord', - method: 'post', - }) - }, -} - diff --git a/admin/vue-admin-template/src/assets/404_images/404.png b/admin/vue-admin-template/src/assets/404_images/404.png deleted file mode 100644 index 3d8e2305cc973ad2121403aee4bf08728f76c461..0000000000000000000000000000000000000000 Binary files a/admin/vue-admin-template/src/assets/404_images/404.png and /dev/null differ diff --git a/admin/vue-admin-template/src/assets/404_images/404_cloud.png b/admin/vue-admin-template/src/assets/404_images/404_cloud.png deleted file mode 100644 index c6281d09013e0a2c5f8e699a0a6038d9480291e5..0000000000000000000000000000000000000000 Binary files a/admin/vue-admin-template/src/assets/404_images/404_cloud.png and /dev/null differ diff --git a/admin/vue-admin-template/src/components/Breadcrumb/index.vue b/admin/vue-admin-template/src/components/Breadcrumb/index.vue deleted file mode 100644 index 29f9a04c9dcf9f8d1b216f5cbdf0046606c4d203..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Breadcrumb/index.vue +++ /dev/null @@ -1,78 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Hamburger/index.vue b/admin/vue-admin-template/src/components/Hamburger/index.vue deleted file mode 100644 index 368b002154ef7dfb2625e15a43d2ad264bfa040c..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Hamburger/index.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/SvgIcon/index.vue b/admin/vue-admin-template/src/components/SvgIcon/index.vue deleted file mode 100644 index b07ded2af39d367113e28f68ca581b74b2625718..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/SvgIcon/index.vue +++ /dev/null @@ -1,62 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/data_A.js b/admin/vue-admin-template/src/components/Workflow/data_A.js deleted file mode 100644 index 1806935f4f710f89934d84994cdfe1801d018b56..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/data_A.js +++ /dev/null @@ -1,40 +0,0 @@ -let dataA = { - name: '流程A', - nodeList: [ - { - id: 'nodeA', - name: '流程A-节点A', - type: 'task', - left: '26px', - top: '161px', - ico: 'el-icon-user-solid' - }, - { - id: 'nodeB', - name: '流程A-节点B', - type: 'task', - left: '340px', - top: '161px', - ico: 'el-icon-goods' - }, - { - id: 'nodeC', - name: '流程A-节点C', - type: 'task', - left: '739px', - top: '161px', - ico: 'el-icon-present' - } - ], - lineList: [{ - from: 'nodeA', - to: 'nodeB' - }, { - from: 'nodeB', - to: 'nodeC' - }] -} - -export function getDataA () { - return dataA -} diff --git a/admin/vue-admin-template/src/components/Workflow/data_B.js b/admin/vue-admin-template/src/components/Workflow/data_B.js deleted file mode 100644 index cf1b639def7ace91c3dbab9f999762e0f89e23c8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/data_B.js +++ /dev/null @@ -1,61 +0,0 @@ -let dataB = { - name: '流程B', - nodeList: [ - { - id: 'nodeA', - name: '节点A-不可拖拽', - type: 'task', - left: '18px', - top: '223px', - ico: 'el-icon-user-solid', - state: 'success', - viewOnly: true - }, - { - id: 'nodeB', - type: 'task', - name: '流程B-节点B', - left: '351px', - top: '96px', - ico: 'el-icon-goods', - state: 'error' - }, - { - id: 'nodeC', - name: '流程B-节点C', - type: 'task', - left: '354px', - top: '351px', - ico: 'el-icon-present', - state: 'warning' - }, { - id: 'nodeD', - name: '流程B-节点D', - type: 'task', - left: '723px', - top: '215px', - ico: 'el-icon-present', - state: 'running' - } - ], - lineList: [{ - from: 'nodeA', - to: 'nodeB', - label: '条件A' - }, { - from: 'nodeA', - to: 'nodeC', - label: '条件B' - }, { - from: 'nodeB', - to: 'nodeD' - }, { - from: 'nodeC', - to: 'nodeD' - } - ] -} - -export function getDataB () { - return dataB -} diff --git a/admin/vue-admin-template/src/components/Workflow/data_C.js b/admin/vue-admin-template/src/components/Workflow/data_C.js deleted file mode 100644 index c9318bbeff7569ac4185ef731bf33fb582c177b0..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/data_C.js +++ /dev/null @@ -1,42 +0,0 @@ -let dataC = { - name: '流程C', - nodeList: [ - { - id: 'nodeA', - name: '流程C-节点A', - type: 'task', - left: '400px', - top: '15px', - ico: 'el-icon-user-solid' - }, - { - id: 'nodeB', - name: '流程C-节点B', - type: 'task', - left: '400px', - top: '200px', - ico: 'el-icon-goods' - }, - { - id: 'nodeC', - name: '流程C-节点C', - type: 'task', - left: '400px', - top: '378px', - ico: 'el-icon-present' - } - ], - lineList: [ - { - from: 'nodeA', - to: 'nodeB' - }, { - from: 'nodeB', - to: 'nodeC' - } - ] -} - -export function getDataC () { - return dataC -} diff --git a/admin/vue-admin-template/src/components/Workflow/data_D.js b/admin/vue-admin-template/src/components/Workflow/data_D.js deleted file mode 100644 index 134c44c5ec788235c75ee51578651f899bdb4034..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/data_D.js +++ /dev/null @@ -1,71 +0,0 @@ -var dataD = { - name: '流程D', - nodeList: [ - { - id: 'nodeA', - name: '流程D-节点A', - type: 'task', - left: '18px', - top: '223px', - ico: 'el-icon-user-solid', - state: 'success' - }, - { - id: 'nodeB', - type: 'task', - name: '流程D-节点B', - left: '351px', - top: '96px', - ico: 'el-icon-goods', - state: 'error' - }, - { - id: 'nodeC', - name: '流程D-节点C', - type: 'task', - left: '354px', - top: '351px', - ico: 'el-icon-present', - state: 'warning' - }, { - id: 'nodeD', - name: '流程D-节点D', - type: 'task', - left: '723px', - top: '215px', - ico: 'el-icon-present', - state: 'running' - } - ], - lineList: [{ - from: 'nodeA', - to: 'nodeB', - label: '直线,自定义线样式,固定锚点', - connector: 'Straight', - anchors: ['Top', 'Bottom'], - paintStyle: {strokeWidth: 2, stroke: '#1879FF'} - }, { - from: 'nodeA', - to: 'nodeC', - label: '贝塞尔曲线,固定锚点', - connector: 'Bezier', - anchors: ['Bottom', 'Left'] - }, { - from: 'nodeB', - to: 'nodeD', - label: '默认连线样式,动态锚点' - }, { - from: 'nodeC', - to: 'nodeD', - label: '默认连线样式,动态锚点' - }, { - from: 'nodeC', - to: 'nodeC', - label: '自连接' - } - ] -} - -export function getDataD() { - return dataD -} diff --git a/admin/vue-admin-template/src/components/Workflow/data_E.js b/admin/vue-admin-template/src/components/Workflow/data_E.js deleted file mode 100644 index a634821f12263aaec7a8187cde1c9b5c70a12868..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/data_E.js +++ /dev/null @@ -1,54 +0,0 @@ -var dataE = { - name: '流程E，力导图', - nodeList: [ - { - id: 'nodeA', - name: '流程D-节点A', - type: 'task', - ico: 'el-icon-user-solid', - state: 'success' - }, - { - id: 'nodeB', - type: 'task', - name: '流程D-节点B', - ico: 'el-icon-goods', - state: 'error' - }, - { - id: 'nodeC', - name: '流程D-节点C', - type: 'task', - ico: 'el-icon-present', - state: 'warning' - }, { - id: 'nodeD', - name: '流程D-节点D', - type: 'task', - ico: 'el-icon-present', - state: 'running' - } - ], - lineList: [{ - from: 'nodeA', - to: 'nodeB' - }, { - from: 'nodeA', - to: 'nodeC', - label: 'hello' - }, { - from: 'nodeB', - to: 'nodeD' - }, { - from: 'nodeC', - to: 'nodeD' - }, { - from: 'nodeC', - to: 'nodeC' - } - ] -} - -export function getDataE() { - return dataE -} diff --git a/admin/vue-admin-template/src/components/Workflow/force-directed.js b/admin/vue-admin-template/src/components/Workflow/force-directed.js deleted file mode 100644 index f144365f9358743dd5effc39f5f4f2b231d289c1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/force-directed.js +++ /dev/null @@ -1,182 +0,0 @@ -/** - * 感谢 https://github.com/chaangliu/ForceDirectedLayout/blob/master/javascript/force-directed.js - * A force directed graph layout implementation by liuchang on 2018/05/10. - */ -const CANVAS_WIDTH = 1000 -const CANVAS_HEIGHT = 1000 -let k -let mNodeList = [] -let mEdgeList = [] -let mDxMap = {} -let mDyMap = {} -let mNodeMap = {} - -export function ForceDirected(data = {}) { - // generate nodes and edges - // for (let i = 0; i < 20; i++) { - // mNodeList.push(new Node(i)) - // } - k = 0 - mNodeList = [] - mEdgeList = [] - mDxMap = {} - mDyMap = {} - mNodeMap = {} - - let nodeList = data.nodeList - for (let i = 0; i < nodeList.length; i++) { - let node = nodeList[i] - mNodeList.push(node) - } - - // for (let i = 0; i < 20; i++) { - // let edgeCount = Math.random() * 8 + 1 - // for (let j = 0; j < edgeCount; j++) { - // let targetId = Math.floor(Math.random() * 20) - // let edge = new Edge(i, targetId) - // mEdgeList.push(edge) - // } - // } - // line 转 edge - let lineList = data.lineList - for (let i = 0; i < lineList.length; i++) { - let line = lineList[i] - let edge = new Edge(line.from, line.to) - mEdgeList.push(edge) - } - - if (mNodeList && mEdgeList) { - k = Math.sqrt(CANVAS_WIDTH * CANVAS_HEIGHT / mNodeList.length) - } - for (let i = 0; i < mNodeList.length; i++) { - let node = mNodeList[i] - if (node) { - mNodeMap[node.id] = node - } - } - - // 随机生成坐标. Generate coordinates randomly. - let initialX, initialY, initialSize = 40.0 - for (let i in mNodeList) { - initialX = CANVAS_WIDTH * 0.5 - initialY = CANVAS_HEIGHT * 0.5 - mNodeList[i].x = initialX + initialSize * (Math.random() - 0.5) - mNodeList[i].y = initialY + initialSize * (Math.random() - 0.5) - } - - // 迭代200次. Iterate 200 times. - for (let i = 0; i < 200; i++) { - calculateRepulsive() - calculateTraction() - updateCoordinates() - } - // console.log(JSON.stringify(new Result(mNodeList, mEdgeList))) - // 坐标添加px - for (let i = 0; i < mNodeList.length; i++) { - let node = mNodeList[i] - node.left = node.x + 'px' - node.top = node.y + 'px' - node.x = undefined - node.y = undefined - } - - data.nodeList = mNodeList - - // console.log(data) - return data -} - -function Node(id = null) { - this.id = id - this.x = 22 - this.y = null -} - -function Edge(source = null, target = null) { - this.source = source - this.target = target -} - -/** - * 计算两个Node的斥力产生的单位位移。 - * Calculate the displacement generated by the repulsive force between two nodes.* - */ -function calculateRepulsive() { - let ejectFactor = 6 - let distX, distY, dist - for (let i = 0; i < mNodeList.length; i++) { - mDxMap[mNodeList[i].id] = 0.0 - mDyMap[mNodeList[i].id] = 0.0 - for (let j = 0; j < mNodeList.length; j++) { - if (i !== j) { - distX = mNodeList[i].x - mNodeList[j].x - distY = mNodeList[i].y - mNodeList[j].y - dist = Math.sqrt(distX * distX + distY * distY) - } - if (dist < 30) { - ejectFactor = 5 - } - if (dist > 0 && dist < 250) { - let id = mNodeList[i].id - mDxMap[id] = mDxMap[id] + distX / dist * k * k / dist * ejectFactor - mDyMap[id] = mDyMap[id] + distY / dist * k * k / dist * ejectFactor - } - } - } -} - -/** - * 计算Edge的引力对两端Node产生的引力。 - * Calculate the traction force generated by the edge acted on the two nodes of its two ends. - */ -function calculateTraction() { - let condenseFactor = 3 - let startNode, endNode - for (let e = 0; e < mEdgeList.length; e++) { - let eStartID = mEdgeList[e].source - let eEndID = mEdgeList[e].target - startNode = mNodeMap[eStartID] - endNode = mNodeMap[eEndID] - if (!startNode) { - console.log('Cannot find start node id: ' + eStartID + ', please check it out.') - return - } - if (!endNode) { - console.log('Cannot find end node id: ' + eEndID + ', please check it out.') - return - } - let distX, distY, dist - distX = startNode.x - endNode.x - distY = startNode.y - endNode.y - dist = Math.sqrt(distX * distX + distY * distY) - mDxMap[eStartID] = mDxMap[eStartID] - distX * dist / k * condenseFactor - mDyMap[eStartID] = mDyMap[eStartID] - distY * dist / k * condenseFactor - mDxMap[eEndID] = mDxMap[eEndID] + distX * dist / k * condenseFactor - mDyMap[eEndID] = mDyMap[eEndID] + distY * dist / k * condenseFactor - } -} - -/** - * 更新坐标。 - * update the coordinates. - */ -function updateCoordinates() { - let maxt = 4, maxty = 3 // Additional coefficients. - for (let v = 0; v < mNodeList.length; v++) { - let node = mNodeList[v] - let dx = Math.floor(mDxMap[node.id]) - let dy = Math.floor(mDyMap[node.id]) - - if (dx < -maxt) dx = -maxt - if (dx > maxt) dx = maxt - if (dy < -maxty) dy = -maxty - if (dy > maxty) dy = maxty - node.x = node.x + dx >= CANVAS_WIDTH || node.x + dx <= 0 ? node.x - dx : node.x + dx - node.y = node.y + dy >= CANVAS_HEIGHT || node.y + dy <= 0 ? node.y - dy : node.y + dy - } -} - -function Result(nodes = null, links = null) { - this.nodes = nodes - this.links = links -} diff --git a/admin/vue-admin-template/src/components/Workflow/help.vue b/admin/vue-admin-template/src/components/Workflow/help.vue deleted file mode 100644 index 35c06bb48bb764522cf3c465513596e0cc54a538..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/help.vue +++ /dev/null @@ -1,61 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/index.css b/admin/vue-admin-template/src/components/Workflow/index.css deleted file mode 100644 index fee1604db5c68792a805b2a6a47d39eadc745fe4..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/index.css +++ /dev/null @@ -1,226 +0,0 @@ -/*画布容器*/ -#efContainer { - position: relative; - overflow: scroll; - flex: 1; -} - -/*顶部工具栏*/ -.ef-tooltar { - padding-left: 10px; - box-sizing: border-box; - height: 42px; - line-height: 42px; - z-index: 3; - border-bottom: 1px solid #DADCE0; -} - -.jtk-overlay { - cursor: pointer; - color: #4A4A4A; -} - - -/*节点菜单*/ -.ef-node-pmenu { - cursor: pointer; - height: 32px; - line-height: 32px; - width: 225px; - display: block; - font-weight: bold; - color: #4A4A4A; - padding-left: 5px; -} - -.ef-node-pmenu:hover { - background-color: #E0E0E0; -} - -.ef-node-menu-li { - color: #565758; - width: 150px; - border: 1px dashed #E0E3E7; - margin: 5px 0 5px 0; - padding: 5px; - border-radius: 5px; - padding-left: 8px; -} - -.ef-node-menu-li:hover { - /* 设置移动样式*/ - cursor: move; - background-color: #F0F7FF; - border: 1px dashed #1879FF; - border-left: 4px solid #1879FF; - padding-left: 5px; -} - -.ef-node-menu-ul { - list-style: none; - padding-left: 20px -} - -/*节点的最外层容器*/ -.ef-node-container { - position: absolute; - display: flex; - width: 170px; - height: 32px; - border: 1px solid #E0E3E7; - border-radius: 5px; - background-color: #fff; -} - -.ef-node-container:hover { - /* 设置移动样式*/ - cursor: move; - background-color: #F0F7FF; - /*box-shadow: #1879FF 0px 0px 12px 0px;*/ - background-color: #F0F7FF; - border: 1px dashed #1879FF; -} - -/*节点激活样式*/ -.ef-node-active { - background-color: #F0F7FF; - /*box-shadow: #1879FF 0px 0px 12px 0px;*/ - background-color: #F0F7FF; - border: 1px solid #1879FF; -} - -/*节点左侧的竖线*/ -.ef-node-left { - width: 4px; - background-color: #1879FF; - border-radius: 4px 0 0 4px; -} - -/*节点左侧的图标*/ -.ef-node-left-ico { - line-height: 32px; - margin-left: 8px; -} - -.ef-node-left-ico:hover { - /* 设置拖拽的样式 */ - cursor: crosshair; -} - -/*节点显示的文字*/ -.ef-node-text { - color: #565758; - font-size: 12px; - line-height: 32px; - margin-left: 8px; - width: 100px; - /* 设置超出宽度文本显示方式*/ - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; -} - -/*节点右侧的图标*/ -.ef-node-right-ico { - line-height: 32px; - position: absolute; - right: 5px; - color: #84CF65; - cursor: default; -} - -/*节点的几种状态样式*/ -.el-node-state-success { - line-height: 32px; - position: absolute; - right: 5px; - color: #84CF65; - cursor: default; -} - -.el-node-state-error { - line-height: 32px; - position: absolute; - right: 5px; - color: #F56C6C; - cursor: default; -} - -.el-node-state-warning { - line-height: 32px; - position: absolute; - right: 5px; - color: #E6A23C; - cursor: default; -} - -.el-node-state-running { - line-height: 32px; - position: absolute; - right: 5px; - color: #84CF65; - cursor: default; -} - - -/*node-form*/ -.ef-node-form-header { - height: 32px; - border-top: 1px solid #dce3e8; - border-bottom: 1px solid #dce3e8; - background: #F1F3F4; - color: #000; - line-height: 32px; - padding-left: 12px; - font-size: 14px; -} - -.ef-node-form-body { - margin-top: 10px; - padding-right: 10px; - padding-bottom: 20px; - padding-left: 10px; -} - -/* 连线中的label 样式*/ -.jtk-overlay.flowLabel:not(.aLabel) { - padding: 4px 10px; - background-color: white; - color: #565758 !important; - border: 1px solid #E0E3E7; - border-radius: 5px; -} - -/* label 为空的样式 */ -.emptyFlowLabel { -} - - -.ef-dot { - background-color: #1879FF; - border-radius: 10px; -} - -.ef-dot-hover { - background-color: red; -} - -.ef-rectangle { - background-color: #1879FF; -} - -.ef-rectangle-hover { - background-color: red; -} - -.ef-img { -} - -.ef-img-hover { -} - - -.ef-drop-hover{ - border: 1px dashed #1879FF; -} diff --git a/admin/vue-admin-template/src/components/Workflow/info.vue b/admin/vue-admin-template/src/components/Workflow/info.vue deleted file mode 100644 index 3dadc627cae9acabb7d718c349d1a86dcee66fb8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/info.vue +++ /dev/null @@ -1,55 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/components/Workflow/jsplumb.js b/admin/vue-admin-template/src/components/Workflow/jsplumb.js deleted file mode 100644 index 9cd1055e4023058c07af10c194b2b30fc3c4b0cf..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/jsplumb.js +++ /dev/null @@ -1,15711 +0,0 @@ -/** - * jsBezier - * - * Copyright (c) 2010 - 2017 jsPlumb (hello@jsplumbtoolkit.com) - * - * licensed under the MIT license. - * - * a set of Bezier curve functions that deal with Beziers, used by jsPlumb, and perhaps useful for other people. These functions work with Bezier - * curves of arbitrary degree. - * - * - functions are all in the 'jsBezier' namespace. - * - * - all input points should be in the format {x:.., y:..}. all output points are in this format too. - * - * - all input curves should be in the format [ {x:.., y:..}, {x:.., y:..}, {x:.., y:..}, {x:.., y:..} ] - * - * - 'location' as used as an input here refers to a decimal in the range 0-1 inclusive, which indicates a point some proportion along the length - * of the curve. location as output has the same format and meaning. - * - * - * Function List: - * -------------- - * - * distanceFromCurve(point, curve) - * - * Calculates the distance that the given point lies from the given Bezier. Note that it is computed relative to the center of the Bezier, - * so if you have stroked the curve with a wide pen you may wish to take that into account! The distance returned is relative to the values - * of the curve and the point - it will most likely be pixels. - * - * gradientAtPoint(curve, location) - * - * Calculates the gradient to the curve at the given location, as a decimal between 0 and 1 inclusive. - * - * gradientAtPointAlongCurveFrom (curve, location) - * - * Calculates the gradient at the point on the given curve that is 'distance' units from location. - * - * nearestPointOnCurve(point, curve) - * - * Calculates the nearest point to the given point on the given curve. The return value of this is a JS object literal, containing both the - *point's coordinates and also the 'location' of the point (see above), for example: { point:{x:551,y:150}, location:0.263365 }. - * - * pointOnCurve(curve, location) - * - * Calculates the coordinates of the point on the given Bezier curve at the given location. - * - * pointAlongCurveFrom(curve, location, distance) - * - * Calculates the coordinates of the point on the given curve that is 'distance' units from location. 'distance' should be in the same coordinate - * space as that used to construct the Bezier curve. For an HTML Canvas usage, for example, distance would be a measure of pixels. - * - * locationAlongCurveFrom(curve, location, distance) - * - * Calculates the location on the given curve that is 'distance' units from location. 'distance' should be in the same coordinate - * space as that used to construct the Bezier curve. For an HTML Canvas usage, for example, distance would be a measure of pixels. - * - * perpendicularToCurveAt(curve, location, length, distance) - * - * Calculates the perpendicular to the given curve at the given location. length is the length of the line you wish for (it will be centered - * on the point at 'location'). distance is optional, and allows you to specify a point along the path from the given location as the center of - * the perpendicular returned. The return value of this is an array of two points: [ {x:...,y:...}, {x:...,y:...} ]. - * - * - */ - -(function() { - - var root = this; - - if(typeof Math.sgn == "undefined") { - Math.sgn = function(x) { return x == 0 ? 0 : x > 0 ? 1 :-1; }; - } - - var Vectors = { - subtract : function(v1, v2) { return {x:v1.x - v2.x, y:v1.y - v2.y }; }, - dotProduct : function(v1, v2) { return (v1.x * v2.x) + (v1.y * v2.y); }, - square : function(v) { return Math.sqrt((v.x * v.x) + (v.y * v.y)); }, - scale : function(v, s) { return {x:v.x * s, y:v.y * s }; } - }, - - maxRecursion = 64, - flatnessTolerance = Math.pow(2.0,-maxRecursion-1); - - /** - * Calculates the distance that the point lies from the curve. - * - * @param point a point in the form {x:567, y:3342} - * @param curve a Bezier curve in the form [{x:..., y:...}, {x:..., y:...}, {x:..., y:...}, {x:..., y:...}]. note that this is currently - * hardcoded to assume cubiz beziers, but would be better off supporting any degree. - * @return a JS object literal containing location and distance, for example: {location:0.35, distance:10}. Location is analogous to the location - * argument you pass to the pointOnPath function: it is a ratio of distance travelled along the curve. Distance is the distance in pixels from - * the point to the curve. - */ - var _distanceFromCurve = function(point, curve) { - var candidates = [], - w = _convertToBezier(point, curve), - degree = curve.length - 1, higherDegree = (2 * degree) - 1, - numSolutions = _findRoots(w, higherDegree, candidates, 0), - v = Vectors.subtract(point, curve[0]), dist = Vectors.square(v), t = 0.0; - - for (var i = 0; i < numSolutions; i++) { - v = Vectors.subtract(point, _bezier(curve, degree, candidates[i], null, null)); - var newDist = Vectors.square(v); - if (newDist < dist) { - dist = newDist; - t = candidates[i]; - } - } - v = Vectors.subtract(point, curve[degree]); - newDist = Vectors.square(v); - if (newDist < dist) { - dist = newDist; - t = 1.0; - } - return {location:t, distance:dist}; - }; - /** - * finds the nearest point on the curve to the given point. - */ - var _nearestPointOnCurve = function(point, curve) { - var td = _distanceFromCurve(point, curve); - return {point:_bezier(curve, curve.length - 1, td.location, null, null), location:td.location}; - }; - var _convertToBezier = function(point, curve) { - var degree = curve.length - 1, higherDegree = (2 * degree) - 1, - c = [], d = [], cdTable = [], w = [], - z = [ [1.0, 0.6, 0.3, 0.1], [0.4, 0.6, 0.6, 0.4], [0.1, 0.3, 0.6, 1.0] ]; - - for (var i = 0; i <= degree; i++) c[i] = Vectors.subtract(curve[i], point); - for (var i = 0; i <= degree - 1; i++) { - d[i] = Vectors.subtract(curve[i+1], curve[i]); - d[i] = Vectors.scale(d[i], 3.0); - } - for (var row = 0; row <= degree - 1; row++) { - for (var column = 0; column <= degree; column++) { - if (!cdTable[row]) cdTable[row] = []; - cdTable[row][column] = Vectors.dotProduct(d[row], c[column]); - } - } - for (i = 0; i <= higherDegree; i++) { - if (!w[i]) w[i] = []; - w[i].y = 0.0; - w[i].x = parseFloat(i) / higherDegree; - } - var n = degree, m = degree-1; - for (var k = 0; k <= n + m; k++) { - var lb = Math.max(0, k - m), - ub = Math.min(k, n); - for (i = lb; i <= ub; i++) { - var j = k - i; - w[i+j].y += cdTable[j][i] * z[j][i]; - } - } - return w; - }; - /** - * counts how many roots there are. - */ - var _findRoots = function(w, degree, t, depth) { - var left = [], right = [], - left_count, right_count, - left_t = [], right_t = []; - - switch (_getCrossingCount(w, degree)) { - case 0 : { - return 0; - } - case 1 : { - if (depth >= maxRecursion) { - t[0] = (w[0].x + w[degree].x) / 2.0; - return 1; - } - if (_isFlatEnough(w, degree)) { - t[0] = _computeXIntercept(w, degree); - return 1; - } - break; - } - } - _bezier(w, degree, 0.5, left, right); - left_count = _findRoots(left, degree, left_t, depth+1); - right_count = _findRoots(right, degree, right_t, depth+1); - for (var i = 0; i < left_count; i++) t[i] = left_t[i]; - for (var i = 0; i < right_count; i++) t[i+left_count] = right_t[i]; - return (left_count+right_count); - }; - var _getCrossingCount = function(curve, degree) { - var n_crossings = 0, sign, old_sign; - sign = old_sign = Math.sgn(curve[0].y); - for (var i = 1; i <= degree; i++) { - sign = Math.sgn(curve[i].y); - if (sign != old_sign) n_crossings++; - old_sign = sign; - } - return n_crossings; - }; - var _isFlatEnough = function(curve, degree) { - var error, - intercept_1, intercept_2, left_intercept, right_intercept, - a, b, c, det, dInv, a1, b1, c1, a2, b2, c2; - a = curve[0].y - curve[degree].y; - b = curve[degree].x - curve[0].x; - c = curve[0].x * curve[degree].y - curve[degree].x * curve[0].y; - - var max_distance_above, max_distance_below; - max_distance_above = max_distance_below = 0.0; - - for (var i = 1; i < degree; i++) { - var value = a * curve[i].x + b * curve[i].y + c; - if (value > max_distance_above) - max_distance_above = value; - else if (value < max_distance_below) - max_distance_below = value; - } - - a1 = 0.0; b1 = 1.0; c1 = 0.0; a2 = a; b2 = b; - c2 = c - max_distance_above; - det = a1 * b2 - a2 * b1; - dInv = 1.0/det; - intercept_1 = (b1 * c2 - b2 * c1) * dInv; - a2 = a; b2 = b; c2 = c - max_distance_below; - det = a1 * b2 - a2 * b1; - dInv = 1.0/det; - intercept_2 = (b1 * c2 - b2 * c1) * dInv; - left_intercept = Math.min(intercept_1, intercept_2); - right_intercept = Math.max(intercept_1, intercept_2); - error = right_intercept - left_intercept; - return (error < flatnessTolerance)? 1 : 0; - }; - var _computeXIntercept = function(curve, degree) { - var XLK = 1.0, YLK = 0.0, - XNM = curve[degree].x - curve[0].x, YNM = curve[degree].y - curve[0].y, - XMK = curve[0].x - 0.0, YMK = curve[0].y - 0.0, - det = XNM*YLK - YNM*XLK, detInv = 1.0/det, - S = (XNM*YMK - YNM*XMK) * detInv; - return 0.0 + XLK * S; - }; - var _bezier = function(curve, degree, t, left, right) { - var temp = [[]]; - for (var j =0; j <= degree; j++) temp[0][j] = curve[j]; - for (var i = 1; i <= degree; i++) { - for (var j =0 ; j <= degree - i; j++) { - if (!temp[i]) temp[i] = []; - if (!temp[i][j]) temp[i][j] = {}; - temp[i][j].x = (1.0 - t) * temp[i-1][j].x + t * temp[i-1][j+1].x; - temp[i][j].y = (1.0 - t) * temp[i-1][j].y + t * temp[i-1][j+1].y; - } - } - if (left != null) - for (j = 0; j <= degree; j++) left[j] = temp[j][0]; - if (right != null) - for (j = 0; j <= degree; j++) right[j] = temp[degree-j][j]; - - return (temp[degree][0]); - }; - - var _curveFunctionCache = {}; - var _getCurveFunctions = function(order) { - var fns = _curveFunctionCache[order]; - if (!fns) { - fns = []; - var f_term = function() { return function(t) { return Math.pow(t, order); }; }, - l_term = function() { return function(t) { return Math.pow((1-t), order); }; }, - c_term = function(c) { return function(t) { return c; }; }, - t_term = function() { return function(t) { return t; }; }, - one_minus_t_term = function() { return function(t) { return 1-t; }; }, - _termFunc = function(terms) { - return function(t) { - var p = 1; - for (var i = 0; i < terms.length; i++) p = p * terms[i](t); - return p; - }; - }; - - fns.push(new f_term()); // first is t to the power of the curve order - for (var i = 1; i < order; i++) { - var terms = [new c_term(order)]; - for (var j = 0 ; j < (order - i); j++) terms.push(new t_term()); - for (var j = 0 ; j < i; j++) terms.push(new one_minus_t_term()); - fns.push(new _termFunc(terms)); - } - fns.push(new l_term()); // last is (1-t) to the power of the curve order - - _curveFunctionCache[order] = fns; - } - - return fns; - }; - - - /** - * calculates a point on the curve, for a Bezier of arbitrary order. - * @param curve an array of control points, eg [{x:10,y:20}, {x:50,y:50}, {x:100,y:100}, {x:120,y:100}]. For a cubic bezier this should have four points. - * @param location a decimal indicating the distance along the curve the point should be located at. this is the distance along the curve as it travels, taking the way it bends into account. should be a number from 0 to 1, inclusive. - */ - var _pointOnPath = function(curve, location) { - var cc = _getCurveFunctions(curve.length - 1), - _x = 0, _y = 0; - for (var i = 0; i < curve.length ; i++) { - _x = _x + (curve[i].x * cc[i](location)); - _y = _y + (curve[i].y * cc[i](location)); - } - - return {x:_x, y:_y}; - }; - - var _dist = function(p1,p2) { - return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2)); - }; - - var _isPoint = function(curve) { - return curve[0].x === curve[1].x && curve[0].y === curve[1].y; - }; - - /** - * finds the point that is 'distance' along the path from 'location'. this method returns both the x,y location of the point and also - * its 'location' (proportion of travel along the path); the method below - _pointAlongPathFrom - calls this method and just returns the - * point. - */ - var _pointAlongPath = function(curve, location, distance) { - - if (_isPoint(curve)) { - return { - point:curve[0], - location:location - }; - } - - var prev = _pointOnPath(curve, location), - tally = 0, - curLoc = location, - direction = distance > 0 ? 1 : -1, - cur = null; - - while (tally < Math.abs(distance)) { - curLoc += (0.005 * direction); - cur = _pointOnPath(curve, curLoc); - tally += _dist(cur, prev); - prev = cur; - } - return {point:cur, location:curLoc}; - }; - - var _length = function(curve) { - if (_isPoint(curve)) return 0; - - var prev = _pointOnPath(curve, 0), - tally = 0, - curLoc = 0, - direction = 1, - cur = null; - - while (curLoc < 1) { - curLoc += (0.005 * direction); - cur = _pointOnPath(curve, curLoc); - tally += _dist(cur, prev); - prev = cur; - } - return tally; - }; - - /** - * finds the point that is 'distance' along the path from 'location'. - */ - var _pointAlongPathFrom = function(curve, location, distance) { - return _pointAlongPath(curve, location, distance).point; - }; - - /** - * finds the location that is 'distance' along the path from 'location'. - */ - var _locationAlongPathFrom = function(curve, location, distance) { - return _pointAlongPath(curve, location, distance).location; - }; - - /** - * returns the gradient of the curve at the given location, which is a decimal between 0 and 1 inclusive. - * - * thanks // http://bimixual.org/AnimationLibrary/beziertangents.html - */ - var _gradientAtPoint = function(curve, location) { - var p1 = _pointOnPath(curve, location), - p2 = _pointOnPath(curve.slice(0, curve.length - 1), location), - dy = p2.y - p1.y, dx = p2.x - p1.x; - return dy === 0 ? Infinity : Math.atan(dy / dx); - }; - - /** - returns the gradient of the curve at the point which is 'distance' from the given location. - if this point is greater than location 1, the gradient at location 1 is returned. - if this point is less than location 0, the gradient at location 0 is returned. - */ - var _gradientAtPointAlongPathFrom = function(curve, location, distance) { - var p = _pointAlongPath(curve, location, distance); - if (p.location > 1) p.location = 1; - if (p.location < 0) p.location = 0; - return _gradientAtPoint(curve, p.location); - }; - - /** - * calculates a line that is 'length' pixels long, perpendicular to, and centered on, the path at 'distance' pixels from the given location. - * if distance is not supplied, the perpendicular for the given location is computed (ie. we set distance to zero). - */ - var _perpendicularToPathAt = function(curve, location, length, distance) { - distance = distance == null ? 0 : distance; - var p = _pointAlongPath(curve, location, distance), - m = _gradientAtPoint(curve, p.location), - _theta2 = Math.atan(-1 / m), - y = length / 2 * Math.sin(_theta2), - x = length / 2 * Math.cos(_theta2); - return [{x:p.point.x + x, y:p.point.y + y}, {x:p.point.x - x, y:p.point.y - y}]; - }; - - /** - * Calculates all intersections of the given line with the given curve. - * @param x1 - * @param y1 - * @param x2 - * @param y2 - * @param curve - * @returns {Array} - */ - var _lineIntersection = function(x1, y1, x2, y2, curve) { - var a = y2 - y1, - b = x1 - x2, - c = (x1 * (y1 - y2)) + (y1 * (x2-x1)), - coeffs = _computeCoefficients(curve), - p = [ - (a*coeffs[0][0]) + (b * coeffs[1][0]), - (a*coeffs[0][1])+(b*coeffs[1][1]), - (a*coeffs[0][2])+(b*coeffs[1][2]), - (a*coeffs[0][3])+(b*coeffs[1][3]) + c - ], - r = _cubicRoots.apply(null, p), - intersections = []; - - if (r != null) { - - for (var i = 0; i < 3; i++) { - var t = r[i], - t2 = Math.pow(t, 2), - t3 = Math.pow(t, 3), - x = [ - (coeffs[0][0] * t3) + (coeffs[0][1] * t2) + (coeffs[0][2] * t) + coeffs[0][3], - (coeffs[1][0] * t3) + (coeffs[1][1] * t2) + (coeffs[1][2] * t) + coeffs[1][3] - ]; - - // check bounds of the line - var s; - if ((x2 - x1) !== 0) { - s = (x[0] - x1) / (x2 - x1); - } - else { - s = (x[1] - y1) / (y2 - y1); - } - - if (t >= 0 && t <= 1.0 && s >= 0 && s <= 1.0) { - intersections.push(x); - } - } - } - - return intersections; - }; - - /** - * Calculates all intersections of the given box with the given curve. - * @param x X position of top left corner of box - * @param y Y position of top left corner of box - * @param w width of box - * @param h height of box - * @param curve - * @returns {Array} - */ - var _boxIntersection = function(x, y, w, h, curve) { - var i = []; - i.push.apply(i, _lineIntersection(x, y, x + w, y, curve)); - i.push.apply(i, _lineIntersection(x + w, y, x + w, y + h, curve)); - i.push.apply(i, _lineIntersection(x + w, y + h, x, y + h, curve)); - i.push.apply(i, _lineIntersection(x, y + h, x, y, curve)); - return i; - }; - - /** - * Calculates all intersections of the given bounding box with the given curve. - * @param boundingBox Bounding box, in { x:.., y:..., w:..., h:... } format. - * @param curve - * @returns {Array} - */ - var _boundingBoxIntersection = function(boundingBox, curve) { - var i = []; - i.push.apply(i, _lineIntersection(boundingBox.x, boundingBox.y, boundingBox.x + boundingBox.w, boundingBox.y, curve)); - i.push.apply(i, _lineIntersection(boundingBox.x + boundingBox.w, boundingBox.y, boundingBox.x + boundingBox.w, boundingBox.y + boundingBox.h, curve)); - i.push.apply(i, _lineIntersection(boundingBox.x + boundingBox.w, boundingBox.y + boundingBox.h, boundingBox.x, boundingBox.y + boundingBox.h, curve)); - i.push.apply(i, _lineIntersection(boundingBox.x, boundingBox.y + boundingBox.h, boundingBox.x, boundingBox.y, curve)); - return i; - }; - - - function _computeCoefficientsForAxis(curve, axis) { - return [ - -(curve[0][axis]) + (3*curve[1][axis]) + (-3 * curve[2][axis]) + curve[3][axis], - (3*(curve[0][axis])) - (6*(curve[1][axis])) + (3*(curve[2][axis])), - -3*curve[0][axis] + 3*curve[1][axis], - curve[0][axis] - ]; - } - - function _computeCoefficients(curve) - { - return [ - _computeCoefficientsForAxis(curve, "x"), - _computeCoefficientsForAxis(curve, "y") - ]; - } - - function sgn(x) { - return x < 0 ? -1 : x > 0 ? 1 : 0; - } - - function _cubicRoots(a, b, c, d) { - var A = b / a, - B = c / a, - C = d / a, - Q = (3*B - Math.pow(A, 2))/9, - R = (9*A*B - 27*C - 2*Math.pow(A, 3))/54, - D = Math.pow(Q, 3) + Math.pow(R, 2), - S, - T, - t = []; - - if (D >= 0) // complex or duplicate roots - { - S = sgn(R + Math.sqrt(D))*Math.pow(Math.abs(R + Math.sqrt(D)),(1/3)); - T = sgn(R - Math.sqrt(D))*Math.pow(Math.abs(R - Math.sqrt(D)),(1/3)); - - t[0] = -A/3 + (S + T); - t[1] = -A/3 - (S + T)/2; - t[2] = -A/3 - (S + T)/2; - - /*discard complex roots*/ - if (Math.abs(Math.sqrt(3)*(S - T)/2) !== 0) { - t[1] = -1; - t[2] = -1; - } - } - else // distinct real roots - { - var th = Math.acos(R/Math.sqrt(-Math.pow(Q, 3))); - t[0] = 2*Math.sqrt(-Q)*Math.cos(th/3) - A/3; - t[1] = 2*Math.sqrt(-Q)*Math.cos((th + 2*Math.PI)/3) - A/3; - t[2] = 2*Math.sqrt(-Q)*Math.cos((th + 4*Math.PI)/3) - A/3; - } - - // discard out of spec roots - for (var i = 0; i < 3; i++) { - if (t[i] < 0 || t[i] > 1.0) { - t[i] = -1; - } - } - - return t; - } - - var jsBezier = this.jsBezier = { - distanceFromCurve : _distanceFromCurve, - gradientAtPoint : _gradientAtPoint, - gradientAtPointAlongCurveFrom : _gradientAtPointAlongPathFrom, - nearestPointOnCurve : _nearestPointOnCurve, - pointOnCurve : _pointOnPath, - pointAlongCurveFrom : _pointAlongPathFrom, - perpendicularToCurveAt : _perpendicularToPathAt, - locationAlongCurveFrom:_locationAlongPathFrom, - getLength:_length, - lineIntersection:_lineIntersection, - boxIntersection:_boxIntersection, - boundingBoxIntersection:_boundingBoxIntersection, - version:"0.9.0" - }; - - if (typeof exports !== "undefined") { - exports.jsBezier = jsBezier; - } - -}).call(typeof window !== 'undefined' ? window : this); - -/** - * Biltong v0.4.0 - * - * Various geometry functions written as part of jsPlumb and perhaps useful for others. - * - * Copyright (c) 2017 jsPlumb - * https://jsplumbtoolkit.com - * - * Permission is hereby granted, free of charge, to any person - * obtaining a copy of this software and associated documentation - * files (the "Software"), to deal in the Software without - * restriction, including without limitation the rights to use, - * copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the - * Software is furnished to do so, subject to the following - * conditions: - * - * The above copyright notice and this permission notice shall be - * included in all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, - * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES - * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND - * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT - * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, - * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING - * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR - * OTHER DEALINGS IN THE SOFTWARE. - */ -;(function() { - - "use strict"; - var root = this; - - var Biltong = root.Biltong = { - version:"0.4.0" - }; - - if (typeof exports !== "undefined") { - exports.Biltong = Biltong; - } - - var _isa = function(a) { return Object.prototype.toString.call(a) === "[object Array]"; }, - _pointHelper = function(p1, p2, fn) { - p1 = _isa(p1) ? p1 : [p1.x, p1.y]; - p2 = _isa(p2) ? p2 : [p2.x, p2.y]; - return fn(p1, p2); - }, - /** - * @name Biltong.gradient - * @function - * @desc Calculates the gradient of a line between the two points. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Float} The gradient of a line between the two points. - */ - _gradient = Biltong.gradient = function(p1, p2) { - return _pointHelper(p1, p2, function(_p1, _p2) { - if (_p2[0] == _p1[0]) - return _p2[1] > _p1[1] ? Infinity : -Infinity; - else if (_p2[1] == _p1[1]) - return _p2[0] > _p1[0] ? 0 : -0; - else - return (_p2[1] - _p1[1]) / (_p2[0] - _p1[0]); - }); - }, - /** - * @name Biltong.normal - * @function - * @desc Calculates the gradient of a normal to a line between the two points. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Float} The gradient of a normal to a line between the two points. - */ - _normal = Biltong.normal = function(p1, p2) { - return -1 / _gradient(p1, p2); - }, - /** - * @name Biltong.lineLength - * @function - * @desc Calculates the length of a line between the two points. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Float} The length of a line between the two points. - */ - _lineLength = Biltong.lineLength = function(p1, p2) { - return _pointHelper(p1, p2, function(_p1, _p2) { - return Math.sqrt(Math.pow(_p2[1] - _p1[1], 2) + Math.pow(_p2[0] - _p1[0], 2)); - }); - }, - /** - * @name Biltong.quadrant - * @function - * @desc Calculates the quadrant in which the angle between the two points lies. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Integer} The quadrant - 1 for upper right, 2 for lower right, 3 for lower left, 4 for upper left. - */ - _quadrant = Biltong.quadrant = function(p1, p2) { - return _pointHelper(p1, p2, function(_p1, _p2) { - if (_p2[0] > _p1[0]) { - return (_p2[1] > _p1[1]) ? 2 : 1; - } - else if (_p2[0] == _p1[0]) { - return _p2[1] > _p1[1] ? 2 : 1; - } - else { - return (_p2[1] > _p1[1]) ? 3 : 4; - } - }); - }, - /** - * @name Biltong.theta - * @function - * @desc Calculates the angle between the two points. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Float} The angle between the two points. - */ - _theta = Biltong.theta = function(p1, p2) { - return _pointHelper(p1, p2, function(_p1, _p2) { - var m = _gradient(_p1, _p2), - t = Math.atan(m), - s = _quadrant(_p1, _p2); - if ((s == 4 || s== 3)) t += Math.PI; - if (t < 0) t += (2 * Math.PI); - - return t; - }); - }, - /** - * @name Biltong.intersects - * @function - * @desc Calculates whether or not the two rectangles intersect. - * @param {Rectangle} r1 First rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}` - * @param {Rectangle} r2 Second rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}` - * @return {Boolean} True if the rectangles intersect, false otherwise. - */ - _intersects = Biltong.intersects = function(r1, r2) { - var x1 = r1.x, x2 = r1.x + r1.w, y1 = r1.y, y2 = r1.y + r1.h, - a1 = r2.x, a2 = r2.x + r2.w, b1 = r2.y, b2 = r2.y + r2.h; - - return ( (x1 <= a1 && a1 <= x2) && (y1 <= b1 && b1 <= y2) ) || - ( (x1 <= a2 && a2 <= x2) && (y1 <= b1 && b1 <= y2) ) || - ( (x1 <= a1 && a1 <= x2) && (y1 <= b2 && b2 <= y2) ) || - ( (x1 <= a2 && a1 <= x2) && (y1 <= b2 && b2 <= y2) ) || - ( (a1 <= x1 && x1 <= a2) && (b1 <= y1 && y1 <= b2) ) || - ( (a1 <= x2 && x2 <= a2) && (b1 <= y1 && y1 <= b2) ) || - ( (a1 <= x1 && x1 <= a2) && (b1 <= y2 && y2 <= b2) ) || - ( (a1 <= x2 && x1 <= a2) && (b1 <= y2 && y2 <= b2) ); - }, - /** - * @name Biltong.encloses - * @function - * @desc Calculates whether or not r2 is completely enclosed by r1. - * @param {Rectangle} r1 First rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}` - * @param {Rectangle} r2 Second rectangle, as a js object in the form `{x:.., y:.., w:.., h:..}` - * @param {Boolean} [allowSharedEdges=false] If true, the concept of enclosure allows for one or more edges to be shared by the two rectangles. - * @return {Boolean} True if r1 encloses r2, false otherwise. - */ - _encloses = Biltong.encloses = function(r1, r2, allowSharedEdges) { - var x1 = r1.x, x2 = r1.x + r1.w, y1 = r1.y, y2 = r1.y + r1.h, - a1 = r2.x, a2 = r2.x + r2.w, b1 = r2.y, b2 = r2.y + r2.h, - c = function(v1, v2, v3, v4) { return allowSharedEdges ? v1 <= v2 && v3>= v4 : v1 < v2 && v3 > v4; }; - - return c(x1,a1,x2,a2) && c(y1,b1,y2,b2); - }, - _segmentMultipliers = [null, [1, -1], [1, 1], [-1, 1], [-1, -1] ], - _inverseSegmentMultipliers = [null, [-1, -1], [-1, 1], [1, 1], [1, -1] ], - /** - * @name Biltong.pointOnLine - * @function - * @desc Calculates a point on the line from `fromPoint` to `toPoint` that is `distance` units along the length of the line. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Point} Point on the line, in the form `{ x:..., y:... }`. - */ - _pointOnLine = Biltong.pointOnLine = function(fromPoint, toPoint, distance) { - var m = _gradient(fromPoint, toPoint), - s = _quadrant(fromPoint, toPoint), - segmentMultiplier = distance > 0 ? _segmentMultipliers[s] : _inverseSegmentMultipliers[s], - theta = Math.atan(m), - y = Math.abs(distance * Math.sin(theta)) * segmentMultiplier[1], - x = Math.abs(distance * Math.cos(theta)) * segmentMultiplier[0]; - return { x:fromPoint.x + x, y:fromPoint.y + y }; - }, - /** - * @name Biltong.perpendicularLineTo - * @function - * @desc Calculates a line of length `length` that is perpendicular to the line from `fromPoint` to `toPoint` and passes through `toPoint`. - * @param {Point} p1 First point, either as a 2 entry array or object with `left` and `top` properties. - * @param {Point} p2 Second point, either as a 2 entry array or object with `left` and `top` properties. - * @return {Line} Perpendicular line, in the form `[ { x:..., y:... }, { x:..., y:... } ]`. - */ - _perpendicularLineTo = Biltong.perpendicularLineTo = function(fromPoint, toPoint, length) { - var m = _gradient(fromPoint, toPoint), - theta2 = Math.atan(-1 / m), - y = length / 2 * Math.sin(theta2), - x = length / 2 * Math.cos(theta2); - return [{x:toPoint.x + x, y:toPoint.y + y}, {x:toPoint.x - x, y:toPoint.y - y}]; - }; -}).call(typeof window !== 'undefined' ? window : this); -; -(function () { - - "use strict"; - - /** - * Creates a Touch object. - * @param view - * @param target - * @param pageX - * @param pageY - * @param screenX - * @param screenY - * @param clientX - * @param clientY - * @returns {Touch} - * @private - */ - function _touch(view, target, pageX, pageY, screenX, screenY, clientX, clientY) { - - return new Touch({ - target:target, - identifier:_uuid(), - pageX: pageX, - pageY: pageY, - screenX: screenX, - screenY: screenY, - clientX: clientX || screenX, - clientY: clientY || screenY - }); - } - - /** - * Create a synthetic touch list from the given list of Touch objects. - * @returns {Array} - * @private - */ - function _touchList() { - var list = []; - Array.prototype.push.apply(list, arguments); - list.item = function(index) { return this[index]; }; - return list; - } - - /** - * Create a Touch object and then insert it into a synthetic touch list, returning the list.s - * @param view - * @param target - * @param pageX - * @param pageY - * @param screenX - * @param screenY - * @param clientX - * @param clientY - * @returns {Array} - * @private - */ - function _touchAndList(view, target, pageX, pageY, screenX, screenY, clientX, clientY) { - return _touchList(_touch.apply(null, arguments)); - } - - var root = this, - matchesSelector = function (el, selector, ctx) { - ctx = ctx || el.parentNode; - var possibles = ctx.querySelectorAll(selector); - for (var i = 0; i < possibles.length; i++) { - if (possibles[i] === el) { - return true; - } - } - return false; - }, - _gel = function (el) { - return (typeof el == "string" || el.constructor === String) ? document.getElementById(el) : el; - }, - _t = function (e) { - return e.srcElement || e.target; - }, - // - // gets path info for the given event - the path from target to obj, in the event's bubble chain. if doCompute - // is false we just return target for the path. - // - _pi = function(e, target, obj, doCompute) { - if (!doCompute) return { path:[target], end:1 }; - else if (typeof e.path !== "undefined" && e.path.indexOf) { - return { path: e.path, end: e.path.indexOf(obj) }; - } else { - var out = { path:[], end:-1 }, _one = function(el) { - out.path.push(el); - if (el === obj) { - out.end = out.path.length - 1; - } - else if (el.parentNode != null) { - _one(el.parentNode) - } - }; - _one(target); - return out; - } - }, - _d = function (l, fn) { - for (var i = 0, j = l.length; i < j; i++) { - if (l[i] == fn) break; - } - if (i < l.length) l.splice(i, 1); - }, - guid = 1, - // - // this function generates a guid for every handler, sets it on the handler, then adds - // it to the associated object's map of handlers for the given event. this is what enables us - // to unbind all events of some type, or all events (the second of which can be requested by the user, - // but it also used by Mottle when an element is removed.) - _store = function (obj, event, fn) { - var g = guid++; - obj.__ta = obj.__ta || {}; - obj.__ta[event] = obj.__ta[event] || {}; - // store each handler with a unique guid. - obj.__ta[event][g] = fn; - // set the guid on the handler. - fn.__tauid = g; - return g; - }, - _unstore = function (obj, event, fn) { - obj.__ta && obj.__ta[event] && delete obj.__ta[event][fn.__tauid]; - // a handler might have attached extra functions, so we unbind those too. - if (fn.__taExtra) { - for (var i = 0; i < fn.__taExtra.length; i++) { - _unbind(obj, fn.__taExtra[i][0], fn.__taExtra[i][1]); - } - fn.__taExtra.length = 0; - } - // a handler might have attached an unstore callback - fn.__taUnstore && fn.__taUnstore(); - }, - _curryChildFilter = function (children, obj, fn, evt) { - if (children == null) return fn; - else { - var c = children.split(","), - _fn = function (e) { - _fn.__tauid = fn.__tauid; - var t = _t(e), target = t; // t is the target element on which the event occurred. it is the - // element we will wish to pass to any callbacks. - var pathInfo = _pi(e, t, obj, children != null) - if (pathInfo.end != -1) { - for (var p = 0; p < pathInfo.end; p++) { - target = pathInfo.path[p]; - for (var i = 0; i < c.length; i++) { - if (matchesSelector(target, c[i], obj)) { - fn.apply(target, arguments); - } - } - } - } - }; - registerExtraFunction(fn, evt, _fn); - return _fn; - } - }, - // - // registers an 'extra' function on some event listener function we were given - a function that we - // created and bound to the element as part of our housekeeping, and which we want to unbind and remove - // whenever the given function is unbound. - registerExtraFunction = function (fn, evt, newFn) { - fn.__taExtra = fn.__taExtra || []; - fn.__taExtra.push([evt, newFn]); - }, - DefaultHandler = function (obj, evt, fn, children) { - if (isTouchDevice && touchMap[evt]) { - var tfn = _curryChildFilter(children, obj, fn, touchMap[evt]); - _bind(obj, touchMap[evt], tfn , fn); - } - if (evt === "focus" && obj.getAttribute("tabindex") == null) { - obj.setAttribute("tabindex", "1"); - } - _bind(obj, evt, _curryChildFilter(children, obj, fn, evt), fn); - }, - SmartClickHandler = function (obj, evt, fn, children) { - if (obj.__taSmartClicks == null) { - var down = function (e) { - obj.__tad = _pageLocation(e); - }, - up = function (e) { - obj.__tau = _pageLocation(e); - }, - click = function (e) { - if (obj.__tad && obj.__tau && obj.__tad[0] === obj.__tau[0] && obj.__tad[1] === obj.__tau[1]) { - for (var i = 0; i < obj.__taSmartClicks.length; i++) - obj.__taSmartClicks[i].apply(_t(e), [ e ]); - } - }; - DefaultHandler(obj, "mousedown", down, children); - DefaultHandler(obj, "mouseup", up, children); - DefaultHandler(obj, "click", click, children); - obj.__taSmartClicks = []; - } - - // store in the list of callbacks - obj.__taSmartClicks.push(fn); - // the unstore function removes this function from the object's listener list for this type. - fn.__taUnstore = function () { - _d(obj.__taSmartClicks, fn); - }; - }, - _tapProfiles = { - "tap": {touches: 1, taps: 1}, - "dbltap": {touches: 1, taps: 2}, - "contextmenu": {touches: 2, taps: 1} - }, - TapHandler = function (clickThreshold, dblClickThreshold) { - return function (obj, evt, fn, children) { - // if event is contextmenu, for devices which are mouse only, we want to - // use the default bind. - if (evt == "contextmenu" && isMouseDevice) - DefaultHandler(obj, evt, fn, children); - else { - // the issue here is that this down handler gets registered only for the - // child nodes in the first registration. in fact it should be registered with - // no child selector and then on down we should cycle through the registered - // functions to see if one of them matches. on mouseup we should execute ALL of - // the functions whose children are either null or match the element. - if (obj.__taTapHandler == null) { - var tt = obj.__taTapHandler = { - tap: [], - dbltap: [], - contextmenu: [], - down: false, - taps: 0, - downSelectors: [] - }; - var down = function (e) { - var target = _t(e), pathInfo = _pi(e, target, obj, children != null), finished = false; - for (var p = 0; p < pathInfo.end; p++) { - if (finished) return; - target = pathInfo.path[p]; - for (var i = 0; i < tt.downSelectors.length; i++) { - if (tt.downSelectors[i] == null || matchesSelector(target, tt.downSelectors[i], obj)) { - tt.down = true; - setTimeout(clearSingle, clickThreshold); - setTimeout(clearDouble, dblClickThreshold); - finished = true; - break; // we only need one match on mousedown - } - } - } - }, - up = function (e) { - if (tt.down) { - var target = _t(e), currentTarget, pathInfo; - tt.taps++; - var tc = _touchCount(e); - for (var eventId in _tapProfiles) { - if (_tapProfiles.hasOwnProperty(eventId)) { - var p = _tapProfiles[eventId]; - if (p.touches === tc && (p.taps === 1 || p.taps === tt.taps)) { - for (var i = 0; i < tt[eventId].length; i++) { - pathInfo = _pi(e, target, obj, tt[eventId][i][1] != null); - for (var pLoop = 0; pLoop < pathInfo.end; pLoop++) { - currentTarget = pathInfo.path[pLoop]; - // this is a single event registration handler. - if (tt[eventId][i][1] == null || matchesSelector(currentTarget, tt[eventId][i][1], obj)) { - tt[eventId][i][0].apply(currentTarget, [ e ]); - break; - } - } - } - } - } - } - } - }, - clearSingle = function () { - tt.down = false; - }, - clearDouble = function () { - tt.taps = 0; - }; - - DefaultHandler(obj, "mousedown", down); - DefaultHandler(obj, "mouseup", up); - } - // add this child selector (it can be null, that's fine). - obj.__taTapHandler.downSelectors.push(children); - - obj.__taTapHandler[evt].push([fn, children]); - // the unstore function removes this function from the object's listener list for this type. - fn.__taUnstore = function () { - _d(obj.__taTapHandler[evt], fn); - }; - } - }; - }, - meeHelper = function (type, evt, obj, target) { - for (var i in obj.__tamee[type]) { - if (obj.__tamee[type].hasOwnProperty(i)) { - obj.__tamee[type][i].apply(target, [ evt ]); - } - } - }, - MouseEnterExitHandler = function () { - var activeElements = []; - return function (obj, evt, fn, children) { - if (!obj.__tamee) { - // __tamee holds a flag saying whether the mouse is currently "in" the element, and a list of - // both mouseenter and mouseexit functions. - obj.__tamee = { over: false, mouseenter: [], mouseexit: [] }; - // register over and out functions - var over = function (e) { - var t = _t(e); - if ((children == null && (t == obj && !obj.__tamee.over)) || (matchesSelector(t, children, obj) && (t.__tamee == null || !t.__tamee.over))) { - meeHelper("mouseenter", e, obj, t); - t.__tamee = t.__tamee || {}; - t.__tamee.over = true; - activeElements.push(t); - } - }, - out = function (e) { - var t = _t(e); - // is the current target one of the activeElements? and is the - // related target NOT a descendant of it? - for (var i = 0; i < activeElements.length; i++) { - if (t == activeElements[i] && !matchesSelector((e.relatedTarget || e.toElement), "*", t)) { - t.__tamee.over = false; - activeElements.splice(i, 1); - meeHelper("mouseexit", e, obj, t); - } - } - }; - - _bind(obj, "mouseover", _curryChildFilter(children, obj, over, "mouseover"), over); - _bind(obj, "mouseout", _curryChildFilter(children, obj, out, "mouseout"), out); - } - - fn.__taUnstore = function () { - delete obj.__tamee[evt][fn.__tauid]; - }; - - _store(obj, evt, fn); - obj.__tamee[evt][fn.__tauid] = fn; - }; - }, - isTouchDevice = "ontouchstart" in document.documentElement, - isMouseDevice = "onmousedown" in document.documentElement, - touchMap = { "mousedown": "touchstart", "mouseup": "touchend", "mousemove": "touchmove" }, - touchstart = "touchstart", touchend = "touchend", touchmove = "touchmove", - iev = (function () { - var rv = -1; - if (navigator.appName == 'Microsoft Internet Explorer') { - var ua = navigator.userAgent, - re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); - if (re.exec(ua) != null) - rv = parseFloat(RegExp.$1); - } - return rv; - })(), - isIELT9 = iev > -1 && iev < 9, - _genLoc = function (e, prefix) { - if (e == null) return [ 0, 0 ]; - var ts = _touches(e), t = _getTouch(ts, 0); - return [t[prefix + "X"], t[prefix + "Y"]]; - }, - _pageLocation = function (e) { - if (e == null) return [ 0, 0 ]; - if (isIELT9) { - return [ e.clientX + document.documentElement.scrollLeft, e.clientY + document.documentElement.scrollTop ]; - } - else { - return _genLoc(e, "page"); - } - }, - _screenLocation = function (e) { - return _genLoc(e, "screen"); - }, - _clientLocation = function (e) { - return _genLoc(e, "client"); - }, - _getTouch = function (touches, idx) { - return touches.item ? touches.item(idx) : touches[idx]; - }, - _touches = function (e) { - return e.touches && e.touches.length > 0 ? e.touches : - e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches : - e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches : - [ e ]; - }, - _touchCount = function (e) { - return _touches(e).length; - }, - //http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html - _bind = function (obj, type, fn, originalFn) { - _store(obj, type, fn); - originalFn.__tauid = fn.__tauid; - if (obj.addEventListener) - obj.addEventListener(type, fn, false); - else if (obj.attachEvent) { - var key = type + fn.__tauid; - obj["e" + key] = fn; - // TODO look at replacing with .call(..) - obj[key] = function () { - obj["e" + key] && obj["e" + key](window.event); - }; - obj.attachEvent("on" + type, obj[key]); - } - }, - _unbind = function (obj, type, fn) { - if (fn == null) return; - _each(obj, function () { - var _el = _gel(this); - _unstore(_el, type, fn); - // it has been bound if there is a tauid. otherwise it was not bound and we can ignore it. - if (fn.__tauid != null) { - if (_el.removeEventListener) { - _el.removeEventListener(type, fn, false); - if (isTouchDevice && touchMap[type]) _el.removeEventListener(touchMap[type], fn, false); - } - else if (this.detachEvent) { - var key = type + fn.__tauid; - _el[key] && _el.detachEvent("on" + type, _el[key]); - _el[key] = null; - _el["e" + key] = null; - } - } - - // if a touch event was also registered, deregister now. - if (fn.__taTouchProxy) { - _unbind(obj, fn.__taTouchProxy[1], fn.__taTouchProxy[0]); - } - }); - }, - _each = function (obj, fn) { - if (obj == null) return; - // if a list (or list-like), use it. if a string, get a list - // by running the string through querySelectorAll. else, assume - // it's an Element. - // obj.top is "unknown" in IE8. - obj = (typeof Window !== "undefined" && (typeof obj.top !== "unknown" && obj == obj.top)) ? [ obj ] : - (typeof obj !== "string") && (obj.tagName == null && obj.length != null) ? obj : - typeof obj === "string" ? document.querySelectorAll(obj) - : [ obj ]; - - for (var i = 0; i < obj.length; i++) - fn.apply(obj[i]); - }, - _uuid = function () { - return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { - var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); - return v.toString(16); - })); - }; - - /** - * Mottle offers support for abstracting out the differences - * between touch and mouse devices, plus "smart click" functionality - * (don't fire click if the mouse has moved between mousedown and mouseup), - * and synthesized click/tap events. - * @class Mottle - * @constructor - * @param {Object} params Constructor params - * @param {Number} [params.clickThreshold=250] Threshold, in milliseconds beyond which a touchstart followed by a touchend is not considered to be a click. - * @param {Number} [params.dblClickThreshold=450] Threshold, in milliseconds beyond which two successive tap events are not considered to be a click. - * @param {Boolean} [params.smartClicks=false] If true, won't fire click events if the mouse has moved between mousedown and mouseup. Note that this functionality - * requires that Mottle consume the mousedown event, and so may not be viable in all use cases. - */ - root.Mottle = function (params) { - params = params || {}; - var clickThreshold = params.clickThreshold || 250, - dblClickThreshold = params.dblClickThreshold || 450, - mouseEnterExitHandler = new MouseEnterExitHandler(), - tapHandler = new TapHandler(clickThreshold, dblClickThreshold), - _smartClicks = params.smartClicks, - _doBind = function (obj, evt, fn, children) { - if (fn == null) return; - _each(obj, function () { - var _el = _gel(this); - if (_smartClicks && evt === "click") - SmartClickHandler(_el, evt, fn, children); - else if (evt === "tap" || evt === "dbltap" || evt === "contextmenu") { - tapHandler(_el, evt, fn, children); - } - else if (evt === "mouseenter" || evt == "mouseexit") - mouseEnterExitHandler(_el, evt, fn, children); - else - DefaultHandler(_el, evt, fn, children); - }); - }; - - /** - * Removes an element from the DOM, and deregisters all event handlers for it. You should use this - * to ensure you don't leak memory. - * @method remove - * @param {String|Element} el Element, or id of the element, to remove. - * @return {Mottle} The current Mottle instance; you can chain this method. - */ - this.remove = function (el) { - _each(el, function () { - var _el = _gel(this); - if (_el.__ta) { - for (var evt in _el.__ta) { - if (_el.__ta.hasOwnProperty(evt)) { - for (var h in _el.__ta[evt]) { - if (_el.__ta[evt].hasOwnProperty(h)) - _unbind(_el, evt, _el.__ta[evt][h]); - } - } - } - } - _el.parentNode && _el.parentNode.removeChild(_el); - }); - return this; - }; - - /** - * Register an event handler, optionally as a delegate for some set of descendant elements. Note - * that this method takes either 3 or 4 arguments - if you supply 3 arguments it is assumed you have - * omitted the `children` parameter, and that the event handler should be bound directly to the given element. - * @method on - * @param {Element[]|Element|String} el Either an Element, or a CSS spec for a list of elements, or an array of Elements. - * @param {String} [children] Comma-delimited list of selectors identifying allowed children. - * @param {String} event Event ID. - * @param {Function} fn Event handler function. - * @return {Mottle} The current Mottle instance; you can chain this method. - */ - this.on = function (el, event, children, fn) { - var _el = arguments[0], - _c = arguments.length == 4 ? arguments[2] : null, - _e = arguments[1], - _f = arguments[arguments.length - 1]; - - _doBind(_el, _e, _f, _c); - return this; - }; - - /** - * Cancel delegate event handling for the given function. Note that unlike with 'on' you do not supply - * a list of child selectors here: it removes event delegation from all of the child selectors for which the - * given function was registered (if any). - * @method off - * @param {Element[]|Element|String} el Element - or ID of element - from which to remove event listener. - * @param {String} event Event ID. - * @param {Function} fn Event handler function. - * @return {Mottle} The current Mottle instance; you can chain this method. - */ - this.off = function (el, event, fn) { - _unbind(el, event, fn); - return this; - }; - - /** - * Triggers some event for a given element. - * @method trigger - * @param {Element} el Element for which to trigger the event. - * @param {String} event Event ID. - * @param {Event} originalEvent The original event. Should be optional of course, but currently is not, due - * to the jsPlumb use case that caused this method to be added. - * @param {Object} [payload] Optional object to set as `payload` on the generated event; useful for message passing. - * @return {Mottle} The current Mottle instance; you can chain this method. - */ - this.trigger = function (el, event, originalEvent, payload) { - // MouseEvent undefined in old IE; that's how we know it's a mouse event. A fine Microsoft paradox. - var originalIsMouse = isMouseDevice && (typeof MouseEvent === "undefined" || originalEvent == null || originalEvent.constructor === MouseEvent); - - var eventToBind = (isTouchDevice && !isMouseDevice && touchMap[event]) ? touchMap[event] : event, - bindingAMouseEvent = !(isTouchDevice && !isMouseDevice && touchMap[event]); - - var pl = _pageLocation(originalEvent), sl = _screenLocation(originalEvent), cl = _clientLocation(originalEvent); - _each(el, function () { - var _el = _gel(this), evt; - originalEvent = originalEvent || { - screenX: sl[0], - screenY: sl[1], - clientX: cl[0], - clientY: cl[1] - }; - - var _decorate = function (_evt) { - if (payload) _evt.payload = payload; - }; - - var eventGenerators = { - "TouchEvent": function (evt) { - - var touchList = _touchAndList(window, _el, 0, pl[0], pl[1], sl[0], sl[1], cl[0], cl[1]), - init = evt.initTouchEvent || evt.initEvent; - - init(eventToBind, true, true, window, null, sl[0], sl[1], - cl[0], cl[1], false, false, false, false, - touchList, touchList, touchList, 1, 0); - }, - "MouseEvents": function (evt) { - evt.initMouseEvent(eventToBind, true, true, window, 0, - sl[0], sl[1], - cl[0], cl[1], - false, false, false, false, 1, _el); - } - }; - - if (document.createEvent) { - - var ite = !bindingAMouseEvent && !originalIsMouse && (isTouchDevice && touchMap[event]), - evtName = ite ? "TouchEvent" : "MouseEvents"; - - evt = document.createEvent(evtName); - eventGenerators[evtName](evt); - _decorate(evt); - _el.dispatchEvent(evt); - } - else if (document.createEventObject) { - evt = document.createEventObject(); - evt.eventType = evt.eventName = eventToBind; - evt.screenX = sl[0]; - evt.screenY = sl[1]; - evt.clientX = cl[0]; - evt.clientY = cl[1]; - _decorate(evt); - _el.fireEvent('on' + eventToBind, evt); - } - }); - return this; - } - }; - - /** - * Static method to assist in 'consuming' an element: uses `stopPropagation` where available, or sets - * `e.returnValue=false` where it is not. - * @method Mottle.consume - * @param {Event} e Event to consume - * @param {Boolean} [doNotPreventDefault=false] If true, does not call `preventDefault()` on the event. - */ - root.Mottle.consume = function (e, doNotPreventDefault) { - if (e.stopPropagation) - e.stopPropagation(); - else - e.returnValue = false; - - if (!doNotPreventDefault && e.preventDefault) - e.preventDefault(); - }; - - /** - * Gets the page location corresponding to the given event. For touch events this means get the page location of the first touch. - * @method Mottle.pageLocation - * @param {Event} e Event to get page location for. - * @return {Number[]} [left, top] for the given event. - */ - root.Mottle.pageLocation = _pageLocation; - - /** - * Forces touch events to be turned "on". Useful for testing: even if you don't have a touch device, you can still - * trigger a touch event when this is switched on and it will be captured and acted on. - * @method setForceTouchEvents - * @param {Boolean} value If true, force touch events to be on. - */ - root.Mottle.setForceTouchEvents = function (value) { - isTouchDevice = value; - }; - - /** - * Forces mouse events to be turned "on". Useful for testing: even if you don't have a mouse, you can still - * trigger a mouse event when this is switched on and it will be captured and acted on. - * @method setForceMouseEvents - * @param {Boolean} value If true, force mouse events to be on. - */ - root.Mottle.setForceMouseEvents = function (value) { - isMouseDevice = value; - }; - - root.Mottle.version = "0.8.0"; - - if (typeof exports !== "undefined") { - exports.Mottle = root.Mottle; - } - -}).call(typeof window === "undefined" ? this : window); - -/** - drag/drop functionality for use with jsPlumb but with - no knowledge of jsPlumb. supports multiple scopes (separated by whitespace), dragging - multiple elements, constrain to parent, drop filters, drag start filters, custom - css classes. - - a lot of the functionality of this script is expected to be plugged in: - - addClass - removeClass - - addEvent - removeEvent - - getPosition - setPosition - getSize - - indexOf - intersects - - the name came from here: - - http://mrsharpoblunto.github.io/foswig.js/ - - copyright 2016 jsPlumb - */ - -;(function() { - - "use strict"; - var root = this; - - var _suggest = function(list, item, head) { - if (list.indexOf(item) === -1) { - head ? list.unshift(item) : list.push(item); - return true; - } - return false; - }; - - var _vanquish = function(list, item) { - var idx = list.indexOf(item); - if (idx !== -1) list.splice(idx, 1); - }; - - var _difference = function(l1, l2) { - var d = []; - for (var i = 0; i < l1.length; i++) { - if (l2.indexOf(l1[i]) === -1) - d.push(l1[i]); - } - return d; - }; - - var _isString = function(f) { - return f == null ? false : (typeof f === "string" || f.constructor === String); - }; - - var getOffsetRect = function (elem) { - // (1) - var box = elem.getBoundingClientRect(), - body = document.body, - docElem = document.documentElement, - // (2) - scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop, - scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft, - // (3) - clientTop = docElem.clientTop || body.clientTop || 0, - clientLeft = docElem.clientLeft || body.clientLeft || 0, - // (4) - top = box.top + scrollTop - clientTop, - left = box.left + scrollLeft - clientLeft; - - return { top: Math.round(top), left: Math.round(left) }; - }; - - var matchesSelector = function(el, selector, ctx) { - ctx = ctx || el.parentNode; - var possibles = ctx.querySelectorAll(selector); - for (var i = 0; i < possibles.length; i++) { - if (possibles[i] === el) - return true; - } - return false; - }; - - var findDelegateElement = function(parentElement, childElement, selector) { - if (matchesSelector(childElement, selector, parentElement)) { - return childElement; - } else { - var currentParent = childElement.parentNode; - while (currentParent != null && currentParent !== parentElement) { - if (matchesSelector(currentParent, selector, parentElement)) { - return currentParent; - } else { - currentParent = currentParent.parentNode; - } - } - } - }; - - /** - * Finds all elements matching the given selector, for the given parent. In order to support "scoped root" selectors, - * ie. things like "> .someClass", that is .someClass elements that are direct children of `parentElement`, we have to - * jump through a small hoop here: when a delegate draggable is registered, we write a `katavorio-draggable` attribute - * on the element on which the draggable is registered. Then when this method runs, we grab the value of that attribute and - * prepend it as part of the selector we're looking for. So "> .someClass" ends up being written as - * "[katavorio-draggable='...' > .someClass]", which works with querySelectorAll. - * - * @param availableSelectors - * @param parentElement - * @param childElement - * @returns {*} - */ - var findMatchingSelector = function(availableSelectors, parentElement, childElement) { - var el = null; - var draggableId = parentElement.getAttribute("katavorio-draggable"), - prefix = draggableId != null ? "[katavorio-draggable='" + draggableId + "'] " : ""; - - for (var i = 0; i < availableSelectors.length; i++) { - el = findDelegateElement(parentElement, childElement, prefix + availableSelectors[i].selector); - if (el != null) { - if (availableSelectors[i].filter) { - var matches = matchesSelector(childElement, availableSelectors[i].filter, el), - exclude = availableSelectors[i].filterExclude === true; - - if ( (exclude && !matches) || matches) { - return null; - } - - } - return [ availableSelectors[i], el ]; - } - } - return null; - }; - - var iev = (function() { - var rv = -1; - if (navigator.appName === 'Microsoft Internet Explorer') { - var ua = navigator.userAgent, - re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); - if (re.exec(ua) != null) - rv = parseFloat(RegExp.$1); - } - return rv; - })(), - DEFAULT_GRID_X = 10, - DEFAULT_GRID_Y = 10, - isIELT9 = iev > -1 && iev < 9, - isIE9 = iev === 9, - _pl = function(e) { - if (isIELT9) { - return [ e.clientX + document.documentElement.scrollLeft, e.clientY + document.documentElement.scrollTop ]; - } - else { - var ts = _touches(e), t = _getTouch(ts, 0); - // for IE9 pageX might be null if the event was synthesized. We try for pageX/pageY first, - // falling back to clientX/clientY if necessary. In every other browser we want to use pageX/pageY. - return isIE9 ? [t.pageX || t.clientX, t.pageY || t.clientY] : [t.pageX, t.pageY]; - } - }, - _getTouch = function(touches, idx) { return touches.item ? touches.item(idx) : touches[idx]; }, - _touches = function(e) { - return e.touches && e.touches.length > 0 ? e.touches : - e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches : - e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches : - [ e ]; - }, - _classes = { - delegatedDraggable:"katavorio-delegated-draggable", // elements that are the delegated drag handler for a bunch of other elements - draggable:"katavorio-draggable", // draggable elements - droppable:"katavorio-droppable", // droppable elements - drag : "katavorio-drag", // elements currently being dragged - selected:"katavorio-drag-selected", // elements in current drag selection - active : "katavorio-drag-active", // droppables that are targets of a currently dragged element - hover : "katavorio-drag-hover", // droppables over which a matching drag element is hovering - noSelect : "katavorio-drag-no-select", // added to the body to provide a hook to suppress text selection - ghostProxy:"katavorio-ghost-proxy", // added to a ghost proxy element in use when a drag has exited the bounds of its parent. - clonedDrag:"katavorio-clone-drag" // added to a node that is a clone of an element created at the start of a drag - }, - _defaultScope = "katavorio-drag-scope", - _events = [ "stop", "start", "drag", "drop", "over", "out", "beforeStart" ], - _devNull = function() {}, - _true = function() { return true; }, - _foreach = function(l, fn, from) { - for (var i = 0; i < l.length; i++) { - if (l[i] != from) - fn(l[i]); - } - }, - _setDroppablesActive = function(dd, val, andHover, drag) { - _foreach(dd, function(e) { - e.setActive(val); - if (val) e.updatePosition(); - if (andHover) e.setHover(drag, val); - }); - }, - _each = function(obj, fn) { - if (obj == null) return; - obj = !_isString(obj) && (obj.tagName == null && obj.length != null) ? obj : [ obj ]; - for (var i = 0; i < obj.length; i++) - fn.apply(obj[i], [ obj[i] ]); - }, - _consume = function(e) { - if (e.stopPropagation) { - e.stopPropagation(); - e.preventDefault(); - } - else { - e.returnValue = false; - } - }, - _defaultInputFilterSelector = "input,textarea,select,button,option", - // - // filters out events on all input elements, like textarea, checkbox, input, select. - _inputFilter = function(e, el, _katavorio) { - var t = e.srcElement || e.target; - return !matchesSelector(t, _katavorio.getInputFilterSelector(), el); - }; - - var Super = function(el, params, css, scope) { - this.params = params || {}; - this.el = el; - this.params.addClass(this.el, this._class); - this.uuid = _uuid(); - var enabled = true; - this.setEnabled = function(e) { enabled = e; }; - this.isEnabled = function() { return enabled; }; - this.toggleEnabled = function() { enabled = !enabled; }; - this.setScope = function(scopes) { - this.scopes = scopes ? scopes.split(/\s+/) : [ scope ]; - }; - this.addScope = function(scopes) { - var m = {}; - _each(this.scopes, function(s) { m[s] = true;}); - _each(scopes ? scopes.split(/\s+/) : [], function(s) { m[s] = true;}); - this.scopes = []; - for (var i in m) this.scopes.push(i); - }; - this.removeScope = function(scopes) { - var m = {}; - _each(this.scopes, function(s) { m[s] = true;}); - _each(scopes ? scopes.split(/\s+/) : [], function(s) { delete m[s];}); - this.scopes = []; - for (var i in m) this.scopes.push(i); - }; - this.toggleScope = function(scopes) { - var m = {}; - _each(this.scopes, function(s) { m[s] = true;}); - _each(scopes ? scopes.split(/\s+/) : [], function(s) { - if (m[s]) delete m[s]; - else m[s] = true; - }); - this.scopes = []; - for (var i in m) this.scopes.push(i); - }; - this.setScope(params.scope); - this.k = params.katavorio; - return params.katavorio; - }; - - var TRUE = function() { return true; }; - var FALSE = function() { return false; }; - - var Drag = function(el, params, css, scope) { - this._class = css.draggable; - var k = Super.apply(this, arguments); - this.rightButtonCanDrag = this.params.rightButtonCanDrag; - var downAt = [0,0], posAtDown = null, pagePosAtDown = null, pageDelta = [0,0], moving = false, initialScroll = [0,0], - consumeStartEvent = this.params.consumeStartEvent !== false, - dragEl = this.el, - clone = this.params.clone, - scroll = this.params.scroll, - _multipleDrop = params.multipleDrop !== false, - isConstrained = false, - useGhostProxy = params.ghostProxy === true ? TRUE : params.ghostProxy && typeof params.ghostProxy === "function" ? params.ghostProxy : FALSE, - ghostProxy = function(el) { return el.cloneNode(true); }, - elementToDrag = null, - availableSelectors = [], - activeSelectorParams = null, // which, if any, selector config is currently active. - ghostProxyParent = params.ghostProxyParent, - currentParentPosition, - ghostParentPosition, - ghostDx, - ghostDy; - - // if an initial selector was provided, push the entire set of params as a selector config. - if (params.selector) { - var draggableId = el.getAttribute("katavorio-draggable"); - if (draggableId == null) { - draggableId = "" + new Date().getTime(); - el.setAttribute("katavorio-draggable", draggableId); - } - - availableSelectors.push(params); - } - - var snapThreshold = params.snapThreshold, - _snap = function(pos, gridX, gridY, thresholdX, thresholdY) { - var _dx = Math.floor(pos[0] / gridX), - _dxl = gridX * _dx, - _dxt = _dxl + gridX, - _x = Math.abs(pos[0] - _dxl) <= thresholdX ? _dxl : Math.abs(_dxt - pos[0]) <= thresholdX ? _dxt : pos[0]; - - var _dy = Math.floor(pos[1] / gridY), - _dyl = gridY * _dy, - _dyt = _dyl + gridY, - _y = Math.abs(pos[1] - _dyl) <= thresholdY ? _dyl : Math.abs(_dyt - pos[1]) <= thresholdY ? _dyt : pos[1]; - - return [ _x, _y]; - }; - - this.posses = []; - this.posseRoles = {}; - - this.toGrid = function(pos) { - if (this.params.grid == null) { - return pos; - } - else { - var tx = this.params.grid ? this.params.grid[0] / 2 : snapThreshold ? snapThreshold : DEFAULT_GRID_X / 2, - ty = this.params.grid ? this.params.grid[1] / 2 : snapThreshold ? snapThreshold : DEFAULT_GRID_Y / 2; - - return _snap(pos, this.params.grid[0], this.params.grid[1], tx, ty); - } - }; - - this.snap = function(x, y) { - if (dragEl == null) return; - x = x || (this.params.grid ? this.params.grid[0] : DEFAULT_GRID_X); - y = y || (this.params.grid ? this.params.grid[1] : DEFAULT_GRID_Y); - var p = this.params.getPosition(dragEl), - tx = this.params.grid ? this.params.grid[0] / 2 : snapThreshold, - ty = this.params.grid ? this.params.grid[1] / 2 : snapThreshold, - snapped = _snap(p, x, y, tx, ty); - - this.params.setPosition(dragEl, snapped); - return snapped; - }; - - this.setUseGhostProxy = function(val) { - useGhostProxy = val ? TRUE : FALSE; - }; - - var constrain; - var negativeFilter = function(pos) { - return (params.allowNegative === false) ? [ Math.max (0, pos[0]), Math.max(0, pos[1]) ] : pos; - }; - - var _setConstrain = function(value) { - constrain = typeof value === "function" ? value : value ? function(pos, dragEl, _constrainRect, _size) { - return negativeFilter([ - Math.max(0, Math.min(_constrainRect.w - _size[0], pos[0])), - Math.max(0, Math.min(_constrainRect.h - _size[1], pos[1])) - ]); - }.bind(this) : function(pos) { return negativeFilter(pos); }; - }.bind(this); - - _setConstrain(typeof this.params.constrain === "function" ? this.params.constrain : (this.params.constrain || this.params.containment)); - - - /** - * Sets whether or not the Drag is constrained. A value of 'true' means constrain to parent bounds; a function - * will be executed and returns true if the position is allowed. - * @param value - */ - this.setConstrain = function(value) { - _setConstrain(value); - }; - - var revertFunction; - /** - * Sets a function to call on drag stop, which, if it returns true, indicates that the given element should - * revert to its position before the previous drag. - * @param fn - */ - this.setRevert = function(fn) { - revertFunction = fn; - }; - - if (this.params.revert) { - revertFunction = this.params.revert; - } - - var _assignId = function(obj) { - if (typeof obj === "function") { - obj._katavorioId = _uuid(); - return obj._katavorioId; - } else { - return obj; - } - }, - // a map of { spec -> [ fn, exclusion ] } entries. - _filters = {}, - _testFilter = function(e) { - for (var key in _filters) { - var f = _filters[key]; - var rv = f[0](e); - if (f[1]) rv = !rv; - if (!rv) return false; - } - return true; - }, - _setFilter = this.setFilter = function(f, _exclude) { - if (f) { - var key = _assignId(f); - _filters[key] = [ - function(e) { - var t = e.srcElement || e.target, m; - if (_isString(f)) { - m = matchesSelector(t, f, el); - } - else if (typeof f === "function") { - m = f(e, el); - } - return m; - }, - _exclude !== false - ]; - - } - }, - _addFilter = this.addFilter = _setFilter, - _removeFilter = this.removeFilter = function(f) { - var key = typeof f === "function" ? f._katavorioId : f; - delete _filters[key]; - }; - - this.clearAllFilters = function() { - _filters = {}; - }; - - this.canDrag = this.params.canDrag || _true; - - var constrainRect, - matchingDroppables = [], - intersectingDroppables = []; - - this.addSelector = function(params) { - if (params.selector) { - availableSelectors.push(params); - } - }; - - this.downListener = function(e) { - if (e.defaultPrevented) { return; } - var isNotRightClick = this.rightButtonCanDrag || (e.which !== 3 && e.button !== 2); - if (isNotRightClick && this.isEnabled() && this.canDrag()) { - - var _f = _testFilter(e) && _inputFilter(e, this.el, this.k); - if (_f) { - - activeSelectorParams = null; - elementToDrag = null; - - // if (selector) { - // elementToDrag = findDelegateElement(this.el, e.target || e.srcElement, selector); - // if(elementToDrag == null) { - // return; - // } - // } - if (availableSelectors.length > 0) { - var match = findMatchingSelector(availableSelectors, this.el, e.target || e.srcElement); - if (match != null) { - activeSelectorParams = match[0]; - elementToDrag = match[1]; - } - // elementToDrag = findDelegateElement(this.el, e.target || e.srcElement, selector); - if(elementToDrag == null) { - return; - } - } - else { - elementToDrag = this.el; - } - - if (clone) { - dragEl = elementToDrag.cloneNode(true); - this.params.addClass(dragEl, _classes.clonedDrag); - - dragEl.setAttribute("id", null); - dragEl.style.position = "absolute"; - - if (this.params.parent != null) { - var p = this.params.getPosition(this.el); - dragEl.style.left = p[0] + "px"; - dragEl.style.top = p[1] + "px"; - this.params.parent.appendChild(dragEl); - } else { - // the clone node is added to the body; getOffsetRect gives us a value - // relative to the body. - var b = getOffsetRect(elementToDrag); - dragEl.style.left = b.left + "px"; - dragEl.style.top = b.top + "px"; - - document.body.appendChild(dragEl); - } - - } else { - dragEl = elementToDrag; - } - - consumeStartEvent && _consume(e); - downAt = _pl(e); - if (dragEl && dragEl.parentNode) - { - initialScroll = [dragEl.parentNode.scrollLeft, dragEl.parentNode.scrollTop]; - } - // - this.params.bind(document, "mousemove", this.moveListener); - this.params.bind(document, "mouseup", this.upListener); - k.markSelection(this); - k.markPosses(this); - this.params.addClass(document.body, css.noSelect); - _dispatch("beforeStart", {el:this.el, pos:posAtDown, e:e, drag:this}); - } - else if (this.params.consumeFilteredEvents) { - _consume(e); - } - } - }.bind(this); - - this.moveListener = function(e) { - if (downAt) { - if (!moving) { - var _continue = _dispatch("start", {el:this.el, pos:posAtDown, e:e, drag:this}); - if (_continue !== false) { - if (!downAt) { - return; - } - this.mark(true); - moving = true; - } else { - this.abort(); - } - } - - // it is possible that the start event caused the drag to be aborted. So we check - // again that we are currently dragging. - if (downAt) { - intersectingDroppables.length = 0; - var pos = _pl(e), dx = pos[0] - downAt[0], dy = pos[1] - downAt[1], - z = this.params.ignoreZoom ? 1 : k.getZoom(); - if (dragEl && dragEl.parentNode) - { - dx += dragEl.parentNode.scrollLeft - initialScroll[0]; - dy += dragEl.parentNode.scrollTop - initialScroll[1]; - } - dx /= z; - dy /= z; - this.moveBy(dx, dy, e); - k.updateSelection(dx, dy, this); - k.updatePosses(dx, dy, this); - } - } - }.bind(this); - - this.upListener = function(e) { - if (downAt) { - downAt = null; - this.params.unbind(document, "mousemove", this.moveListener); - this.params.unbind(document, "mouseup", this.upListener); - this.params.removeClass(document.body, css.noSelect); - this.unmark(e); - k.unmarkSelection(this, e); - k.unmarkPosses(this, e); - this.stop(e); - - k.notifyPosseDragStop(this, e); - moving = false; - intersectingDroppables.length = 0; - - if (clone) { - dragEl && dragEl.parentNode && dragEl.parentNode.removeChild(dragEl); - dragEl = null; - } else { - if (revertFunction && revertFunction(dragEl, this.params.getPosition(dragEl)) === true) { - this.params.setPosition(dragEl, posAtDown); - _dispatch("revert", dragEl); - } - } - - } - }.bind(this); - - this.getFilters = function() { return _filters; }; - - this.abort = function() { - if (downAt != null) { - this.upListener(); - } - }; - - /** - * Returns the element that was last dragged. This may be some original element from the DOM, or if `clone` is - * set, then its actually a copy of some original DOM element. In some client calls to this method, it is the - * actual element that was dragged that is desired. In others, it is the original DOM element that the user - * wishes to get - in which case, pass true for `retrieveOriginalElement`. - * - * @returns {*} - */ - this.getDragElement = function(retrieveOriginalElement) { - return retrieveOriginalElement ? elementToDrag || this.el : dragEl || this.el; - }; - - var listeners = {"start":[], "drag":[], "stop":[], "over":[], "out":[], "beforeStart":[], "revert":[] }; - if (params.events.start) listeners.start.push(params.events.start); - if (params.events.beforeStart) listeners.beforeStart.push(params.events.beforeStart); - if (params.events.stop) listeners.stop.push(params.events.stop); - if (params.events.drag) listeners.drag.push(params.events.drag); - if (params.events.revert) listeners.revert.push(params.events.revert); - - this.on = function(evt, fn) { - if (listeners[evt]) listeners[evt].push(fn); - }; - - this.off = function(evt, fn) { - if (listeners[evt]) { - var l = []; - for (var i = 0; i < listeners[evt].length; i++) { - if (listeners[evt][i] !== fn) l.push(listeners[evt][i]); - } - listeners[evt] = l; - } - }; - - var _dispatch = function(evt, value) { - var result = null; - if (activeSelectorParams && activeSelectorParams[evt]) { - result = activeSelectorParams[evt](value); - } else if (listeners[evt]) { - for (var i = 0; i < listeners[evt].length; i++) { - try { - var v = listeners[evt][i](value); - if (v != null) { - result = v; - } - } - catch (e) { } - } - } - return result; - }; - - this.notifyStart = function(e) { - _dispatch("start", {el:this.el, pos:this.params.getPosition(dragEl), e:e, drag:this}); - }; - - this.stop = function(e, force) { - if (force || moving) { - var positions = [], - sel = k.getSelection(), - dPos = this.params.getPosition(dragEl); - - if (sel.length > 0) { - for (var i = 0; i < sel.length; i++) { - var p = this.params.getPosition(sel[i].el); - positions.push([ sel[i].el, { left: p[0], top: p[1] }, sel[i] ]); - } - } - else { - positions.push([ dragEl, {left:dPos[0], top:dPos[1]}, this ]); - } - - _dispatch("stop", { - el: dragEl, - pos: ghostProxyOffsets || dPos, - finalPos:dPos, - e: e, - drag: this, - selection:positions - }); - } - }; - - this.mark = function(andNotify) { - posAtDown = this.params.getPosition(dragEl); - pagePosAtDown = this.params.getPosition(dragEl, true); - pageDelta = [pagePosAtDown[0] - posAtDown[0], pagePosAtDown[1] - posAtDown[1]]; - this.size = this.params.getSize(dragEl); - matchingDroppables = k.getMatchingDroppables(this); - _setDroppablesActive(matchingDroppables, true, false, this); - this.params.addClass(dragEl, this.params.dragClass || css.drag); - - var cs; - if (this.params.getConstrainingRectangle) { - cs = this.params.getConstrainingRectangle(dragEl) - } else { - cs = this.params.getSize(dragEl.parentNode); - } - constrainRect = {w: cs[0], h: cs[1]}; - - ghostDx = 0; - ghostDy = 0; - - if (andNotify) { - k.notifySelectionDragStart(this); - } - }; - var ghostProxyOffsets; - this.unmark = function(e, doNotCheckDroppables) { - _setDroppablesActive(matchingDroppables, false, true, this); - - if (isConstrained && useGhostProxy(elementToDrag, dragEl)) { - ghostProxyOffsets = [dragEl.offsetLeft - ghostDx, dragEl.offsetTop - ghostDy]; - dragEl.parentNode.removeChild(dragEl); - dragEl = elementToDrag; - } - else { - ghostProxyOffsets = null; - } - - this.params.removeClass(dragEl, this.params.dragClass || css.drag); - matchingDroppables.length = 0; - isConstrained = false; - if (!doNotCheckDroppables) { - if (intersectingDroppables.length > 0 && ghostProxyOffsets) { - params.setPosition(elementToDrag, ghostProxyOffsets); - } - intersectingDroppables.sort(_rankSort); - for (var i = 0; i < intersectingDroppables.length; i++) { - var retVal = intersectingDroppables[i].drop(this, e); - if (retVal === true) break; - } - } - }; - this.moveBy = function(dx, dy, e) { - intersectingDroppables.length = 0; - - var desiredLoc = this.toGrid([posAtDown[0] + dx, posAtDown[1] + dy]), - cPos = constrain(desiredLoc, dragEl, constrainRect, this.size); - - // if we should use a ghost proxy... - if (useGhostProxy(this.el, dragEl)) { - // and the element has been dragged outside of its parent bounds - if (desiredLoc[0] !== cPos[0] || desiredLoc[1] !== cPos[1]) { - - // ...if ghost proxy not yet created - if (!isConstrained) { - // create it - var gp = ghostProxy(elementToDrag); - params.addClass(gp, _classes.ghostProxy); - - if (ghostProxyParent) { - ghostProxyParent.appendChild(gp); - // find offset between drag el's parent the ghost parent - currentParentPosition = params.getPosition(elementToDrag.parentNode, true); - ghostParentPosition = params.getPosition(params.ghostProxyParent, true); - ghostDx = currentParentPosition[0] - ghostParentPosition[0]; - ghostDy = currentParentPosition[1] - ghostParentPosition[1]; - - } else { - elementToDrag.parentNode.appendChild(gp); - } - - // the ghost proxy is the drag element - dragEl = gp; - // set this flag so we dont recreate the ghost proxy - isConstrained = true; - } - // now the drag position can be the desired position, as the ghost proxy can support it. - cPos = desiredLoc; - } - else { - // if the element is not outside of its parent bounds, and ghost proxy is in place, - if (isConstrained) { - // remove the ghost proxy from the dom - dragEl.parentNode.removeChild(dragEl); - // reset the drag element to the original element - dragEl = elementToDrag; - // clear this flag. - isConstrained = false; - currentParentPosition = null; - ghostParentPosition = null; - ghostDx = 0; - ghostDy = 0; - } - } - } - - var rect = { x:cPos[0], y:cPos[1], w:this.size[0], h:this.size[1]}, - pageRect = { x:rect.x + pageDelta[0], y:rect.y + pageDelta[1], w:rect.w, h:rect.h}, - focusDropElement = null; - - this.params.setPosition(dragEl, [cPos[0] + ghostDx, cPos[1] + ghostDy]); - - for (var i = 0; i < matchingDroppables.length; i++) { - var r2 = { x:matchingDroppables[i].pagePosition[0], y:matchingDroppables[i].pagePosition[1], w:matchingDroppables[i].size[0], h:matchingDroppables[i].size[1]}; - if (this.params.intersects(pageRect, r2) && (_multipleDrop || focusDropElement == null || focusDropElement === matchingDroppables[i].el) && matchingDroppables[i].canDrop(this)) { - if (!focusDropElement) focusDropElement = matchingDroppables[i].el; - intersectingDroppables.push(matchingDroppables[i]); - matchingDroppables[i].setHover(this, true, e); - } - else if (matchingDroppables[i].isHover()) { - matchingDroppables[i].setHover(this, false, e); - } - } - - _dispatch("drag", {el:this.el, pos:cPos, e:e, drag:this}); - - /* test to see if the parent needs to be scrolled (future) - if (scroll) { - var pnsl = dragEl.parentNode.scrollLeft, pnst = dragEl.parentNode.scrollTop; - console.log("scroll!", pnsl, pnst); - }*/ - }; - this.destroy = function() { - this.params.unbind(this.el, "mousedown", this.downListener); - this.params.unbind(document, "mousemove", this.moveListener); - this.params.unbind(document, "mouseup", this.upListener); - this.downListener = null; - this.upListener = null; - this.moveListener = null; - }; - - // init:register mousedown, and perhaps set a filter - this.params.bind(this.el, "mousedown", this.downListener); - - // if handle provided, use that. otherwise, try to set a filter. - // note that a `handle` selector always results in filterExclude being set to false, ie. - // the selector defines the handle element(s). - if (this.params.handle) - _setFilter(this.params.handle, false); - else - _setFilter(this.params.filter, this.params.filterExclude); - }; - - var Drop = function(el, params, css, scope) { - this._class = css.droppable; - this.params = params || {}; - this.rank = params.rank || 0; - this._activeClass = this.params.activeClass || css.active; - this._hoverClass = this.params.hoverClass || css.hover; - Super.apply(this, arguments); - var hover = false; - this.allowLoopback = this.params.allowLoopback !== false; - - this.setActive = function(val) { - this.params[val ? "addClass" : "removeClass"](this.el, this._activeClass); - }; - - this.updatePosition = function() { - this.position = this.params.getPosition(this.el); - this.pagePosition = this.params.getPosition(this.el, true); - this.size = this.params.getSize(this.el); - }; - - this.canDrop = this.params.canDrop || function(drag) { - return true; - }; - - this.isHover = function() { return hover; }; - - this.setHover = function(drag, val, e) { - // if turning off hover but this was not the drag that caused the hover, ignore. - if (val || this.el._katavorioDragHover == null || this.el._katavorioDragHover === drag.el._katavorio) { - this.params[val ? "addClass" : "removeClass"](this.el, this._hoverClass); - this.el._katavorioDragHover = val ? drag.el._katavorio : null; - if (hover !== val) { - this.params.events[val ? "over" : "out"]({el: this.el, e: e, drag: drag, drop: this}); - } - hover = val; - } - }; - - /** - * A drop event. `drag` is the corresponding Drag object, which may be a Drag for some specific element, or it - * may be a Drag on some element acting as a delegate for elements contained within it. - * @param drag - * @param event - * @returns {*} - */ - this.drop = function(drag, event) { - return this.params.events["drop"]({ drag:drag, e:event, drop:this }); - }; - - this.destroy = function() { - this._class = null; - this._activeClass = null; - this._hoverClass = null; - hover = null; - }; - }; - - var _uuid = function() { - return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { - var r = Math.random()*16|0, v = c === 'x' ? r : (r&0x3|0x8); - return v.toString(16); - })); - }; - - var _rankSort = function(a,b) { - return a.rank < b.rank ? 1 : a.rank > b.rank ? -1 : 0; - }; - - var _gel = function(el) { - if (el == null) return null; - el = (typeof el === "string" || el.constructor === String) ? document.getElementById(el) : el; - if (el == null) return null; - el._katavorio = el._katavorio || _uuid(); - return el; - }; - - root.Katavorio = function(katavorioParams) { - - var _selection = [], - _selectionMap = {}; - - this._dragsByScope = {}; - this._dropsByScope = {}; - var _zoom = 1, - _reg = function(obj, map) { - _each(obj, function(_obj) { - for(var i = 0; i < _obj.scopes.length; i++) { - map[_obj.scopes[i]] = map[_obj.scopes[i]] || []; - map[_obj.scopes[i]].push(_obj); - } - }); - }, - _unreg = function(obj, map) { - var c = 0; - _each(obj, function(_obj) { - for(var i = 0; i < _obj.scopes.length; i++) { - if (map[_obj.scopes[i]]) { - var idx = katavorioParams.indexOf(map[_obj.scopes[i]], _obj); - if (idx !== -1) { - map[_obj.scopes[i]].splice(idx, 1); - c++; - } - } - } - }); - - return c > 0 ; - }, - _getMatchingDroppables = this.getMatchingDroppables = function(drag) { - var dd = [], _m = {}; - for (var i = 0; i < drag.scopes.length; i++) { - var _dd = this._dropsByScope[drag.scopes[i]]; - if (_dd) { - for (var j = 0; j < _dd.length; j++) { - if (_dd[j].canDrop(drag) && !_m[_dd[j].uuid] && (_dd[j].allowLoopback || _dd[j].el !== drag.el)) { - _m[_dd[j].uuid] = true; - dd.push(_dd[j]); - } - } - } - } - dd.sort(_rankSort); - return dd; - }, - _prepareParams = function(p) { - p = p || {}; - var _p = { - events:{} - }, i; - for (i in katavorioParams) _p[i] = katavorioParams[i]; - for (i in p) _p[i] = p[i]; - // events - - for (i = 0; i < _events.length; i++) { - _p.events[_events[i]] = p[_events[i]] || _devNull; - } - _p.katavorio = this; - return _p; - }.bind(this), - _mistletoe = function(existingDrag, params) { - for (var i = 0; i < _events.length; i++) { - if (params[_events[i]]) { - existingDrag.on(_events[i], params[_events[i]]); - } - } - }.bind(this), - _css = {}, - overrideCss = katavorioParams.css || {}, - _scope = katavorioParams.scope || _defaultScope; - - // prepare map of css classes based on defaults frst, then optional overrides - for (var i in _classes) _css[i] = _classes[i]; - for (var i in overrideCss) _css[i] = overrideCss[i]; - - var inputFilterSelector = katavorioParams.inputFilterSelector || _defaultInputFilterSelector; - /** - * Gets the selector identifying which input elements to filter from drag events. - * @method getInputFilterSelector - * @return {String} Current input filter selector. - */ - this.getInputFilterSelector = function() { return inputFilterSelector; }; - - /** - * Sets the selector identifying which input elements to filter from drag events. - * @method setInputFilterSelector - * @param {String} selector Input filter selector to set. - * @return {Katavorio} Current instance; method may be chained. - */ - this.setInputFilterSelector = function(selector) { - inputFilterSelector = selector; - return this; - }; - - /** - * Either makes the given element draggable, or identifies it as an element inside which some identified list - * of elements may be draggable. - * @param el - * @param params - * @returns {Array} - */ - this.draggable = function(el, params) { - var o = []; - _each(el, function (_el) { - _el = _gel(_el); - if (_el != null) { - if (_el._katavorioDrag == null) { - var p = _prepareParams(params); - _el._katavorioDrag = new Drag(_el, p, _css, _scope); - _reg(_el._katavorioDrag, this._dragsByScope); - o.push(_el._katavorioDrag); - katavorioParams.addClass(_el, p.selector ? _css.delegatedDraggable : _css.draggable); - } - else { - _mistletoe(_el._katavorioDrag, params); - } - } - }.bind(this)); - return o; - }; - - this.droppable = function(el, params) { - var o = []; - _each(el, function(_el) { - _el = _gel(_el); - if (_el != null) { - var drop = new Drop(_el, _prepareParams(params), _css, _scope); - _el._katavorioDrop = _el._katavorioDrop || []; - _el._katavorioDrop.push(drop); - _reg(drop, this._dropsByScope); - o.push(drop); - katavorioParams.addClass(_el, _css.droppable); - } - }.bind(this)); - return o; - }; - - /** - * @name Katavorio#select - * @function - * @desc Adds an element to the current selection (for multiple node drag) - * @param {Element|String} DOM element - or id of the element - to add. - */ - this.select = function(el) { - _each(el, function() { - var _el = _gel(this); - if (_el && _el._katavorioDrag) { - if (!_selectionMap[_el._katavorio]) { - _selection.push(_el._katavorioDrag); - _selectionMap[_el._katavorio] = [ _el, _selection.length - 1 ]; - katavorioParams.addClass(_el, _css.selected); - } - } - }); - return this; - }; - - /** - * @name Katavorio#deselect - * @function - * @desc Removes an element from the current selection (for multiple node drag) - * @param {Element|String} DOM element - or id of the element - to remove. - */ - this.deselect = function(el) { - _each(el, function() { - var _el = _gel(this); - if (_el && _el._katavorio) { - var e = _selectionMap[_el._katavorio]; - if (e) { - var _s = []; - for (var i = 0; i < _selection.length; i++) - if (_selection[i].el !== _el) _s.push(_selection[i]); - _selection = _s; - delete _selectionMap[_el._katavorio]; - katavorioParams.removeClass(_el, _css.selected); - } - } - }); - return this; - }; - - this.deselectAll = function() { - for (var i in _selectionMap) { - var d = _selectionMap[i]; - katavorioParams.removeClass(d[0], _css.selected); - } - - _selection.length = 0; - _selectionMap = {}; - }; - - this.markSelection = function(drag) { - _foreach(_selection, function(e) { e.mark(); }, drag); - }; - - this.markPosses = function(drag) { - if (drag.posses) { - _each(drag.posses, function(p) { - if (drag.posseRoles[p] && _posses[p]) { - _foreach(_posses[p].members, function (d) { - d.mark(); - }, drag); - } - }) - } - }; - - this.unmarkSelection = function(drag, event) { - _foreach(_selection, function(e) { e.unmark(event); }, drag); - }; - - this.unmarkPosses = function(drag, event) { - if (drag.posses) { - _each(drag.posses, function(p) { - if (drag.posseRoles[p] && _posses[p]) { - _foreach(_posses[p].members, function (d) { - d.unmark(event, true); - }, drag); - } - }); - } - }; - - this.getSelection = function() { return _selection.slice(0); }; - - this.updateSelection = function(dx, dy, drag) { - _foreach(_selection, function(e) { e.moveBy(dx, dy); }, drag); - }; - - var _posseAction = function(fn, drag) { - if (drag.posses) { - _each(drag.posses, function(p) { - if (drag.posseRoles[p] && _posses[p]) { - _foreach(_posses[p].members, function (e) { - fn(e); - }, drag); - } - }); - } - }; - - this.updatePosses = function(dx, dy, drag) { - _posseAction(function(e) { e.moveBy(dx, dy); }, drag); - }; - - this.notifyPosseDragStop = function(drag, evt) { - _posseAction(function(e) { e.stop(evt, true); }, drag); - }; - - this.notifySelectionDragStop = function(drag, evt) { - _foreach(_selection, function(e) { e.stop(evt, true); }, drag); - }; - - this.notifySelectionDragStart = function(drag, evt) { - _foreach(_selection, function(e) { e.notifyStart(evt);}, drag); - }; - - this.setZoom = function(z) { _zoom = z; }; - this.getZoom = function() { return _zoom; }; - - // does the work of changing scopes - var _scopeManip = function(kObj, scopes, map, fn) { - _each(kObj, function(_kObj) { - _unreg(_kObj, map); // deregister existing scopes - _kObj[fn](scopes); // set scopes - _reg(_kObj, map); // register new ones - }); - }; - - _each([ "set", "add", "remove", "toggle"], function(v) { - this[v + "Scope"] = function(el, scopes) { - _scopeManip(el._katavorioDrag, scopes, this._dragsByScope, v + "Scope"); - _scopeManip(el._katavorioDrop, scopes, this._dropsByScope, v + "Scope"); - }.bind(this); - this[v + "DragScope"] = function(el, scopes) { - _scopeManip(el.constructor === Drag ? el : el._katavorioDrag, scopes, this._dragsByScope, v + "Scope"); - }.bind(this); - this[v + "DropScope"] = function(el, scopes) { - _scopeManip(el.constructor === Drop ? el : el._katavorioDrop, scopes, this._dropsByScope, v + "Scope"); - }.bind(this); - }.bind(this)); - - this.snapToGrid = function(x, y) { - for (var s in this._dragsByScope) { - _foreach(this._dragsByScope[s], function(d) { d.snap(x, y); }); - } - }; - - this.getDragsForScope = function(s) { return this._dragsByScope[s]; }; - this.getDropsForScope = function(s) { return this._dropsByScope[s]; }; - - var _destroy = function(el, type, map) { - el = _gel(el); - if (el[type]) { - - // remove from selection, if present. - var selIdx = _selection.indexOf(el[type]); - if (selIdx >= 0) { - _selection.splice(selIdx, 1); - } - - if (_unreg(el[type], map)) { - _each(el[type], function(kObj) { kObj.destroy() }); - } - - delete el[type]; - } - }; - - var _removeListener = function(el, type, evt, fn) { - el = _gel(el); - if (el[type]) { - el[type].off(evt, fn); - } - }; - - this.elementRemoved = function(el) { - this.destroyDraggable(el); - this.destroyDroppable(el); - }; - - /** - * Either completely remove drag functionality from the given element, or remove a specific event handler. If you - * call this method with a single argument - the element - all drag functionality is removed from it. Otherwise, if - * you provide an event name and listener function, this function is de-registered (if found). - * @param el Element to update - * @param {string} [evt] Optional event name to unsubscribe - * @param {Function} [fn] Optional function to unsubscribe - */ - this.destroyDraggable = function(el, evt, fn) { - if (arguments.length === 1) { - _destroy(el, "_katavorioDrag", this._dragsByScope); - } else { - _removeListener(el, "_katavorioDrag", evt, fn); - } - }; - - /** - * Either completely remove drop functionality from the given element, or remove a specific event handler. If you - * call this method with a single argument - the element - all drop functionality is removed from it. Otherwise, if - * you provide an event name and listener function, this function is de-registered (if found). - * @param el Element to update - * @param {string} [evt] Optional event name to unsubscribe - * @param {Function} [fn] Optional function to unsubscribe - */ - this.destroyDroppable = function(el, evt, fn) { - if (arguments.length === 1) { - _destroy(el, "_katavorioDrop", this._dropsByScope); - } else { - _removeListener(el, "_katavorioDrop", evt, fn); - } - }; - - this.reset = function() { - this._dragsByScope = {}; - this._dropsByScope = {}; - _selection = []; - _selectionMap = {}; - _posses = {}; - }; - - // ----- groups - var _posses = {}; - - var _processOneSpec = function(el, _spec, dontAddExisting) { - var posseId = _isString(_spec) ? _spec : _spec.id; - var active = _isString(_spec) ? true : _spec.active !== false; - var posse = _posses[posseId] || (function() { - var g = {name:posseId, members:[]}; - _posses[posseId] = g; - return g; - })(); - _each(el, function(_el) { - if (_el._katavorioDrag) { - - if (dontAddExisting && _el._katavorioDrag.posseRoles[posse.name] != null) return; - - _suggest(posse.members, _el._katavorioDrag); - _suggest(_el._katavorioDrag.posses, posse.name); - _el._katavorioDrag.posseRoles[posse.name] = active; - } - }); - return posse; - }; - - /** - * Add the given element to the posse with the given id, creating the group if it at first does not exist. - * @method addToPosse - * @param {Element} el Element to add. - * @param {String...|Object...} spec Variable args parameters. Each argument can be a either a String, indicating - * the ID of a Posse to which the element should be added as an active participant, or an Object containing - * `{ id:"posseId", active:false/true}`. In the latter case, if `active` is not provided it is assumed to be - * true. - * @returns {Posse|Posse[]} The Posse(s) to which the element(s) was/were added. - */ - this.addToPosse = function(el, spec) { - - var posses = []; - - for (var i = 1; i < arguments.length; i++) { - posses.push(_processOneSpec(el, arguments[i])); - } - - return posses.length === 1 ? posses[0] : posses; - }; - - /** - * Sets the posse(s) for the element with the given id, creating those that do not yet exist, and removing from - * the element any current Posses that are not specified by this method call. This method will not change the - * active/passive state if it is given a posse in which the element is already a member. - * @method setPosse - * @param {Element} el Element to set posse(s) on. - * @param {String...|Object...} spec Variable args parameters. Each argument can be a either a String, indicating - * the ID of a Posse to which the element should be added as an active participant, or an Object containing - * `{ id:"posseId", active:false/true}`. In the latter case, if `active` is not provided it is assumed to be - * true. - * @returns {Posse|Posse[]} The Posse(s) to which the element(s) now belongs. - */ - this.setPosse = function(el, spec) { - - var posses = []; - - for (var i = 1; i < arguments.length; i++) { - posses.push(_processOneSpec(el, arguments[i], true).name); - } - - _each(el, function(_el) { - if (_el._katavorioDrag) { - var diff = _difference(_el._katavorioDrag.posses, posses); - var p = []; - Array.prototype.push.apply(p, _el._katavorioDrag.posses); - for (var i = 0; i < diff.length; i++) { - this.removeFromPosse(_el, diff[i]); - } - } - }.bind(this)); - - return posses.length === 1 ? posses[0] : posses; - }; - - /** - * Remove the given element from the given posse(s). - * @method removeFromPosse - * @param {Element} el Element to remove. - * @param {String...} posseId Varargs parameter: one value for each posse to remove the element from. - */ - this.removeFromPosse = function(el, posseId) { - if (arguments.length < 2) throw new TypeError("No posse id provided for remove operation"); - for(var i = 1; i < arguments.length; i++) { - posseId = arguments[i]; - _each(el, function (_el) { - if (_el._katavorioDrag && _el._katavorioDrag.posses) { - var d = _el._katavorioDrag; - _each(posseId, function (p) { - _vanquish(_posses[p].members, d); - _vanquish(d.posses, p); - delete d.posseRoles[p]; - }); - } - }); - } - }; - - /** - * Remove the given element from all Posses to which it belongs. - * @method removeFromAllPosses - * @param {Element|Element[]} el Element to remove from Posses. - */ - this.removeFromAllPosses = function(el) { - _each(el, function(_el) { - if (_el._katavorioDrag && _el._katavorioDrag.posses) { - var d = _el._katavorioDrag; - _each(d.posses, function(p) { - _vanquish(_posses[p].members, d); - }); - d.posses.length = 0; - d.posseRoles = {}; - } - }); - }; - - /** - * Changes the participation state for the element in the Posse with the given ID. - * @param {Element|Element[]} el Element(s) to change state for. - * @param {String} posseId ID of the Posse to change element state for. - * @param {Boolean} state True to make active, false to make passive. - */ - this.setPosseState = function(el, posseId, state) { - var posse = _posses[posseId]; - if (posse) { - _each(el, function(_el) { - if (_el._katavorioDrag && _el._katavorioDrag.posses) { - _el._katavorioDrag.posseRoles[posse.name] = state; - } - }); - } - }; - - }; - - root.Katavorio.version = "1.0.0"; - - if (typeof exports !== "undefined") { - exports.Katavorio = root.Katavorio; - } - -}).call(typeof window !== 'undefined' ? window : this); - - -(function() { - - var root = this; - root.jsPlumbUtil = root.jsPlumbUtil || {}; - var jsPlumbUtil = root.jsPlumbUtil; - - if (typeof exports !=='undefined') { exports.jsPlumbUtil = jsPlumbUtil;} - - - /** - * Tests if the given object is an Array. - * @param a - */ - function isArray(a) { - return Object.prototype.toString.call(a) === "[object Array]"; - } - jsPlumbUtil.isArray = isArray; - /** - * Tests if the given object is a Number. - * @param n - */ - function isNumber(n) { - return Object.prototype.toString.call(n) === "[object Number]"; - } - jsPlumbUtil.isNumber = isNumber; - function isString(s) { - return typeof s === "string"; - } - jsPlumbUtil.isString = isString; - function isBoolean(s) { - return typeof s === "boolean"; - } - jsPlumbUtil.isBoolean = isBoolean; - function isNull(s) { - return s == null; - } - jsPlumbUtil.isNull = isNull; - function isObject(o) { - return o == null ? false : Object.prototype.toString.call(o) === "[object Object]"; - } - jsPlumbUtil.isObject = isObject; - function isDate(o) { - return Object.prototype.toString.call(o) === "[object Date]"; - } - jsPlumbUtil.isDate = isDate; - function isFunction(o) { - return Object.prototype.toString.call(o) === "[object Function]"; - } - jsPlumbUtil.isFunction = isFunction; - function isNamedFunction(o) { - return isFunction(o) && o.name != null && o.name.length > 0; - } - jsPlumbUtil.isNamedFunction = isNamedFunction; - function isEmpty(o) { - for (var i in o) { - if (o.hasOwnProperty(i)) { - return false; - } - } - return true; - } - jsPlumbUtil.isEmpty = isEmpty; - function clone(a) { - if (isString(a)) { - return "" + a; - } - else if (isBoolean(a)) { - return !!a; - } - else if (isDate(a)) { - return new Date(a.getTime()); - } - else if (isFunction(a)) { - return a; - } - else if (isArray(a)) { - var b = []; - for (var i = 0; i < a.length; i++) { - b.push(clone(a[i])); - } - return b; - } - else if (isObject(a)) { - var c = {}; - for (var j in a) { - c[j] = clone(a[j]); - } - return c; - } - else { - return a; - } - } - jsPlumbUtil.clone = clone; - function merge(a, b, collations, overwrites) { - // first change the collations array - if present - into a lookup table, because its faster. - var cMap = {}, ar, i, oMap = {}; - collations = collations || []; - overwrites = overwrites || []; - for (i = 0; i < collations.length; i++) { - cMap[collations[i]] = true; - } - for (i = 0; i < overwrites.length; i++) { - oMap[overwrites[i]] = true; - } - var c = clone(a); - for (i in b) { - if (c[i] == null || oMap[i]) { - c[i] = b[i]; - } - else if (isString(b[i]) || isBoolean(b[i])) { - if (!cMap[i]) { - c[i] = b[i]; // if we dont want to collate, just copy it in. - } - else { - ar = []; - // if c's object is also an array we can keep its values. - ar.push.apply(ar, isArray(c[i]) ? c[i] : [c[i]]); - ar.push.apply(ar, isBoolean(b[i]) ? b[i] : [b[i]]); - c[i] = ar; - } - } - else { - if (isArray(b[i])) { - ar = []; - // if c's object is also an array we can keep its values. - if (isArray(c[i])) { - ar.push.apply(ar, c[i]); - } - ar.push.apply(ar, b[i]); - c[i] = ar; - } - else if (isObject(b[i])) { - // overwrite c's value with an object if it is not already one. - if (!isObject(c[i])) { - c[i] = {}; - } - for (var j in b[i]) { - c[i][j] = b[i][j]; - } - } - } - } - return c; - } - jsPlumbUtil.merge = merge; - function replace(inObj, path, value) { - if (inObj == null) { - return; - } - var q = inObj, t = q; - path.replace(/([^\.])+/g, function (term, lc, pos, str) { - var array = term.match(/([^\[0-9]+){1}(\[)([0-9+])/), last = pos + term.length >= str.length, _getArray = function () { - return t[array[1]] || (function () { - t[array[1]] = []; - return t[array[1]]; - })(); - }; - if (last) { - // set term = value on current t, creating term as array if necessary. - if (array) { - _getArray()[array[3]] = value; - } - else { - t[term] = value; - } - } - else { - // set to current t[term], creating t[term] if necessary. - if (array) { - var a_1 = _getArray(); - t = a_1[array[3]] || (function () { - a_1[array[3]] = {}; - return a_1[array[3]]; - })(); - } - else { - t = t[term] || (function () { - t[term] = {}; - return t[term]; - })(); - } - } - return ""; - }); - return inObj; - } - jsPlumbUtil.replace = replace; - // - // chain a list of functions, supplied by [ object, method name, args ], and return on the first - // one that returns the failValue. if none return the failValue, return the successValue. - // - function functionChain(successValue, failValue, fns) { - for (var i = 0; i < fns.length; i++) { - var o = fns[i][0][fns[i][1]].apply(fns[i][0], fns[i][2]); - if (o === failValue) { - return o; - } - } - return successValue; - } - jsPlumbUtil.functionChain = functionChain; - /** - * - * Take the given model and expand out any parameters. 'functionPrefix' is optional, and if present, helps jsplumb figure out what to do if a value is a Function. - * if you do not provide it (and doNotExpandFunctions is null, or false), jsplumb will run the given values through any functions it finds, and use the function's - * output as the value in the result. if you do provide the prefix, only functions that are named and have this prefix - * will be executed; other functions will be passed as values to the output. - * - * @param model - * @param values - * @param functionPrefix - * @param doNotExpandFunctions - * @returns {any} - */ - function populate(model, values, functionPrefix, doNotExpandFunctions) { - // for a string, see if it has parameter matches, and if so, try to make the substitutions. - var getValue = function (fromString) { - var matches = fromString.match(/(\${.*?})/g); - if (matches != null) { - for (var i = 0; i < matches.length; i++) { - var val = values[matches[i].substring(2, matches[i].length - 1)] || ""; - if (val != null) { - fromString = fromString.replace(matches[i], val); - } - } - } - return fromString; - }; - // process one entry. - var _one = function (d) { - if (d != null) { - if (isString(d)) { - return getValue(d); - } - else if (isFunction(d) && !doNotExpandFunctions && (functionPrefix == null || (d.name || "").indexOf(functionPrefix) === 0)) { - return d(values); - } - else if (isArray(d)) { - var r = []; - for (var i = 0; i < d.length; i++) { - r.push(_one(d[i])); - } - return r; - } - else if (isObject(d)) { - var s = {}; - for (var j in d) { - s[j] = _one(d[j]); - } - return s; - } - else { - return d; - } - } - }; - return _one(model); - } - jsPlumbUtil.populate = populate; - /** - * Find the index of a given object in an array. - * @param a The array to search - * @param f The function to run on each element. Return true if the element matches. - * @returns {number} -1 if not found, otherwise the index in the array. - */ - function findWithFunction(a, f) { - if (a) { - for (var i = 0; i < a.length; i++) { - if (f(a[i])) { - return i; - } - } - } - return -1; - } - jsPlumbUtil.findWithFunction = findWithFunction; - /** - * Remove some element from an array by matching each element in the array against some predicate function. Note that this - * is an in-place removal; the array is altered. - * @param a The array to search - * @param f The function to run on each element. Return true if the element matches. - * @returns {boolean} true if removed, false otherwise. - */ - function removeWithFunction(a, f) { - var idx = findWithFunction(a, f); - if (idx > -1) { - a.splice(idx, 1); - } - return idx !== -1; - } - jsPlumbUtil.removeWithFunction = removeWithFunction; - /** - * Remove some element from an array by simple lookup in the array for the given element. Note that this - * is an in-place removal; the array is altered. - * @param l The array to search - * @param v The value to remove. - * @returns {boolean} true if removed, false otherwise. - */ - function remove(l, v) { - var idx = l.indexOf(v); - if (idx > -1) { - l.splice(idx, 1); - } - return idx !== -1; - } - jsPlumbUtil.remove = remove; - /** - * Add some element to the given array, unless it is determined that it is already in the array. - * @param list The array to add the element to. - * @param item The item to add. - * @param hashFunction A function to use to determine if the given item already exists in the array. - */ - function addWithFunction(list, item, hashFunction) { - if (findWithFunction(list, hashFunction) === -1) { - list.push(item); - } - } - jsPlumbUtil.addWithFunction = addWithFunction; - /** - * Add some element to a list that is contained in a map of lists. - * @param map The map of [ key -> list ] entries - * @param key The name of the list to insert into - * @param value The value to insert - * @param insertAtStart Whether or not to insert at the start; defaults to false. - */ - function addToList(map, key, value, insertAtStart) { - var l = map[key]; - if (l == null) { - l = []; - map[key] = l; - } - l[insertAtStart ? "unshift" : "push"](value); - return l; - } - jsPlumbUtil.addToList = addToList; - /** - * Add an item to a list, unless it is already in the list. The test for pre-existence is a simple list lookup. - * If you want to do something more complex, perhaps #addWithFunction might help. - * @param list List to add the item to - * @param item Item to add - * @param insertAtHead Whether or not to insert at the start; defaults to false. - */ - function suggest(list, item, insertAtHead) { - if (list.indexOf(item) === -1) { - if (insertAtHead) { - list.unshift(item); - } - else { - list.push(item); - } - return true; - } - return false; - } - jsPlumbUtil.suggest = suggest; - /** - * Extends the given obj (which can be an array) with the given constructor function, prototype functions, and class members, any of which may be null. - * @param child - * @param parent - * @param _protoFn - */ - function extend(child, parent, _protoFn) { - var i; - parent = isArray(parent) ? parent : [parent]; - var _copyProtoChain = function (focus) { - var proto = focus.__proto__; - while (proto != null) { - if (proto.prototype != null) { - for (var j in proto.prototype) { - if (proto.prototype.hasOwnProperty(j) && !child.prototype.hasOwnProperty(j)) { - child.prototype[j] = proto.prototype[j]; - } - } - proto = proto.prototype.__proto__; - } - else { - proto = null; - } - } - }; - for (i = 0; i < parent.length; i++) { - for (var j in parent[i].prototype) { - if (parent[i].prototype.hasOwnProperty(j) && !child.prototype.hasOwnProperty(j)) { - child.prototype[j] = parent[i].prototype[j]; - } - } - _copyProtoChain(parent[i]); - } - var _makeFn = function (name, protoFn) { - return function () { - for (i = 0; i < parent.length; i++) { - if (parent[i].prototype[name]) { - parent[i].prototype[name].apply(this, arguments); - } - } - return protoFn.apply(this, arguments); - }; - }; - var _oneSet = function (fns) { - for (var k in fns) { - child.prototype[k] = _makeFn(k, fns[k]); - } - }; - if (arguments.length > 2) { - for (i = 2; i < arguments.length; i++) { - _oneSet(arguments[i]); - } - } - return child; - } - jsPlumbUtil.extend = extend; - /** - * Generate a UUID. - */ - function uuid() { - return ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { - var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8); - return v.toString(16); - })); - } - jsPlumbUtil.uuid = uuid; - /** - * Trim a string. - * @param s String to trim - * @returns the String with leading and trailing whitespace removed. - */ - function fastTrim(s) { - if (s == null) { - return null; - } - var str = s.replace(/^\s\s*/, ''), ws = /\s/, i = str.length; - while (ws.test(str.charAt(--i))) { - } - return str.slice(0, i + 1); - } - jsPlumbUtil.fastTrim = fastTrim; - function each(obj, fn) { - obj = obj.length == null || typeof obj === "string" ? [obj] : obj; - for (var i = 0; i < obj.length; i++) { - fn(obj[i]); - } - } - jsPlumbUtil.each = each; - function map(obj, fn) { - var o = []; - for (var i = 0; i < obj.length; i++) { - o.push(fn(obj[i])); - } - return o; - } - jsPlumbUtil.map = map; - function mergeWithParents(type, map, parentAttribute) { - parentAttribute = parentAttribute || "parent"; - var _def = function (id) { - return id ? map[id] : null; - }; - var _parent = function (def) { - return def ? _def(def[parentAttribute]) : null; - }; - var _one = function (parent, def) { - if (parent == null) { - return def; - } - else { - var overrides = ["anchor", "anchors", "cssClass", "connector", "paintStyle", "hoverPaintStyle", "endpoint", "endpoints"]; - if (def.mergeStrategy === "override") { - Array.prototype.push.apply(overrides, ["events", "overlays"]); - } - var d_1 = merge(parent, def, [], overrides); - return _one(_parent(parent), d_1); - } - }; - var _getDef = function (t) { - if (t == null) { - return {}; - } - if (typeof t === "string") { - return _def(t); - } - else if (t.length) { - var done = false, i = 0, _dd = void 0; - while (!done && i < t.length) { - _dd = _getDef(t[i]); - if (_dd) { - done = true; - } - else { - i++; - } - } - return _dd; - } - }; - var d = _getDef(type); - if (d) { - return _one(_parent(d), d); - } - else { - return {}; - } - } - jsPlumbUtil.mergeWithParents = mergeWithParents; - jsPlumbUtil.logEnabled = true; - function log() { - var args = []; - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - if (jsPlumbUtil.logEnabled && typeof console !== "undefined") { - try { - var msg = arguments[arguments.length - 1]; - console.log(msg); - } - catch (e) { - } - } - } - jsPlumbUtil.log = log; - /** - * Wraps one function with another, creating a placeholder for the - * wrapped function if it was null. this is used to wrap the various - * drag/drop event functions - to allow jsPlumb to be notified of - * important lifecycle events without imposing itself on the user's - * drag/drop functionality. - * @method jsPlumbUtil.wrap - * @param {Function} wrappedFunction original function to wrap; may be null. - * @param {Function} newFunction function to wrap the original with. - * @param {Object} [returnOnThisValue] Optional. Indicates that the wrappedFunction should - * not be executed if the newFunction returns a value matching 'returnOnThisValue'. - * note that this is a simple comparison and only works for primitives right now. - */ - function wrap(wrappedFunction, newFunction, returnOnThisValue) { - return function () { - var r = null; - try { - if (newFunction != null) { - r = newFunction.apply(this, arguments); - } - } - catch (e) { - log("jsPlumb function failed : " + e); - } - if ((wrappedFunction != null) && (returnOnThisValue == null || (r !== returnOnThisValue))) { - try { - r = wrappedFunction.apply(this, arguments); - } - catch (e) { - log("wrapped function failed : " + e); - } - } - return r; - }; - } - jsPlumbUtil.wrap = wrap; - var EventGenerator = /** @class */ (function () { - function EventGenerator() { - var _this = this; - this._listeners = {}; - this.eventsSuspended = false; - this.tick = false; - // this is a list of events that should re-throw any errors that occur during their dispatch. - this.eventsToDieOn = { "ready": true }; - this.queue = []; - this.bind = function (event, listener, insertAtStart) { - var _one = function (evt) { - addToList(_this._listeners, evt, listener, insertAtStart); - listener.__jsPlumb = listener.__jsPlumb || {}; - listener.__jsPlumb[uuid()] = evt; - }; - if (typeof event === "string") { - _one(event); - } - else if (event.length != null) { - for (var i = 0; i < event.length; i++) { - _one(event[i]); - } - } - return _this; - }; - this.fire = function (event, value, originalEvent) { - if (!this.tick) { - this.tick = true; - if (!this.eventsSuspended && this._listeners[event]) { - var l = this._listeners[event].length, i = 0, _gone = false, ret = null; - if (!this.shouldFireEvent || this.shouldFireEvent(event, value, originalEvent)) { - while (!_gone && i < l && ret !== false) { - // doing it this way rather than catching and then possibly re-throwing means that an error propagated by this - // method will have the whole call stack available in the debugger. - if (this.eventsToDieOn[event]) { - this._listeners[event][i].apply(this, [value, originalEvent]); - } - else { - try { - ret = this._listeners[event][i].apply(this, [value, originalEvent]); - } - catch (e) { - log("jsPlumb: fire failed for event " + event + " : " + e); - } - } - i++; - if (this._listeners == null || this._listeners[event] == null) { - _gone = true; - } - } - } - } - this.tick = false; - this._drain(); - } - else { - this.queue.unshift(arguments); - } - return this; - }; - this._drain = function () { - var n = _this.queue.pop(); - if (n) { - _this.fire.apply(_this, n); - } - }; - this.unbind = function (eventOrListener, listener) { - if (arguments.length === 0) { - this._listeners = {}; - } - else if (arguments.length === 1) { - if (typeof eventOrListener === "string") { - delete this._listeners[eventOrListener]; - } - else if (eventOrListener.__jsPlumb) { - var evt = void 0; - for (var i in eventOrListener.__jsPlumb) { - evt = eventOrListener.__jsPlumb[i]; - remove(this._listeners[evt] || [], eventOrListener); - } - } - } - else if (arguments.length === 2) { - remove(this._listeners[eventOrListener] || [], listener); - } - return this; - }; - this.getListener = function (forEvent) { - return _this._listeners[forEvent]; - }; - this.setSuspendEvents = function (val) { - _this.eventsSuspended = val; - }; - this.isSuspendEvents = function () { - return _this.eventsSuspended; - }; - this.silently = function (fn) { - _this.setSuspendEvents(true); - try { - fn(); - } - catch (e) { - log("Cannot execute silent function " + e); - } - _this.setSuspendEvents(false); - }; - this.cleanupListeners = function () { - for (var i in _this._listeners) { - _this._listeners[i] = null; - } - }; - } - return EventGenerator; - }()); - jsPlumbUtil.EventGenerator = EventGenerator; - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains utility functions that run in browsers only. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -;(function() { - - "use strict"; - - var root = this; - - root.jsPlumbUtil.matchesSelector = function(el, selector, ctx) { - ctx = ctx || el.parentNode; - var possibles = ctx.querySelectorAll(selector); - for (var i = 0; i < possibles.length; i++) { - if (possibles[i] === el) { - return true; - } - } - return false; - }; - - root.jsPlumbUtil.consume = function(e, doNotPreventDefault) { - if (e.stopPropagation) { - e.stopPropagation(); - } - else { - e.returnValue = false; - } - - if (!doNotPreventDefault && e.preventDefault){ - e.preventDefault(); - } - }; - - /* - * Function: sizeElement - * Helper to size and position an element. You would typically use - * this when writing your own Connector or Endpoint implementation. - * - * Parameters: - * x - [int] x position for the element origin - * y - [int] y position for the element origin - * w - [int] width of the element - * h - [int] height of the element - * - */ - root.jsPlumbUtil.sizeElement = function(el, x, y, w, h) { - if (el) { - el.style.height = h + "px"; - el.height = h; - el.style.width = w + "px"; - el.width = w; - el.style.left = x + "px"; - el.style.top = y + "px"; - } - }; - -}).call(typeof window !== 'undefined' ? window : this); - -;(function() { - - var DEFAULT_OPTIONS = { - deriveAnchor:function(edge, index, ep, conn) { - return { - top:["TopRight", "TopLeft"], - bottom:["BottomRight", "BottomLeft"] - }[edge][index]; - } - }; - - var root = this; - - var ListManager = function(jsPlumbInstance) { - - this.count = 0; - this.instance = jsPlumbInstance; - this.lists = {}; - - this.instance.addList = function(el, options) { - return this.listManager.addList(el, options); - }; - - this.instance.removeList = function(el) { - this.listManager.removeList(el); - }; - - this.instance.bind("manageElement", function(p) { - - //look for [jtk-scrollable-list] elements and attach scroll listeners if necessary - var scrollableLists = this.instance.getSelector(p.el, "[jtk-scrollable-list]"); - for (var i = 0; i < scrollableLists.length; i++) { - this.addList(scrollableLists[i]); - } - - }.bind(this)); - - this.instance.bind("unmanageElement", function(p) { - this.removeList(p.el); - }); - - - this.instance.bind("connection", function(c, evt) { - if (evt == null) { - // not added by mouse. look for an ancestor of the source and/or target element that is a scrollable list, and run - // its scroll method. - this._maybeUpdateParentList(c.source); - this._maybeUpdateParentList(c.target); - } - }.bind(this)); - }; - - root.jsPlumbListManager = ListManager; - - ListManager.prototype = { - - addList : function(el, options) { - var dp = this.instance.extend({}, DEFAULT_OPTIONS); - options = this.instance.extend(dp, options || {}); - var id = [this.instance.getInstanceIndex(), this.count++].join("_"); - this.lists[id] = new List(this.instance, el, options, id); - }, - - removeList:function(el) { - var list = this.lists[el._jsPlumbList]; - if (list) { - list.destroy(); - delete this.lists[el._jsPlumbList]; - } - }, - - _maybeUpdateParentList:function (el) { - var parent = el.parentNode, container = this.instance.getContainer(); - while(parent != null && parent !== container) { - if (parent._jsPlumbList != null && this.lists[parent._jsPlumbList] != null) { - parent._jsPlumbScrollHandler(); - return - } - parent = parent.parentNode; - } - } - - - }; - - var List = function(instance, el, options, id) { - - el["_jsPlumbList"] = id; - - // - // Derive an anchor to use for the current situation. In contrast to the way we derive an endpoint, here we use `anchor` from the options, if present, as - // our first choice, and then `deriveAnchor` as our next choice. There is a default `deriveAnchor` implementation that uses TopRight/TopLeft for top and - // BottomRight/BottomLeft for bottom. - // - // edge - "top" or "bottom" - // index - 0 when endpoint is connection source, 1 when endpoint is connection target - // ep - the endpoint that is being proxied - // conn - the connection that is being proxied - // - function deriveAnchor(edge, index, ep, conn) { - return options.anchor ? options.anchor : options.deriveAnchor(edge, index, ep, conn); - } - - // - // Derive an endpoint to use for the current situation. We'll use a `deriveEndpoint` function passed in to the options as our first choice, - // followed by `endpoint` (an endpoint spec) from the options, and failing either of those we just use the `type` of the endpoint that is being proxied. - // - // edge - "top" or "bottom" - // index - 0 when endpoint is connection source, 1 when endpoint is connection target - // endpoint - the endpoint that is being proxied - // connection - the connection that is being proxied - // - function deriveEndpoint(edge, index, ep, conn) { - return options.deriveEndpoint ? options.deriveEndpoint(edge, index, ep, conn) : options.endpoint ? options.endpoint : ep.type; - } - - // - // look for a parent of the given scrollable list that is draggable, and then update the child offsets for it. this should not - // be necessary in the delegated drag stuff from the upcoming 3.0.0 release. - // - function _maybeUpdateDraggable(el) { - var parent = el.parentNode, container = instance.getContainer(); - while(parent != null && parent !== container) { - if (instance.hasClass(parent, "jtk-managed")) { - instance.recalculateOffsets(parent); - return - } - parent = parent.parentNode; - } - } - - var scrollHandler = function(e) { - - var children = instance.getSelector(el, ".jtk-managed"); - var elId = instance.getId(el); - - for (var i = 0; i < children.length; i++) { - - if (children[i].offsetTop < el.scrollTop) { - if (!children[i]._jsPlumbProxies) { - children[i]._jsPlumbProxies = children[i]._jsPlumbProxies || []; - instance.select({source: children[i]}).each(function (c) { - - - instance.proxyConnection(c, 0, el, elId, function () { - return deriveEndpoint("top", 0, c.endpoints[0], c); - }, function () { - return deriveAnchor("top", 0, c.endpoints[0], c); - }); - children[i]._jsPlumbProxies.push([c, 0]); - }); - - instance.select({target: children[i]}).each(function (c) { - instance.proxyConnection(c, 1, el, elId, function () { - return deriveEndpoint("top", 1, c.endpoints[1], c); - }, function () { - return deriveAnchor("top", 1, c.endpoints[1], c); - }); - children[i]._jsPlumbProxies.push([c, 1]); - }); - } - } - // - else if (children[i].offsetTop > el.scrollTop + el.offsetHeight) { - if (!children[i]._jsPlumbProxies) { - children[i]._jsPlumbProxies = children[i]._jsPlumbProxies || []; - - instance.select({source: children[i]}).each(function (c) { - instance.proxyConnection(c, 0, el, elId, function () { - return deriveEndpoint("bottom", 0, c.endpoints[0], c); - }, function () { - return deriveAnchor("bottom", 0, c.endpoints[0], c); - }); - children[i]._jsPlumbProxies.push([c, 0]); - }); - - instance.select({target: children[i]}).each(function (c) { - instance.proxyConnection(c, 1, el, elId, function () { - return deriveEndpoint("bottom", 1, c.endpoints[1], c); - }, function () { - return deriveAnchor("bottom", 1, c.endpoints[1], c); - }); - children[i]._jsPlumbProxies.push([c, 1]); - }); - } - } else if (children[i]._jsPlumbProxies) { - for (var j = 0; j < children[i]._jsPlumbProxies.length; j++) { - instance.unproxyConnection(children[i]._jsPlumbProxies[j][0], children[i]._jsPlumbProxies[j][1], elId); - } - - delete children[i]._jsPlumbProxies; - } - - instance.revalidate(children[i]); - } - - _maybeUpdateDraggable(el); - }; - - instance.setAttribute(el, "jtk-scrollable-list", "true"); - el._jsPlumbScrollHandler = scrollHandler; - instance.on(el, "scroll", scrollHandler); - scrollHandler(); // run it once; there may be connections already. - - this.destroy = function() { - instance.off(el, "scroll", scrollHandler); - delete el._jsPlumbScrollHandler; - - var children = instance.getSelector(el, ".jtk-managed"); - var elId = instance.getId(el); - - for (var i = 0; i < children.length; i++) { - if (children[i]._jsPlumbProxies) { - for (var j = 0; j < children[i]._jsPlumbProxies.length; j++) { - instance.unproxyConnection(children[i]._jsPlumbProxies[j][0], children[i]._jsPlumbProxies[j][1], elId); - } - - delete children[i]._jsPlumbProxies; - } - } - }; - }; - - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the core code. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -;(function () { - - "use strict"; - - var root = this; - - var _ju = root.jsPlumbUtil, - - /** - * creates a timestamp, using milliseconds since 1970, but as a string. - */ - _timestamp = function () { - return "" + (new Date()).getTime(); - }, - - // helper method to update the hover style whenever it, or paintStyle, changes. - // we use paintStyle as the foundation and merge hoverPaintStyle over the - // top. - _updateHoverStyle = function (component) { - if (component._jsPlumb.paintStyle && component._jsPlumb.hoverPaintStyle) { - var mergedHoverStyle = {}; - jsPlumb.extend(mergedHoverStyle, component._jsPlumb.paintStyle); - jsPlumb.extend(mergedHoverStyle, component._jsPlumb.hoverPaintStyle); - delete component._jsPlumb.hoverPaintStyle; - // we want the fill of paintStyle to override a gradient, if possible. - if (mergedHoverStyle.gradient && component._jsPlumb.paintStyle.fill) { - delete mergedHoverStyle.gradient; - } - component._jsPlumb.hoverPaintStyle = mergedHoverStyle; - } - }, - events = ["tap", "dbltap", "click", "dblclick", "mouseover", "mouseout", "mousemove", "mousedown", "mouseup", "contextmenu" ], - eventFilters = { "mouseout": "mouseleave", "mouseexit": "mouseleave" }, - _updateAttachedElements = function (component, state, timestamp, sourceElement) { - var affectedElements = component.getAttachedElements(); - if (affectedElements) { - for (var i = 0, j = affectedElements.length; i < j; i++) { - if (!sourceElement || sourceElement !== affectedElements[i]) { - affectedElements[i].setHover(state, true, timestamp); // tell the attached elements not to inform their own attached elements. - } - } - } - }, - _splitType = function (t) { - return t == null ? null : t.split(" "); - }, - _mapType = function(map, obj, typeId) { - for (var i in obj) { - map[i] = typeId; - } - }, - _each = function(fn, obj) { - obj = _ju.isArray(obj) || (obj.length != null && !_ju.isString(obj)) ? obj : [ obj ]; - for (var i = 0; i < obj.length; i++) { - try { - fn.apply(obj[i], [ obj[i] ]); - } - catch (e) { - _ju.log(".each iteration failed : " + e); - } - } - }, - _applyTypes = function (component, params, doNotRepaint) { - if (component.getDefaultType) { - var td = component.getTypeDescriptor(), map = {}; - var defType = component.getDefaultType(); - var o = _ju.merge({}, defType); - _mapType(map, defType, "__default"); - for (var i = 0, j = component._jsPlumb.types.length; i < j; i++) { - var tid = component._jsPlumb.types[i]; - if (tid !== "__default") { - var _t = component._jsPlumb.instance.getType(tid, td); - if (_t != null) { - - var overrides = ["anchor", "anchors", "connector", "paintStyle", "hoverPaintStyle", "endpoint", "endpoints", "connectorOverlays", "connectorStyle", "connectorHoverStyle", "endpointStyle", "endpointHoverStyle"]; - var collations = [ ]; - - if (_t.mergeStrategy === "override") { - Array.prototype.push.apply(overrides, ["events", "overlays", "cssClass"]); - } else { - collations.push("cssClass"); - } - - o = _ju.merge(o, _t, collations, overrides); - _mapType(map, _t, tid); - } - } - } - - if (params) { - o = _ju.populate(o, params, "_"); - } - - component.applyType(o, doNotRepaint, map); - if (!doNotRepaint) { - component.repaint(); - } - } - }, - -// ------------------------------ BEGIN jsPlumbUIComponent -------------------------------------------- - - jsPlumbUIComponent = root.jsPlumbUIComponent = function (params) { - - _ju.EventGenerator.apply(this, arguments); - - var self = this, - a = arguments, - idPrefix = self.idPrefix, - id = idPrefix + (new Date()).getTime(); - - this._jsPlumb = { - instance: params._jsPlumb, - parameters: params.parameters || {}, - paintStyle: null, - hoverPaintStyle: null, - paintStyleInUse: null, - hover: false, - beforeDetach: params.beforeDetach, - beforeDrop: params.beforeDrop, - overlayPlacements: [], - hoverClass: params.hoverClass || params._jsPlumb.Defaults.HoverClass, - types: [], - typeCache:{} - }; - - this.cacheTypeItem = function(key, item, typeId) { - this._jsPlumb.typeCache[typeId] = this._jsPlumb.typeCache[typeId] || {}; - this._jsPlumb.typeCache[typeId][key] = item; - }; - this.getCachedTypeItem = function(key, typeId) { - return this._jsPlumb.typeCache[typeId] ? this._jsPlumb.typeCache[typeId][key] : null; - }; - - this.getId = function () { - return id; - }; - -// ----------------------------- default type -------------------------------------------- - - - var o = params.overlays || [], oo = {}; - if (this.defaultOverlayKeys) { - for (var i = 0; i < this.defaultOverlayKeys.length; i++) { - Array.prototype.push.apply(o, this._jsPlumb.instance.Defaults[this.defaultOverlayKeys[i]] || []); - } - - for (i = 0; i < o.length; i++) { - // if a string, convert to object representation so that we can store the typeid on it. - // also assign an id. - var fo = jsPlumb.convertToFullOverlaySpec(o[i]); - oo[fo[1].id] = fo; - } - } - - var _defaultType = { - overlays:oo, - parameters: params.parameters || {}, - scope: params.scope || this._jsPlumb.instance.getDefaultScope() - }; - this.getDefaultType = function() { - return _defaultType; - }; - this.appendToDefaultType = function(obj) { - for (var i in obj) { - _defaultType[i] = obj[i]; - } - }; - -// ----------------------------- end default type -------------------------------------------- - - // all components can generate events - - if (params.events) { - for (var evtName in params.events) { - self.bind(evtName, params.events[evtName]); - } - } - - // all components get this clone function. - // TODO issue 116 showed a problem with this - it seems 'a' that is in - // the clone function's scope is shared by all invocations of it, the classic - // JS closure problem. for now, jsPlumb does a version of this inline where - // it used to call clone. but it would be nice to find some time to look - // further at this. - this.clone = function () { - var o = Object.create(this.constructor.prototype); - this.constructor.apply(o, a); - return o; - }.bind(this); - - // user can supply a beforeDetach callback, which will be executed before a detach - // is performed; returning false prevents the detach. - this.isDetachAllowed = function (connection) { - var r = true; - if (this._jsPlumb.beforeDetach) { - try { - r = this._jsPlumb.beforeDetach(connection); - } - catch (e) { - _ju.log("jsPlumb: beforeDetach callback failed", e); - } - } - return r; - }; - - // user can supply a beforeDrop callback, which will be executed before a dropped - // connection is confirmed. user can return false to reject connection. - this.isDropAllowed = function (sourceId, targetId, scope, connection, dropEndpoint, source, target) { - var r = this._jsPlumb.instance.checkCondition("beforeDrop", { - sourceId: sourceId, - targetId: targetId, - scope: scope, - connection: connection, - dropEndpoint: dropEndpoint, - source: source, target: target - }); - if (this._jsPlumb.beforeDrop) { - try { - r = this._jsPlumb.beforeDrop({ - sourceId: sourceId, - targetId: targetId, - scope: scope, - connection: connection, - dropEndpoint: dropEndpoint, - source: source, target: target - }); - } - catch (e) { - _ju.log("jsPlumb: beforeDrop callback failed", e); - } - } - return r; - }; - - var domListeners = []; - - // sets the component associated with listener events. for instance, an overlay delegates - // its events back to a connector. but if the connector is swapped on the underlying connection, - // then this component must be changed. This is called by setConnector in the Connection class. - this.setListenerComponent = function (c) { - for (var i = 0; i < domListeners.length; i++) { - domListeners[i][3] = c; - } - }; - - - }; - - var _removeTypeCssHelper = function (component, typeIndex) { - var typeId = component._jsPlumb.types[typeIndex], - type = component._jsPlumb.instance.getType(typeId, component.getTypeDescriptor()); - - if (type != null && type.cssClass && component.canvas) { - component._jsPlumb.instance.removeClass(component.canvas, type.cssClass); - } - }; - - _ju.extend(root.jsPlumbUIComponent, _ju.EventGenerator, { - - getParameter: function (name) { - return this._jsPlumb.parameters[name]; - }, - - setParameter: function (name, value) { - this._jsPlumb.parameters[name] = value; - }, - - getParameters: function () { - return this._jsPlumb.parameters; - }, - - setParameters: function (p) { - this._jsPlumb.parameters = p; - }, - - getClass:function() { - return jsPlumb.getClass(this.canvas); - }, - - hasClass:function(clazz) { - return jsPlumb.hasClass(this.canvas, clazz); - }, - - addClass: function (clazz) { - jsPlumb.addClass(this.canvas, clazz); - }, - - removeClass: function (clazz) { - jsPlumb.removeClass(this.canvas, clazz); - }, - - updateClasses: function (classesToAdd, classesToRemove) { - jsPlumb.updateClasses(this.canvas, classesToAdd, classesToRemove); - }, - - setType: function (typeId, params, doNotRepaint) { - this.clearTypes(); - this._jsPlumb.types = _splitType(typeId) || []; - _applyTypes(this, params, doNotRepaint); - }, - - getType: function () { - return this._jsPlumb.types; - }, - - reapplyTypes: function (params, doNotRepaint) { - _applyTypes(this, params, doNotRepaint); - }, - - hasType: function (typeId) { - return this._jsPlumb.types.indexOf(typeId) !== -1; - }, - - addType: function (typeId, params, doNotRepaint) { - var t = _splitType(typeId), _cont = false; - if (t != null) { - for (var i = 0, j = t.length; i < j; i++) { - if (!this.hasType(t[i])) { - this._jsPlumb.types.push(t[i]); - _cont = true; - } - } - if (_cont) { - _applyTypes(this, params, doNotRepaint); - } - } - }, - - removeType: function (typeId, params, doNotRepaint) { - var t = _splitType(typeId), _cont = false, _one = function (tt) { - var idx = this._jsPlumb.types.indexOf(tt); - if (idx !== -1) { - // remove css class if necessary - _removeTypeCssHelper(this, idx); - this._jsPlumb.types.splice(idx, 1); - return true; - } - return false; - }.bind(this); - - if (t != null) { - for (var i = 0, j = t.length; i < j; i++) { - _cont = _one(t[i]) || _cont; - } - if (_cont) { - _applyTypes(this, params, doNotRepaint); - } - } - }, - clearTypes: function (params, doNotRepaint) { - var i = this._jsPlumb.types.length; - for (var j = 0; j < i; j++) { - _removeTypeCssHelper(this, 0); - this._jsPlumb.types.splice(0, 1); - } - _applyTypes(this, params, doNotRepaint); - }, - - toggleType: function (typeId, params, doNotRepaint) { - var t = _splitType(typeId); - if (t != null) { - for (var i = 0, j = t.length; i < j; i++) { - var idx = this._jsPlumb.types.indexOf(t[i]); - if (idx !== -1) { - _removeTypeCssHelper(this, idx); - this._jsPlumb.types.splice(idx, 1); - } - else { - this._jsPlumb.types.push(t[i]); - } - } - - _applyTypes(this, params, doNotRepaint); - } - }, - applyType: function (t, doNotRepaint) { - this.setPaintStyle(t.paintStyle, doNotRepaint); - this.setHoverPaintStyle(t.hoverPaintStyle, doNotRepaint); - if (t.parameters) { - for (var i in t.parameters) { - this.setParameter(i, t.parameters[i]); - } - } - this._jsPlumb.paintStyleInUse = this.getPaintStyle(); - }, - setPaintStyle: function (style, doNotRepaint) { - // this._jsPlumb.paintStyle = jsPlumb.extend({}, style); - // TODO figure out if we want components to clone paintStyle so as not to share it. - this._jsPlumb.paintStyle = style; - this._jsPlumb.paintStyleInUse = this._jsPlumb.paintStyle; - _updateHoverStyle(this); - if (!doNotRepaint) { - this.repaint(); - } - }, - getPaintStyle: function () { - return this._jsPlumb.paintStyle; - }, - setHoverPaintStyle: function (style, doNotRepaint) { - //this._jsPlumb.hoverPaintStyle = jsPlumb.extend({}, style); - // TODO figure out if we want components to clone paintStyle so as not to share it. - this._jsPlumb.hoverPaintStyle = style; - _updateHoverStyle(this); - if (!doNotRepaint) { - this.repaint(); - } - }, - getHoverPaintStyle: function () { - return this._jsPlumb.hoverPaintStyle; - }, - destroy: function (force) { - if (force || this.typeId == null) { - this.cleanupListeners(); // this is on EventGenerator - this.clone = null; - this._jsPlumb = null; - } - }, - - isHover: function () { - return this._jsPlumb.hover; - }, - - setHover: function (hover, ignoreAttachedElements, timestamp) { - // while dragging, we ignore these events. this keeps the UI from flashing and - // swishing and whatevering. - if (this._jsPlumb && !this._jsPlumb.instance.currentlyDragging && !this._jsPlumb.instance.isHoverSuspended()) { - - this._jsPlumb.hover = hover; - var method = hover ? "addClass" : "removeClass"; - - if (this.canvas != null) { - if (this._jsPlumb.instance.hoverClass != null) { - this._jsPlumb.instance[method](this.canvas, this._jsPlumb.instance.hoverClass); - } - if (this._jsPlumb.hoverClass != null) { - this._jsPlumb.instance[method](this.canvas, this._jsPlumb.hoverClass); - } - } - if (this._jsPlumb.hoverPaintStyle != null) { - this._jsPlumb.paintStyleInUse = hover ? this._jsPlumb.hoverPaintStyle : this._jsPlumb.paintStyle; - if (!this._jsPlumb.instance.isSuspendDrawing()) { - timestamp = timestamp || _timestamp(); - this.repaint({timestamp: timestamp, recalc: false}); - } - } - // get the list of other affected elements, if supported by this component. - // for a connection, its the endpoints. for an endpoint, its the connections! surprise. - if (this.getAttachedElements && !ignoreAttachedElements) { - _updateAttachedElements(this, hover, _timestamp(), this); - } - } - } - }); - -// ------------------------------ END jsPlumbUIComponent -------------------------------------------- - - var _jsPlumbInstanceIndex = 0, - getInstanceIndex = function () { - var i = _jsPlumbInstanceIndex + 1; - _jsPlumbInstanceIndex++; - return i; - }; - - var jsPlumbInstance = root.jsPlumbInstance = function (_defaults) { - - this.version = "2.12.6"; - - this.Defaults = { - Anchor: "Bottom", - Anchors: [ null, null ], - ConnectionsDetachable: true, - ConnectionOverlays: [ ], - Connector: "Bezier", - Container: null, - DoNotThrowErrors: false, - DragOptions: { }, - DropOptions: { }, - Endpoint: "Dot", - EndpointOverlays: [ ], - Endpoints: [ null, null ], - EndpointStyle: { fill: "#456" }, - EndpointStyles: [ null, null ], - EndpointHoverStyle: null, - EndpointHoverStyles: [ null, null ], - HoverPaintStyle: null, - LabelStyle: { color: "black" }, - LogEnabled: false, - Overlays: [ ], - MaxConnections: 1, - PaintStyle: { "stroke-width": 4, stroke: "#456" }, - ReattachConnections: false, - RenderMode: "svg", - Scope: "jsPlumb_DefaultScope" - }; - - if (_defaults) { - jsPlumb.extend(this.Defaults, _defaults); - } - - this.logEnabled = this.Defaults.LogEnabled; - this._connectionTypes = {}; - this._endpointTypes = {}; - - _ju.EventGenerator.apply(this); - - var _currentInstance = this, - _instanceIndex = getInstanceIndex(), - _bb = _currentInstance.bind, - _initialDefaults = {}, - _zoom = 1, - _info = function (el) { - if (el == null) { - return null; - } - else if (el.nodeType === 3 || el.nodeType === 8) { - return { el:el, text:true }; - } - else { - var _el = _currentInstance.getElement(el); - return { el: _el, id: (_ju.isString(el) && _el == null) ? el : _getId(_el) }; - } - }; - - this.getInstanceIndex = function () { - return _instanceIndex; - }; - - // CONVERTED - this.setZoom = function (z, repaintEverything) { - _zoom = z; - _currentInstance.fire("zoom", _zoom); - if (repaintEverything) { - _currentInstance.repaintEverything(); - } - return true; - }; - // CONVERTED - this.getZoom = function () { - return _zoom; - }; - - for (var i in this.Defaults) { - _initialDefaults[i] = this.Defaults[i]; - } - - var _container, _containerDelegations = []; - this.unbindContainer = function() { - if (_container != null && _containerDelegations.length > 0) { - for (var i = 0; i < _containerDelegations.length; i++) { - _currentInstance.off(_container, _containerDelegations[i][0], _containerDelegations[i][1]); - } - } - }; - this.setContainer = function (c) { - - this.unbindContainer(); - - // get container as dom element. - c = this.getElement(c); - // move existing connections and endpoints, if any. - this.select().each(function (conn) { - conn.moveParent(c); - }); - this.selectEndpoints().each(function (ep) { - ep.moveParent(c); - }); - - // set container. - var previousContainer = _container; - _container = c; - _containerDelegations.length = 0; - var eventAliases = { - "endpointclick":"endpointClick", - "endpointdblclick":"endpointDblClick" - }; - - var _oneDelegateHandler = function (id, e, componentType) { - var t = e.srcElement || e.target, - jp = (t && t.parentNode ? t.parentNode._jsPlumb : null) || (t ? t._jsPlumb : null) || (t && t.parentNode && t.parentNode.parentNode ? t.parentNode.parentNode._jsPlumb : null); - if (jp) { - jp.fire(id, jp, e); - var alias = componentType ? eventAliases[componentType + id] || id : id; - // jsplumb also fires every event coming from components/overlays. That's what the test for `jp.component` is for. - _currentInstance.fire(alias, jp.component || jp, e); - } - }; - - var _addOneDelegate = function(eventId, selector, fn) { - _containerDelegations.push([eventId, fn]); - _currentInstance.on(_container, eventId, selector, fn); - }; - - // delegate one event on the container to jsplumb elements. it might be possible to - // abstract this out: each of endpoint, connection and overlay could register themselves with - // jsplumb as "component types" or whatever, and provide a suitable selector. this would be - // done by the renderer (although admittedly from 2.0 onwards we're not supporting vml anymore) - var _oneDelegate = function (id) { - // connections. - _addOneDelegate(id, ".jtk-connector", function (e) { - _oneDelegateHandler(id, e); - }); - // endpoints. note they can have an enclosing div, or not. - _addOneDelegate(id, ".jtk-endpoint", function (e) { - _oneDelegateHandler(id, e, "endpoint"); - }); - // overlays - _addOneDelegate(id, ".jtk-overlay", function (e) { - _oneDelegateHandler(id, e); - }); - }; - - for (var i = 0; i < events.length; i++) { - _oneDelegate(events[i]); - } - - // managed elements - for (var elId in managedElements) { - var el = managedElements[elId].el; - if (el.parentNode === previousContainer) { - previousContainer.removeChild(el); - _container.appendChild(el); - } - } - - }; - this.getContainer = function () { - return _container; - }; - - this.bind = function (event, fn) { - if ("ready" === event && initialized) { - fn(); - } - else { - _bb.apply(_currentInstance, [event, fn]); - } - }; - - _currentInstance.importDefaults = function (d) { - for (var i in d) { - _currentInstance.Defaults[i] = d[i]; - } - if (d.Container) { - _currentInstance.setContainer(d.Container); - } - - return _currentInstance; - }; - - _currentInstance.restoreDefaults = function () { - _currentInstance.Defaults = jsPlumb.extend({}, _initialDefaults); - return _currentInstance; - }; - - var log = null, - initialized = false, - // TODO remove from window scope - connections = [], - // map of element id -> endpoint lists. an element can have an arbitrary - // number of endpoints on it, and not all of them have to be connected - // to anything. - endpointsByElement = {}, - endpointsByUUID = {}, - managedElements = {}, - offsets = {}, - offsetTimestamps = {}, - draggableStates = {}, - connectionBeingDragged = false, - sizes = [], - _suspendDrawing = false, - _suspendedAt = null, - DEFAULT_SCOPE = this.Defaults.Scope, - _curIdStamp = 1, - _idstamp = function () { - return "" + _curIdStamp++; - }, - - // - // appends an element to some other element, which is calculated as follows: - // - // 1. if Container exists, use that element. - // 2. if the 'parent' parameter exists, use that. - // 3. otherwise just use the root element. - // - // - _appendElement = function (el, parent) { - if (_container) { - _container.appendChild(el); - } - else if (!parent) { - this.appendToRoot(el); - } - else { - this.getElement(parent).appendChild(el); - } - }.bind(this), - - // - // Draws an endpoint and its connections. this is the main entry point into drawing connections as well - // as endpoints, since jsPlumb is endpoint-centric under the hood. - // - // @param element element to draw (of type library specific element object) - // @param ui UI object from current library's event system. optional. - // @param timestamp timestamp for this paint cycle. used to speed things up a little by cutting down the amount of offset calculations we do. - // @param clearEdits defaults to false; indicates that mouse edits for connectors should be cleared - /// - _draw = function (element, ui, timestamp, clearEdits) { - - if (!_suspendDrawing) { - var id = _getId(element), - repaintEls, - dm = _currentInstance.getDragManager(); - - if (dm) { - repaintEls = dm.getElementsForDraggable(id); - } - - if (timestamp == null) { - timestamp = _timestamp(); - } - - // update the offset of everything _before_ we try to draw anything. - var o = _updateOffset({ elId: id, offset: ui, recalc: false, timestamp: timestamp }); - - if (repaintEls && o && o.o) { - for (var i in repaintEls) { - _updateOffset({ - elId: repaintEls[i].id, - offset: { - left: o.o.left + repaintEls[i].offset.left, - top: o.o.top + repaintEls[i].offset.top - }, - recalc: false, - timestamp: timestamp - }); - } - } - - _currentInstance.anchorManager.redraw(id, ui, timestamp, null, clearEdits); - - if (repaintEls) { - for (var j in repaintEls) { - _currentInstance.anchorManager.redraw(repaintEls[j].id, ui, timestamp, repaintEls[j].offset, clearEdits, true); - } - } - } - }, - - // - // gets an Endpoint by uuid. - // - _getEndpoint = function (uuid) { - return endpointsByUUID[uuid]; - }, - - /** - * inits a draggable if it's not already initialised. - * TODO: somehow abstract this to the adapter, because the concept of "draggable" has no - * place on the server. - */ - - - _scopeMatch = function (e1, e2) { - var s1 = e1.scope.split(/\s/), s2 = e2.scope.split(/\s/); - for (var i = 0; i < s1.length; i++) { - for (var j = 0; j < s2.length; j++) { - if (s2[j] === s1[i]) { - return true; - } - } - } - - return false; - }, - - _mergeOverrides = function (def, values) { - var m = jsPlumb.extend({}, def); - for (var i in values) { - if (values[i]) { - m[i] = values[i]; - } - } - return m; - }, - - /* - * prepares a final params object that can be passed to _newConnection, taking into account defaults, events, etc. - */ - _prepareConnectionParams = function (params, referenceParams) { - var _p = jsPlumb.extend({ }, params); - if (referenceParams) { - jsPlumb.extend(_p, referenceParams); - } - - // hotwire endpoints passed as source or target to sourceEndpoint/targetEndpoint, respectively. - if (_p.source) { - if (_p.source.endpoint) { - _p.sourceEndpoint = _p.source; - } - else { - _p.source = _currentInstance.getElement(_p.source); - } - } - if (_p.target) { - if (_p.target.endpoint) { - _p.targetEndpoint = _p.target; - } - else { - _p.target = _currentInstance.getElement(_p.target); - } - } - - // test for endpoint uuids to connect - if (params.uuids) { - _p.sourceEndpoint = _getEndpoint(params.uuids[0]); - _p.targetEndpoint = _getEndpoint(params.uuids[1]); - } - - // now ensure that if we do have Endpoints already, they're not full. - // source: - if (_p.sourceEndpoint && _p.sourceEndpoint.isFull()) { - _ju.log(_currentInstance, "could not add connection; source endpoint is full"); - return; - } - - // target: - if (_p.targetEndpoint && _p.targetEndpoint.isFull()) { - _ju.log(_currentInstance, "could not add connection; target endpoint is full"); - return; - } - - // if source endpoint mandates connection type and nothing specified in our params, use it. - if (!_p.type && _p.sourceEndpoint) { - _p.type = _p.sourceEndpoint.connectionType; - } - - // copy in any connectorOverlays that were specified on the source endpoint. - // it doesnt copy target endpoint overlays. i'm not sure if we want it to or not. - if (_p.sourceEndpoint && _p.sourceEndpoint.connectorOverlays) { - _p.overlays = _p.overlays || []; - for (var i = 0, j = _p.sourceEndpoint.connectorOverlays.length; i < j; i++) { - _p.overlays.push(_p.sourceEndpoint.connectorOverlays[i]); - } - } - - // scope - if (_p.sourceEndpoint && _p.sourceEndpoint.scope) { - _p.scope = _p.sourceEndpoint.scope; - } - - // pointer events - if (!_p["pointer-events"] && _p.sourceEndpoint && _p.sourceEndpoint.connectorPointerEvents) { - _p["pointer-events"] = _p.sourceEndpoint.connectorPointerEvents; - } - - - var _addEndpoint = function (el, def, idx) { - var params = _mergeOverrides(def, { - anchor: _p.anchors ? _p.anchors[idx] : _p.anchor, - endpoint: _p.endpoints ? _p.endpoints[idx] : _p.endpoint, - paintStyle: _p.endpointStyles ? _p.endpointStyles[idx] : _p.endpointStyle, - hoverPaintStyle: _p.endpointHoverStyles ? _p.endpointHoverStyles[idx] : _p.endpointHoverStyle - }); - return _currentInstance.addEndpoint(el, params); - }; - - // check for makeSource/makeTarget specs. - - var _oneElementDef = function (type, idx, defs, matchType) { - if (_p[type] && !_p[type].endpoint && !_p[type + "Endpoint"] && !_p.newConnection) { - var tid = _getId(_p[type]), tep = defs[tid]; - - tep = tep ? tep[matchType] : null; - - if (tep) { - // if not enabled, return. - if (!tep.enabled) { - return false; - } - - var epDef = jsPlumb.extend({}, tep.def); - delete epDef.label; - - var newEndpoint = tep.endpoint != null && tep.endpoint._jsPlumb ? tep.endpoint : _addEndpoint(_p[type], epDef, idx); - if (newEndpoint.isFull()) { - return false; - } - _p[type + "Endpoint"] = newEndpoint; - if (!_p.scope && epDef.scope) { - _p.scope = epDef.scope; - } // provide scope if not already provided and endpoint def has one. - if (tep.uniqueEndpoint) { - if (!tep.endpoint) { - tep.endpoint = newEndpoint; - newEndpoint.setDeleteOnEmpty(false); - } - else { - newEndpoint.finalEndpoint = tep.endpoint; - } - } else { - newEndpoint.setDeleteOnEmpty(true); - } - - // - // copy in connector overlays if present on the source definition. - // - if (idx === 0 && tep.def.connectorOverlays) { - _p.overlays = _p.overlays || []; - Array.prototype.push.apply(_p.overlays, tep.def.connectorOverlays); - } - } - } - }; - - if (_oneElementDef("source", 0, this.sourceEndpointDefinitions, _p.type || "default") === false) { - return; - } - if (_oneElementDef("target", 1, this.targetEndpointDefinitions, _p.type || "default") === false) { - return; - } - - // last, ensure scopes match - if (_p.sourceEndpoint && _p.targetEndpoint) { - if (!_scopeMatch(_p.sourceEndpoint, _p.targetEndpoint)) { - _p = null; - } - } - - return _p; - }.bind(_currentInstance), - - _newConnection = function (params) { - var connectionFunc = _currentInstance.Defaults.ConnectionType || _currentInstance.getDefaultConnectionType(); - - params._jsPlumb = _currentInstance; - params.newConnection = _newConnection; - params.newEndpoint = _newEndpoint; - params.endpointsByUUID = endpointsByUUID; - params.endpointsByElement = endpointsByElement; - params.finaliseConnection = _finaliseConnection; - params.id = "con_" + _idstamp(); - var con = new connectionFunc(params); - - // if the connection is draggable, then maybe we need to tell the target endpoint to init the - // dragging code. it won't run again if it already configured to be draggable. - if (con.isDetachable()) { - con.endpoints[0].initDraggable("_jsPlumbSource"); - con.endpoints[1].initDraggable("_jsPlumbTarget"); - } - - return con; - }, - - // - // adds the connection to the backing model, fires an event if necessary and then redraws - // - _finaliseConnection = _currentInstance.finaliseConnection = function (jpc, params, originalEvent, doInformAnchorManager) { - params = params || {}; - // add to list of connections (by scope). - if (!jpc.suspendedEndpoint) { - connections.push(jpc); - } - - jpc.pending = null; - - // turn off isTemporarySource on the source endpoint (only viable on first draw) - jpc.endpoints[0].isTemporarySource = false; - - // always inform the anchor manager - // except that if jpc has a suspended endpoint it's not true to say the - // connection is new; it has just (possibly) moved. the question is whether - // to make that call here or in the anchor manager. i think perhaps here. - if (doInformAnchorManager !== false) { - _currentInstance.anchorManager.newConnection(jpc); - } - - // force a paint - _draw(jpc.source); - - // fire an event - if (!params.doNotFireConnectionEvent && params.fireEvent !== false) { - - var eventArgs = { - connection: jpc, - source: jpc.source, target: jpc.target, - sourceId: jpc.sourceId, targetId: jpc.targetId, - sourceEndpoint: jpc.endpoints[0], targetEndpoint: jpc.endpoints[1] - }; - - _currentInstance.fire("connection", eventArgs, originalEvent); - } - }, - - /* - factory method to prepare a new endpoint. this should always be used instead of creating Endpoints - manually, since this method attaches event listeners and an id. - */ - _newEndpoint = function (params, id) { - var endpointFunc = _currentInstance.Defaults.EndpointType || jsPlumb.Endpoint; - var _p = jsPlumb.extend({}, params); - //delete _p.label; // not supported by endpoint. - _p._jsPlumb = _currentInstance; - _p.newConnection = _newConnection; - _p.newEndpoint = _newEndpoint; - _p.endpointsByUUID = endpointsByUUID; - _p.endpointsByElement = endpointsByElement; - _p.fireDetachEvent = fireDetachEvent; - _p.elementId = id || _getId(_p.source); - var ep = new endpointFunc(_p); - ep.id = "ep_" + _idstamp(); - _manage(_p.elementId, _p.source); - - if (!jsPlumb.headless) { - _currentInstance.getDragManager().endpointAdded(_p.source, id); - } - - return ep; - }, - - /* - * performs the given function operation on all the connections found - * for the given element id; this means we find all the endpoints for - * the given element, and then for each endpoint find the connectors - * connected to it. then we pass each connection in to the given - * function. - */ - _operation = function (elId, func, endpointFunc) { - var endpoints = endpointsByElement[elId]; - if (endpoints && endpoints.length) { - for (var i = 0, ii = endpoints.length; i < ii; i++) { - for (var j = 0, jj = endpoints[i].connections.length; j < jj; j++) { - var retVal = func(endpoints[i].connections[j]); - // if the function passed in returns true, we exit. - // most functions return false. - if (retVal) { - return; - } - } - if (endpointFunc) { - endpointFunc(endpoints[i]); - } - } - } - }, - - _setDraggable = function (element, draggable) { - return jsPlumb.each(element, function (el) { - if (_currentInstance.isDragSupported(el)) { - draggableStates[_currentInstance.getAttribute(el, "id")] = draggable; - _currentInstance.setElementDraggable(el, draggable); - } - }); - }, - /* - * private method to do the business of hiding/showing. - * - * @param el - * either Id of the element in question or a library specific - * object for the element. - * @param state - * String specifying a value for the css 'display' property - * ('block' or 'none'). - */ - _setVisible = function (el, state, alsoChangeEndpoints) { - state = state === "block"; - var endpointFunc = null; - if (alsoChangeEndpoints) { - endpointFunc = function (ep) { - ep.setVisible(state, true, true); - }; - } - var info = _info(el); - _operation(info.id, function (jpc) { - if (state && alsoChangeEndpoints) { - // this test is necessary because this functionality is new, and i wanted to maintain backwards compatibility. - // this block will only set a connection to be visible if the other endpoint in the connection is also visible. - var oidx = jpc.sourceId === info.id ? 1 : 0; - if (jpc.endpoints[oidx].isVisible()) { - jpc.setVisible(true); - } - } - else { // the default behaviour for show, and what always happens for hide, is to just set the visibility without getting clever. - jpc.setVisible(state); - } - }, endpointFunc); - }, - /** - * private method to do the business of toggling hiding/showing. - */ - _toggleVisible = function (elId, changeEndpoints) { - var endpointFunc = null; - if (changeEndpoints) { - endpointFunc = function (ep) { - var state = ep.isVisible(); - ep.setVisible(!state); - }; - } - _operation(elId, function (jpc) { - var state = jpc.isVisible(); - jpc.setVisible(!state); - }, endpointFunc); - }, - - // TODO comparison performance - _getCachedData = function (elId) { - var o = offsets[elId]; - if (!o) { - return _updateOffset({elId: elId}); - } - else { - return {o: o, s: sizes[elId]}; - } - }, - - /** - * gets an id for the given element, creating and setting one if - * necessary. the id is of the form - * - * jsPlumb__ - * - * where "index in instance" is a monotonically increasing integer that starts at 0, - * for each instance. this method is used not only to assign ids to elements that do not - * have them but also to connections and endpoints. - */ - _getId = function (element, uuid, doNotCreateIfNotFound) { - if (_ju.isString(element)) { - return element; - } - if (element == null) { - return null; - } - var id = _currentInstance.getAttribute(element, "id"); - if (!id || id === "undefined") { - // check if fixed uuid parameter is given - if (arguments.length === 2 && arguments[1] !== undefined) { - id = uuid; - } - else if (arguments.length === 1 || (arguments.length === 3 && !arguments[2])) { - id = "jsPlumb_" + _instanceIndex + "_" + _idstamp(); - } - - if (!doNotCreateIfNotFound) { - _currentInstance.setAttribute(element, "id", id); - } - } - return id; - }; - - this.setConnectionBeingDragged = function (v) { - connectionBeingDragged = v; - }; - this.isConnectionBeingDragged = function () { - return connectionBeingDragged; - }; - - /** - * Returns a map of all the elements this jsPlumbInstance is currently managing. - * @returns {Object} Map of [id-> {el, endpoint[], connection, position}] information. - */ - this.getManagedElements = function() { - return managedElements; - }; - - this.connectorClass = "jtk-connector"; - this.connectorOutlineClass = "jtk-connector-outline"; - this.connectedClass = "jtk-connected"; - this.hoverClass = "jtk-hover"; - this.endpointClass = "jtk-endpoint"; - this.endpointConnectedClass = "jtk-endpoint-connected"; - this.endpointFullClass = "jtk-endpoint-full"; - this.endpointDropAllowedClass = "jtk-endpoint-drop-allowed"; - this.endpointDropForbiddenClass = "jtk-endpoint-drop-forbidden"; - this.overlayClass = "jtk-overlay"; - this.draggingClass = "jtk-dragging";// CONVERTED - this.elementDraggingClass = "jtk-element-dragging";// CONVERTED - this.sourceElementDraggingClass = "jtk-source-element-dragging"; // CONVERTED - this.targetElementDraggingClass = "jtk-target-element-dragging";// CONVERTED - this.endpointAnchorClassPrefix = "jtk-endpoint-anchor"; - this.hoverSourceClass = "jtk-source-hover"; - this.hoverTargetClass = "jtk-target-hover"; - this.dragSelectClass = "jtk-drag-select"; - - this.Anchors = {}; - this.Connectors = { "svg": {} }; - this.Endpoints = { "svg": {} }; - this.Overlays = { "svg": {} } ; - this.ConnectorRenderers = {}; - this.SVG = "svg"; - -// --------------------------- jsPlumbInstance public API --------------------------------------------------------- - - - this.addEndpoint = function (el, params, referenceParams) { - referenceParams = referenceParams || {}; - var p = jsPlumb.extend({}, referenceParams); - jsPlumb.extend(p, params); - p.endpoint = p.endpoint || _currentInstance.Defaults.Endpoint; - p.paintStyle = p.paintStyle || _currentInstance.Defaults.EndpointStyle; - - var results = [], - inputs = (_ju.isArray(el) || (el.length != null && !_ju.isString(el))) ? el : [ el ]; - - for (var i = 0, j = inputs.length; i < j; i++) { - p.source = _currentInstance.getElement(inputs[i]); - _ensureContainer(p.source); - - var id = _getId(p.source), e = _newEndpoint(p, id); - - // ensure element is managed. - var myOffset = _manage(id, p.source).info.o; - _ju.addToList(endpointsByElement, id, e); - - if (!_suspendDrawing) { - e.paint({ - anchorLoc: e.anchor.compute({ xy: [ myOffset.left, myOffset.top ], wh: sizes[id], element: e, timestamp: _suspendedAt }), - timestamp: _suspendedAt - }); - } - - results.push(e); - } - - return results.length === 1 ? results[0] : results; - }; - - this.addEndpoints = function (el, endpoints, referenceParams) { - var results = []; - for (var i = 0, j = endpoints.length; i < j; i++) { - var e = _currentInstance.addEndpoint(el, endpoints[i], referenceParams); - if (_ju.isArray(e)) { - Array.prototype.push.apply(results, e); - } - else { - results.push(e); - } - } - return results; - }; - - this.animate = function (el, properties, options) { - if (!this.animationSupported) { - return false; - } - - options = options || {}; - var del = _currentInstance.getElement(el), - id = _getId(del), - stepFunction = jsPlumb.animEvents.step, - completeFunction = jsPlumb.animEvents.complete; - - options[stepFunction] = _ju.wrap(options[stepFunction], function () { - _currentInstance.revalidate(id); - }); - - // onComplete repaints, just to make sure everything looks good at the end of the animation. - options[completeFunction] = _ju.wrap(options[completeFunction], function () { - _currentInstance.revalidate(id); - }); - - _currentInstance.doAnimate(del, properties, options); - }; - - /** - * checks for a listener for the given condition, executing it if found, passing in the given value. - * condition listeners would have been attached using "bind" (which is, you could argue, now overloaded, since - * firing click events etc is a bit different to what this does). i thought about adding a "bindCondition" - * or something, but decided against it, for the sake of simplicity. jsPlumb will never fire one of these - * condition events anyway. - */ - this.checkCondition = function (conditionName, args) { - var l = _currentInstance.getListener(conditionName), - r = true; - - if (l && l.length > 0) { - var values = Array.prototype.slice.call(arguments, 1); - try { - for (var i = 0, j = l.length; i < j; i++) { - r = r && l[i].apply(l[i], values); - } - } - catch (e) { - _ju.log(_currentInstance, "cannot check condition [" + conditionName + "]" + e); - } - } - return r; - }; - - this.connect = function (params, referenceParams) { - // prepare a final set of parameters to create connection with - var _p = _prepareConnectionParams(params, referenceParams), jpc; - // TODO probably a nicer return value if the connection was not made. _prepareConnectionParams - // will return null (and log something) if either endpoint was full. what would be nicer is to - // create a dedicated 'error' object. - if (_p) { - if (_p.source == null && _p.sourceEndpoint == null) { - _ju.log("Cannot establish connection - source does not exist"); - return; - } - if (_p.target == null && _p.targetEndpoint == null) { - _ju.log("Cannot establish connection - target does not exist"); - return; - } - _ensureContainer(_p.source); - // create the connection. it is not yet registered - jpc = _newConnection(_p); - // now add it the model, fire an event, and redraw - _finaliseConnection(jpc, _p); - } - return jpc; - }; - - var stTypes = [ - { el: "source", elId: "sourceId", epDefs: "sourceEndpointDefinitions" }, - { el: "target", elId: "targetId", epDefs: "targetEndpointDefinitions" } - ]; - - var _set = function (c, el, idx, doNotRepaint) { - var ep, _st = stTypes[idx], cId = c[_st.elId], cEl = c[_st.el], sid, sep, - oldEndpoint = c.endpoints[idx]; - - var evtParams = { - index: idx, - originalSourceId: idx === 0 ? cId : c.sourceId, - newSourceId: c.sourceId, - originalTargetId: idx === 1 ? cId : c.targetId, - newTargetId: c.targetId, - connection: c - }; - - if (el.constructor === jsPlumb.Endpoint) { - ep = el; - ep.addConnection(c); - el = ep.element; - } - else { - sid = _getId(el); - sep = this[_st.epDefs][sid]; - - if (sid === c[_st.elId]) { - ep = null; // dont change source/target if the element is already the one given. - } - else if (sep) { - for (var t in sep) { - if (!sep[t].enabled) { - return; - } - ep = sep[t].endpoint != null && sep[t].endpoint._jsPlumb ? sep[t].endpoint : this.addEndpoint(el, sep[t].def); - if (sep[t].uniqueEndpoint) { - sep[t].endpoint = ep; - } - ep.addConnection(c); - } - } - else { - ep = c.makeEndpoint(idx === 0, el, sid); - } - } - - if (ep != null) { - oldEndpoint.detachFromConnection(c); - c.endpoints[idx] = ep; - c[_st.el] = ep.element; - c[_st.elId] = ep.elementId; - evtParams[idx === 0 ? "newSourceId" : "newTargetId"] = ep.elementId; - - fireMoveEvent(evtParams); - - if (!doNotRepaint) { - c.repaint(); - } - } - - evtParams.element = el; - return evtParams; - - }.bind(this); - - this.setSource = function (connection, el, doNotRepaint) { - var p = _set(connection, el, 0, doNotRepaint); - this.anchorManager.sourceChanged(p.originalSourceId, p.newSourceId, connection, p.el); - }; - this.setTarget = function (connection, el, doNotRepaint) { - var p = _set(connection, el, 1, doNotRepaint); - this.anchorManager.updateOtherEndpoint(p.originalSourceId, p.originalTargetId, p.newTargetId, connection); - }; - - this.deleteEndpoint = function (object, dontUpdateHover, deleteAttachedObjects) { - var endpoint = (typeof object === "string") ? endpointsByUUID[object] : object; - if (endpoint) { - _currentInstance.deleteObject({ endpoint: endpoint, dontUpdateHover: dontUpdateHover, deleteAttachedObjects:deleteAttachedObjects }); - } - return _currentInstance; - }; - - this.deleteEveryEndpoint = function () { - var _is = _currentInstance.setSuspendDrawing(true); - for (var id in endpointsByElement) { - var endpoints = endpointsByElement[id]; - if (endpoints && endpoints.length) { - for (var i = 0, j = endpoints.length; i < j; i++) { - _currentInstance.deleteEndpoint(endpoints[i], true); - } - } - } - endpointsByElement = {}; - managedElements = {}; - endpointsByUUID = {}; - offsets = {}; - offsetTimestamps = {}; - _currentInstance.anchorManager.reset(); - var dm = _currentInstance.getDragManager(); - if (dm) { - dm.reset(); - } - if (!_is) { - _currentInstance.setSuspendDrawing(false); - } - return _currentInstance; - }; - - var fireDetachEvent = function (jpc, doFireEvent, originalEvent) { - // may have been given a connection, or in special cases, an object - var connType = _currentInstance.Defaults.ConnectionType || _currentInstance.getDefaultConnectionType(), - argIsConnection = jpc.constructor === connType, - params = argIsConnection ? { - connection: jpc, - source: jpc.source, target: jpc.target, - sourceId: jpc.sourceId, targetId: jpc.targetId, - sourceEndpoint: jpc.endpoints[0], targetEndpoint: jpc.endpoints[1] - } : jpc; - - if (doFireEvent) { - _currentInstance.fire("connectionDetached", params, originalEvent); - } - - // always fire this. used by internal jsplumb stuff. - _currentInstance.fire("internal.connectionDetached", params, originalEvent); - - _currentInstance.anchorManager.connectionDetached(params); - }; - - var fireMoveEvent = _currentInstance.fireMoveEvent = function (params, evt) { - _currentInstance.fire("connectionMoved", params, evt); - }; - - this.unregisterEndpoint = function (endpoint) { - if (endpoint._jsPlumb.uuid) { - endpointsByUUID[endpoint._jsPlumb.uuid] = null; - } - _currentInstance.anchorManager.deleteEndpoint(endpoint); - // TODO at least replace this with a removeWithFunction call. - for (var e in endpointsByElement) { - var endpoints = endpointsByElement[e]; - if (endpoints) { - var newEndpoints = []; - for (var i = 0, j = endpoints.length; i < j; i++) { - if (endpoints[i] !== endpoint) { - newEndpoints.push(endpoints[i]); - } - } - - endpointsByElement[e] = newEndpoints; - } - if (endpointsByElement[e].length < 1) { - delete endpointsByElement[e]; - } - } - }; - - var IS_DETACH_ALLOWED = "isDetachAllowed"; - var BEFORE_DETACH = "beforeDetach"; - var CHECK_CONDITION = "checkCondition"; - - /** - * Deletes a Connection. - * @method deleteConnection - * @param connection Connection to delete - * @param {Object} [params] Optional delete parameters - * @param {Boolean} [params.doNotFireEvent=false] If true, a connection detached event will not be fired. Otherwise one will. - * @param {Boolean} [params.force=false] If true, the connection will be deleted even if a beforeDetach interceptor tries to stop the deletion. - * @returns {Boolean} True if the connection was deleted, false otherwise. - */ - this.deleteConnection = function(connection, params) { - - if (connection != null) { - params = params || {}; - - if (params.force || _ju.functionChain(true, false, [ - [ connection.endpoints[0], IS_DETACH_ALLOWED, [ connection ] ], - [ connection.endpoints[1], IS_DETACH_ALLOWED, [ connection ] ], - [ connection, IS_DETACH_ALLOWED, [ connection ] ], - [ _currentInstance, CHECK_CONDITION, [ BEFORE_DETACH, connection ] ] - ])) { - - connection.setHover(false); - fireDetachEvent(connection, !connection.pending && params.fireEvent !== false, params.originalEvent); - - connection.endpoints[0].detachFromConnection(connection); - connection.endpoints[1].detachFromConnection(connection); - _ju.removeWithFunction(connections, function (_c) { - return connection.id === _c.id; - }); - - connection.cleanup(); - connection.destroy(); - return true; - } - } - return false; - }; - - /** - * Remove all Connections from all elements, but leaves Endpoints in place ((unless a connection is set to auto delete its Endpoints). - * @method deleteEveryConnection - * @param {Object} [params] optional params object for the call - * @param {Boolean} [params.fireEvent=true] Whether or not to fire detach events - * @param {Boolean} [params.forceDetach=false] If true, this call will ignore any `beforeDetach` interceptors. - * @returns {Number} The number of connections that were deleted. - */ - this.deleteEveryConnection = function (params) { - params = params || {}; - var count = connections.length, deletedCount = 0; - _currentInstance.batch(function () { - for (var i = 0; i < count; i++) { - deletedCount += _currentInstance.deleteConnection(connections[0], params) ? 1 : 0; - } - }); - return deletedCount; - }; - - /** - * Removes all an element's Connections. - * @method deleteConnectionsForElement - * @param {Object} el Either the id of the element, or a selector for the element. - * @param {Object} [params] Optional parameters. - * @param {Boolean} [params.fireEvent=true] Whether or not to fire the detach event. - * @param {Boolean} [params.forceDetach=false] If true, this call will ignore any `beforeDetach` interceptors. - * @return {jsPlumbInstance} The current jsPlumb instance. - */ - this.deleteConnectionsForElement = function (el, params) { - params = params || {}; - el = _currentInstance.getElement(el); - var id = _getId(el), endpoints = endpointsByElement[id]; - if (endpoints && endpoints.length) { - for (var i = 0, j = endpoints.length; i < j; i++) { - endpoints[i].deleteEveryConnection(params); - } - } - return _currentInstance; - }; - - /// not public. but of course its exposed. how to change this. - this.deleteObject = function (params) { - var result = { - endpoints: {}, - connections: {}, - endpointCount: 0, - connectionCount: 0 - }, - deleteAttachedObjects = params.deleteAttachedObjects !== false; - - var unravelConnection = function (connection) { - if (connection != null && result.connections[connection.id] == null) { - if (!params.dontUpdateHover && connection._jsPlumb != null) { - connection.setHover(false); - } - result.connections[connection.id] = connection; - result.connectionCount++; - } - }; - var unravelEndpoint = function (endpoint) { - if (endpoint != null && result.endpoints[endpoint.id] == null) { - if (!params.dontUpdateHover && endpoint._jsPlumb != null) { - endpoint.setHover(false); - } - result.endpoints[endpoint.id] = endpoint; - result.endpointCount++; - - if (deleteAttachedObjects) { - for (var i = 0; i < endpoint.connections.length; i++) { - var c = endpoint.connections[i]; - unravelConnection(c); - } - } - } - }; - - if (params.connection) { - unravelConnection(params.connection); - } - else { - unravelEndpoint(params.endpoint); - } - - // loop through connections - for (var i in result.connections) { - var c = result.connections[i]; - if (c._jsPlumb) { - _ju.removeWithFunction(connections, function (_c) { - return c.id === _c.id; - }); - - fireDetachEvent(c, params.fireEvent === false ? false : !c.pending, params.originalEvent); - var doNotCleanup = params.deleteAttachedObjects == null ? null : !params.deleteAttachedObjects; - - c.endpoints[0].detachFromConnection(c, null, doNotCleanup); - c.endpoints[1].detachFromConnection(c, null, doNotCleanup); - - c.cleanup(true); - c.destroy(true); - } - } - - // loop through endpoints - for (var j in result.endpoints) { - var e = result.endpoints[j]; - if (e._jsPlumb) { - _currentInstance.unregisterEndpoint(e); - // FIRE some endpoint deleted event? - e.cleanup(true); - e.destroy(true); - } - } - - return result; - }; - - - // helpers for select/selectEndpoints - var _setOperation = function (list, func, args, selector) { - for (var i = 0, j = list.length; i < j; i++) { - list[i][func].apply(list[i], args); - } - return selector(list); - }, - _getOperation = function (list, func, args) { - var out = []; - for (var i = 0, j = list.length; i < j; i++) { - out.push([ list[i][func].apply(list[i], args), list[i] ]); - } - return out; - }, - setter = function (list, func, selector) { - return function () { - return _setOperation(list, func, arguments, selector); - }; - }, - getter = function (list, func) { - return function () { - return _getOperation(list, func, arguments); - }; - }, - prepareList = function (input, doNotGetIds) { - var r = []; - if (input) { - if (typeof input === 'string') { - if (input === "*") { - return input; - } - r.push(input); - } - else { - if (doNotGetIds) { - r = input; - } - else { - if (input.length) { - for (var i = 0, j = input.length; i < j; i++) { - r.push(_info(input[i]).id); - } - } - else { - r.push(_info(input).id); - } - } - } - } - return r; - }, - filterList = function (list, value, missingIsFalse) { - if (list === "*") { - return true; - } - return list.length > 0 ? list.indexOf(value) !== -1 : !missingIsFalse; - }; - - // get some connections, specifying source/target/scope - this.getConnections = function (options, flat) { - if (!options) { - options = {}; - } else if (options.constructor === String) { - options = { "scope": options }; - } - var scope = options.scope || _currentInstance.getDefaultScope(), - scopes = prepareList(scope, true), - sources = prepareList(options.source), - targets = prepareList(options.target), - results = (!flat && scopes.length > 1) ? {} : [], - _addOne = function (scope, obj) { - if (!flat && scopes.length > 1) { - var ss = results[scope]; - if (ss == null) { - ss = results[scope] = []; - } - ss.push(obj); - } else { - results.push(obj); - } - }; - - for (var j = 0, jj = connections.length; j < jj; j++) { - var c = connections[j], - sourceId = c.proxies && c.proxies[0] ? c.proxies[0].originalEp.elementId : c.sourceId, - targetId = c.proxies && c.proxies[1] ? c.proxies[1].originalEp.elementId : c.targetId; - - if (filterList(scopes, c.scope) && filterList(sources, sourceId) && filterList(targets, targetId)) { - _addOne(c.scope, c); - } - } - - return results; - }; - - var _curryEach = function (list, executor) { - return function (f) { - for (var i = 0, ii = list.length; i < ii; i++) { - f(list[i]); - } - return executor(list); - }; - }, - _curryGet = function (list) { - return function (idx) { - return list[idx]; - }; - }; - - var _makeCommonSelectHandler = function (list, executor) { - var out = { - length: list.length, - each: _curryEach(list, executor), - get: _curryGet(list) - }, - setters = ["setHover", "removeAllOverlays", "setLabel", "addClass", "addOverlay", "removeOverlay", - "removeOverlays", "showOverlay", "hideOverlay", "showOverlays", "hideOverlays", "setPaintStyle", - "setHoverPaintStyle", "setSuspendEvents", "setParameter", "setParameters", "setVisible", - "repaint", "addType", "toggleType", "removeType", "removeClass", "setType", "bind", "unbind" ], - - getters = ["getLabel", "getOverlay", "isHover", "getParameter", "getParameters", "getPaintStyle", - "getHoverPaintStyle", "isVisible", "hasType", "getType", "isSuspendEvents" ], - i, ii; - - for (i = 0, ii = setters.length; i < ii; i++) { - out[setters[i]] = setter(list, setters[i], executor); - } - - for (i = 0, ii = getters.length; i < ii; i++) { - out[getters[i]] = getter(list, getters[i]); - } - - return out; - }; - - var _makeConnectionSelectHandler = function (list) { - var common = _makeCommonSelectHandler(list, _makeConnectionSelectHandler); - return jsPlumb.extend(common, { - // setters - setDetachable: setter(list, "setDetachable", _makeConnectionSelectHandler), - setReattach: setter(list, "setReattach", _makeConnectionSelectHandler), - setConnector: setter(list, "setConnector", _makeConnectionSelectHandler), - delete: function () { - for (var i = 0, ii = list.length; i < ii; i++) { - _currentInstance.deleteConnection(list[i]); - } - }, - // getters - isDetachable: getter(list, "isDetachable"), - isReattach: getter(list, "isReattach") - }); - }; - - var _makeEndpointSelectHandler = function (list) { - var common = _makeCommonSelectHandler(list, _makeEndpointSelectHandler); - return jsPlumb.extend(common, { - setEnabled: setter(list, "setEnabled", _makeEndpointSelectHandler), - setAnchor: setter(list, "setAnchor", _makeEndpointSelectHandler), - isEnabled: getter(list, "isEnabled"), - deleteEveryConnection: function () { - for (var i = 0, ii = list.length; i < ii; i++) { - list[i].deleteEveryConnection(); - } - }, - "delete": function () { - for (var i = 0, ii = list.length; i < ii; i++) { - _currentInstance.deleteEndpoint(list[i]); - } - } - }); - }; - - this.select = function (params) { - params = params || {}; - params.scope = params.scope || "*"; - return _makeConnectionSelectHandler(params.connections || _currentInstance.getConnections(params, true)); - }; - - this.selectEndpoints = function (params) { - params = params || {}; - params.scope = params.scope || "*"; - var noElementFilters = !params.element && !params.source && !params.target, - elements = noElementFilters ? "*" : prepareList(params.element), - sources = noElementFilters ? "*" : prepareList(params.source), - targets = noElementFilters ? "*" : prepareList(params.target), - scopes = prepareList(params.scope, true); - - var ep = []; - - for (var el in endpointsByElement) { - var either = filterList(elements, el, true), - source = filterList(sources, el, true), - sourceMatchExact = sources !== "*", - target = filterList(targets, el, true), - targetMatchExact = targets !== "*"; - - // if they requested 'either' then just match scope. otherwise if they requested 'source' (not as a wildcard) then we have to match only endpoints that have isSource set to to true, and the same thing with isTarget. - if (either || source || target) { - inner: - for (var i = 0, ii = endpointsByElement[el].length; i < ii; i++) { - var _ep = endpointsByElement[el][i]; - if (filterList(scopes, _ep.scope, true)) { - - var noMatchSource = (sourceMatchExact && sources.length > 0 && !_ep.isSource), - noMatchTarget = (targetMatchExact && targets.length > 0 && !_ep.isTarget); - - if (noMatchSource || noMatchTarget) { - continue inner; - } - - ep.push(_ep); - } - } - } - } - - return _makeEndpointSelectHandler(ep); - }; - - // get all connections managed by the instance of jsplumb. - this.getAllConnections = function () { - return connections; - }; - this.getDefaultScope = function () { - return DEFAULT_SCOPE; - }; - // get an endpoint by uuid. - this.getEndpoint = _getEndpoint; - /** - * Gets the list of Endpoints for a given element. - * @method getEndpoints - * @param {String|Element|Selector} el The element to get endpoints for. - * @return {Endpoint[]} An array of Endpoints for the specified element. - */ - this.getEndpoints = function (el) { - return endpointsByElement[_info(el).id] || []; - }; - // gets the default endpoint type. used when subclassing. see wiki. - this.getDefaultEndpointType = function () { - return jsPlumb.Endpoint; - }; - // gets the default connection type. used when subclassing. see wiki. - this.getDefaultConnectionType = function () { - return jsPlumb.Connection; - }; - /* - * Gets an element's id, creating one if necessary. really only exposed - * for the lib-specific functionality to access; would be better to pass - * the current instance into the lib-specific code (even though this is - * a static call. i just don't want to expose it to the public API). - */ - this.getId = _getId; - this.draw = _draw; - this.info = _info; - - this.appendElement = _appendElement; - - var _hoverSuspended = false; - this.isHoverSuspended = function () { - return _hoverSuspended; - }; - this.setHoverSuspended = function (s) { - _hoverSuspended = s; - }; - - // set an element's connections to be hidden - this.hide = function (el, changeEndpoints) { - _setVisible(el, "none", changeEndpoints); - return _currentInstance; - }; - - // exposed for other objects to use to get a unique id. - this.idstamp = _idstamp; - - // ensure that, if the current container exists, it is a DOM element and not a selector. - // if it does not exist and `candidate` is supplied, the offset parent of that element will be set as the Container. - // this is used to do a better default behaviour for the case that the user has not set a container: - // addEndpoint, makeSource, makeTarget and connect all call this method with the offsetParent of the - // element in question (for connect it is the source element). So if no container is set, it is inferred - // to be the offsetParent of the first element the user tries to connect. - var _ensureContainer = function (candidate) { - if (!_container && candidate) { - var can = _currentInstance.getElement(candidate); - if (can.offsetParent) { - _currentInstance.setContainer(can.offsetParent); - } - } - }; - - var _getContainerFromDefaults = function () { - if (_currentInstance.Defaults.Container) { - _currentInstance.setContainer(_currentInstance.Defaults.Container); - } - }; - - // check if a given element is managed or not. if not, add to our map. if drawing is not suspended then - // we'll also stash its dimensions; otherwise we'll do this in a lazy way through updateOffset. - var _manage = _currentInstance.manage = function (id, element, _transient) { - if (!managedElements[id]) { - managedElements[id] = { - el: element, - endpoints: [], - connections: [] - }; - - managedElements[id].info = _updateOffset({ elId: id, timestamp: _suspendedAt }); - _currentInstance.addClass(element, "jtk-managed"); - - if (!_transient) { - _currentInstance.fire("manageElement", { id:id, info:managedElements[id].info, el:element }); - } - } - - return managedElements[id]; - }; - - var _unmanage = _currentInstance.unmanage = function(id) { - if (managedElements[id]) { - var el = managedElements[id].el; - _currentInstance.removeClass(el, "jtk-managed"); - delete managedElements[id]; - _currentInstance.fire("unmanageElement", {id:id, el:el}); - } - }; - - /** - * updates the offset and size for a given element, and stores the - * values. if 'offset' is not null we use that (it would have been - * passed in from a drag call) because it's faster; but if it is null, - * or if 'recalc' is true in order to force a recalculation, we get the current values. - * @method updateOffset - */ - var _updateOffset = function (params) { - - var timestamp = params.timestamp, recalc = params.recalc, offset = params.offset, elId = params.elId, s; - if (_suspendDrawing && !timestamp) { - timestamp = _suspendedAt; - } - if (!recalc) { - if (timestamp && timestamp === offsetTimestamps[elId]) { - return {o: params.offset || offsets[elId], s: sizes[elId]}; - } - } - if (recalc || (!offset && offsets[elId] == null)) { // if forced repaint or no offset available, we recalculate. - - // get the current size and offset, and store them - s = managedElements[elId] ? managedElements[elId].el : null; - if (s != null) { - sizes[elId] = _currentInstance.getSize(s); - offsets[elId] = _currentInstance.getOffset(s); - offsetTimestamps[elId] = timestamp; - } - } else { - offsets[elId] = offset || offsets[elId]; - if (sizes[elId] == null) { - s = managedElements[elId].el; - if (s != null) { - sizes[elId] = _currentInstance.getSize(s); - } - } - offsetTimestamps[elId] = timestamp; - } - - if (offsets[elId] && !offsets[elId].right) { - offsets[elId].right = offsets[elId].left + sizes[elId][0]; - offsets[elId].bottom = offsets[elId].top + sizes[elId][1]; - offsets[elId].width = sizes[elId][0]; - offsets[elId].height = sizes[elId][1]; - offsets[elId].centerx = offsets[elId].left + (offsets[elId].width / 2); - offsets[elId].centery = offsets[elId].top + (offsets[elId].height / 2); - } - - return {o: offsets[elId], s: sizes[elId]}; - }; - - this.updateOffset = _updateOffset; - - /** - * callback from the current library to tell us to prepare ourselves (attach - * mouse listeners etc; can't do that until the library has provided a bind method) - */ - this.init = function () { - if (!initialized) { - _getContainerFromDefaults(); - _currentInstance.anchorManager = new root.jsPlumb.AnchorManager({jsPlumbInstance: _currentInstance}); - initialized = true; - _currentInstance.fire("ready", _currentInstance); - } - }.bind(this); - - this.log = log; - this.jsPlumbUIComponent = jsPlumbUIComponent; - - /* - * Creates an anchor with the given params. - * - * - * Returns: The newly created Anchor. - * Throws: an error if a named anchor was not found. - */ - this.makeAnchor = function () { - var pp, _a = function (t, p) { - if (root.jsPlumb.Anchors[t]) { - return new root.jsPlumb.Anchors[t](p); - } - if (!_currentInstance.Defaults.DoNotThrowErrors) { - throw { msg: "jsPlumb: unknown anchor type '" + t + "'" }; - } - }; - if (arguments.length === 0) { - return null; - } - var specimen = arguments[0], elementId = arguments[1], jsPlumbInstance = arguments[2], newAnchor = null; - // if it appears to be an anchor already... - if (specimen.compute && specimen.getOrientation) { - return specimen; - } //TODO hazy here about whether it should be added or is already added somehow. - // is it the name of an anchor type? - else if (typeof specimen === "string") { - newAnchor = _a(arguments[0], {elementId: elementId, jsPlumbInstance: _currentInstance}); - } - // is it an array? it will be one of: - // an array of [spec, params] - this defines a single anchor, which may be dynamic, but has parameters. - // an array of arrays - this defines some dynamic anchors - // an array of numbers - this defines a single anchor. - else if (_ju.isArray(specimen)) { - if (_ju.isArray(specimen[0]) || _ju.isString(specimen[0])) { - // if [spec, params] format - if (specimen.length === 2 && _ju.isObject(specimen[1])) { - // if first arg is a string, its a named anchor with params - if (_ju.isString(specimen[0])) { - pp = root.jsPlumb.extend({elementId: elementId, jsPlumbInstance: _currentInstance}, specimen[1]); - newAnchor = _a(specimen[0], pp); - } - // otherwise first arg is array, second is params. we treat as a dynamic anchor, which is fine - // even if the first arg has only one entry. you could argue all anchors should be implicitly dynamic in fact. - else { - pp = root.jsPlumb.extend({elementId: elementId, jsPlumbInstance: _currentInstance, anchors: specimen[0]}, specimen[1]); - newAnchor = new root.jsPlumb.DynamicAnchor(pp); - } - } - else { - newAnchor = new jsPlumb.DynamicAnchor({anchors: specimen, selector: null, elementId: elementId, jsPlumbInstance: _currentInstance}); - } - - } - else { - var anchorParams = { - x: specimen[0], y: specimen[1], - orientation: (specimen.length >= 4) ? [ specimen[2], specimen[3] ] : [0, 0], - offsets: (specimen.length >= 6) ? [ specimen[4], specimen[5] ] : [ 0, 0 ], - elementId: elementId, - jsPlumbInstance: _currentInstance, - cssClass: specimen.length === 7 ? specimen[6] : null - }; - newAnchor = new root.jsPlumb.Anchor(anchorParams); - newAnchor.clone = function () { - return new root.jsPlumb.Anchor(anchorParams); - }; - } - } - - if (!newAnchor.id) { - newAnchor.id = "anchor_" + _idstamp(); - } - return newAnchor; - }; - - /** - * makes a list of anchors from the given list of types or coords, eg - * ["TopCenter", "RightMiddle", "BottomCenter", [0, 1, -1, -1] ] - */ - this.makeAnchors = function (types, elementId, jsPlumbInstance) { - var r = []; - for (var i = 0, ii = types.length; i < ii; i++) { - if (typeof types[i] === "string") { - r.push(root.jsPlumb.Anchors[types[i]]({elementId: elementId, jsPlumbInstance: jsPlumbInstance})); - } - else if (_ju.isArray(types[i])) { - r.push(_currentInstance.makeAnchor(types[i], elementId, jsPlumbInstance)); - } - } - return r; - }; - - /** - * Makes a dynamic anchor from the given list of anchors (which may be in shorthand notation as strings or dimension arrays, or Anchor - * objects themselves) and the given, optional, anchorSelector function (jsPlumb uses a default if this is not provided; most people will - * not need to provide this - i think). - */ - this.makeDynamicAnchor = function (anchors, anchorSelector) { - return new root.jsPlumb.DynamicAnchor({anchors: anchors, selector: anchorSelector, elementId: null, jsPlumbInstance: _currentInstance}); - }; - -// --------------------- makeSource/makeTarget ---------------------------------------------- - - this.targetEndpointDefinitions = {}; - this.sourceEndpointDefinitions = {}; - - var selectorFilter = function (evt, _el, selector, _instance, negate) { - var t = evt.target || evt.srcElement, ok = false, - sel = _instance.getSelector(_el, selector); - for (var j = 0; j < sel.length; j++) { - if (sel[j] === t) { - ok = true; - break; - } - } - return negate ? !ok : ok; - }; - - var _makeElementDropHandler = function (elInfo, p, dropOptions, isSource, isTarget) { - var proxyComponent = new jsPlumbUIComponent(p); - var _drop = p._jsPlumb.EndpointDropHandler({ - jsPlumb: _currentInstance, - enabled: function () { - return elInfo.def.enabled; - }, - isFull: function () { - var targetCount = _currentInstance.select({target: elInfo.id}).length; - return elInfo.def.maxConnections > 0 && targetCount >= elInfo.def.maxConnections; - }, - element: elInfo.el, - elementId: elInfo.id, - isSource: isSource, - isTarget: isTarget, - addClass: function (clazz) { - _currentInstance.addClass(elInfo.el, clazz); - }, - removeClass: function (clazz) { - _currentInstance.removeClass(elInfo.el, clazz); - }, - onDrop: function (jpc) { - var source = jpc.endpoints[0]; - source.anchor.unlock(); - }, - isDropAllowed: function () { - return proxyComponent.isDropAllowed.apply(proxyComponent, arguments); - }, - isRedrop:function(jpc) { - return (jpc.suspendedElement != null && jpc.suspendedEndpoint != null && jpc.suspendedEndpoint.element === elInfo.el); - }, - getEndpoint: function (jpc) { - - // make a new Endpoint for the target, or get it from the cache if uniqueEndpoint - // is set. if its a redrop the new endpoint will be immediately cleaned up. - - var newEndpoint = elInfo.def.endpoint; - - // if no cached endpoint, or there was one but it has been cleaned up - // (ie. detached), create a new one - if (newEndpoint == null || newEndpoint._jsPlumb == null) { - var eps = _currentInstance.deriveEndpointAndAnchorSpec(jpc.getType().join(" "), true); - var pp = eps.endpoints ? root.jsPlumb.extend(p, { - endpoint:elInfo.def.def.endpoint || eps.endpoints[1] - }) :p; - if (eps.anchors) { - pp = root.jsPlumb.extend(pp, { - anchor:elInfo.def.def.anchor || eps.anchors[1] - }); - } - newEndpoint = _currentInstance.addEndpoint(elInfo.el, pp); - newEndpoint._mtNew = true; - } - - if (p.uniqueEndpoint) { - elInfo.def.endpoint = newEndpoint; - } - - newEndpoint.setDeleteOnEmpty(true); - - // if connection is detachable, init the new endpoint to be draggable, to support that happening. - if (jpc.isDetachable()) { - newEndpoint.initDraggable(); - } - - // if the anchor has a 'positionFinder' set, then delegate to that function to find - // out where to locate the anchor. - if (newEndpoint.anchor.positionFinder != null) { - var dropPosition = _currentInstance.getUIPosition(arguments, _currentInstance.getZoom()), - elPosition = _currentInstance.getOffset(elInfo.el), - elSize = _currentInstance.getSize(elInfo.el), - ap = dropPosition == null ? [0,0] : newEndpoint.anchor.positionFinder(dropPosition, elPosition, elSize, newEndpoint.anchor.constructorParams); - - newEndpoint.anchor.x = ap[0]; - newEndpoint.anchor.y = ap[1]; - // now figure an orientation for it..kind of hard to know what to do actually. probably the best thing i can do is to - // support specifying an orientation in the anchor's spec. if one is not supplied then i will make the orientation - // be what will cause the most natural link to the source: it will be pointing at the source, but it needs to be - // specified in one axis only, and so how to make that choice? i think i will use whichever axis is the one in which - // the target is furthest away from the source. - } - - return newEndpoint; - }, - maybeCleanup: function (ep) { - if (ep._mtNew && ep.connections.length === 0) { - _currentInstance.deleteObject({endpoint: ep}); - } - else { - delete ep._mtNew; - } - } - }); - - // wrap drop events as needed and initialise droppable - var dropEvent = root.jsPlumb.dragEvents.drop; - dropOptions.scope = dropOptions.scope || (p.scope || _currentInstance.Defaults.Scope); - dropOptions[dropEvent] = _ju.wrap(dropOptions[dropEvent], _drop, true); - dropOptions.rank = p.rank || 0; - - // if target, return true from the over event. this will cause katavorio to stop setting drops to hover - // if multipleDrop is set to false. - if (isTarget) { - dropOptions[root.jsPlumb.dragEvents.over] = function () { return true; }; - } - - // vanilla jsplumb only - if (p.allowLoopback === false) { - dropOptions.canDrop = function (_drag) { - var de = _drag.getDragElement()._jsPlumbRelatedElement; - return de !== elInfo.el; - }; - } - _currentInstance.initDroppable(elInfo.el, dropOptions, "internal"); - - return _drop; - - }; - - // see API docs - this.makeTarget = function (el, params, referenceParams) { - - // put jsplumb ref into params without altering the params passed in - var p = root.jsPlumb.extend({_jsPlumb: this}, referenceParams); - root.jsPlumb.extend(p, params); - - var maxConnections = p.maxConnections || -1, - - _doOne = function (el) { - - // get the element's id and store the endpoint definition for it. jsPlumb.connect calls will look for one of these, - // and use the endpoint definition if found. - // decode the info for this element (id and element) - var elInfo = _info(el), - elid = elInfo.id, - dropOptions = root.jsPlumb.extend({}, p.dropOptions || {}), - type = p.connectionType || "default"; - - this.targetEndpointDefinitions[elid] = this.targetEndpointDefinitions[elid] || {}; - - _ensureContainer(elid); - - // if this is a group and the user has not mandated a rank, set to -1 so that Nodes takes - // precedence. - if (elInfo.el._isJsPlumbGroup && dropOptions.rank == null) { - dropOptions.rank = -1; - } - - // store the definition - var _def = { - def: root.jsPlumb.extend({}, p), - uniqueEndpoint: p.uniqueEndpoint, - maxConnections: maxConnections, - enabled: true - }; - - if (p.createEndpoint) { - _def.uniqueEndpoint = true; - _def.endpoint = _currentInstance.addEndpoint(el, _def.def); - _def.endpoint.setDeleteOnEmpty(false); - } - - elInfo.def = _def; - this.targetEndpointDefinitions[elid][type] = _def; - _makeElementDropHandler(elInfo, p, dropOptions, p.isSource === true, true); - // stash the definition on the drop - elInfo.el._katavorioDrop[elInfo.el._katavorioDrop.length - 1].targetDef = _def; - - }.bind(this); - - // make an array if only given one element - var inputs = el.length && el.constructor !== String ? el : [ el ]; - - // register each one in the list. - for (var i = 0, ii = inputs.length; i < ii; i++) { - _doOne(inputs[i]); - } - - return this; - }; - - // see api docs - this.unmakeTarget = function (el, doNotClearArrays) { - var info = _info(el); - _currentInstance.destroyDroppable(info.el, "internal"); - if (!doNotClearArrays) { - delete this.targetEndpointDefinitions[info.id]; - } - - return this; - }; - - // see api docs - this.makeSource = function (el, params, referenceParams) { - var p = root.jsPlumb.extend({_jsPlumb: this}, referenceParams); - root.jsPlumb.extend(p, params); - var type = p.connectionType || "default"; - var aae = _currentInstance.deriveEndpointAndAnchorSpec(type); - p.endpoint = p.endpoint || aae.endpoints[0]; - p.anchor = p.anchor || aae.anchors[0]; - var maxConnections = p.maxConnections || -1, - onMaxConnections = p.onMaxConnections, - _doOne = function (elInfo) { - // get the element's id and store the endpoint definition for it. jsPlumb.connect calls will look for one of these, - // and use the endpoint definition if found. - var elid = elInfo.id, - _del = this.getElement(elInfo.el); - - this.sourceEndpointDefinitions[elid] = this.sourceEndpointDefinitions[elid] || {}; - _ensureContainer(elid); - - var _def = { - def:root.jsPlumb.extend({}, p), - uniqueEndpoint: p.uniqueEndpoint, - maxConnections: maxConnections, - enabled: true - }; - - if (p.createEndpoint) { - _def.uniqueEndpoint = true; - _def.endpoint = _currentInstance.addEndpoint(el, _def.def); - _def.endpoint.setDeleteOnEmpty(false); - } - - this.sourceEndpointDefinitions[elid][type] = _def; - elInfo.def = _def; - - var stopEvent = root.jsPlumb.dragEvents.stop, - dragEvent = root.jsPlumb.dragEvents.drag, - dragOptions = root.jsPlumb.extend({ }, p.dragOptions || {}), - existingDrag = dragOptions.drag, - existingStop = dragOptions.stop, - ep = null, - endpointAddedButNoDragYet = false; - - // set scope if its not set in dragOptions but was passed in in params - dragOptions.scope = dragOptions.scope || p.scope; - - dragOptions[dragEvent] = _ju.wrap(dragOptions[dragEvent], function () { - if (existingDrag) { - existingDrag.apply(this, arguments); - } - endpointAddedButNoDragYet = false; - }); - - dragOptions[stopEvent] = _ju.wrap(dragOptions[stopEvent], function () { - - if (existingStop) { - existingStop.apply(this, arguments); - } - this.currentlyDragging = false; - if (ep._jsPlumb != null) { // if not cleaned up... - - // reset the anchor to the anchor that was initially provided. the one we were using to drag - // the connection was just a placeholder that was located at the place the user pressed the - // mouse button to initiate the drag. - var anchorDef = p.anchor || this.Defaults.Anchor, - oldAnchor = ep.anchor, - oldConnection = ep.connections[0]; - - var newAnchor = this.makeAnchor(anchorDef, elid, this), - _el = ep.element; - - // if the anchor has a 'positionFinder' set, then delegate to that function to find - // out where to locate the anchor. issue 117. - if (newAnchor.positionFinder != null) { - var elPosition = _currentInstance.getOffset(_el), - elSize = this.getSize(_el), - dropPosition = { left: elPosition.left + (oldAnchor.x * elSize[0]), top: elPosition.top + (oldAnchor.y * elSize[1]) }, - ap = newAnchor.positionFinder(dropPosition, elPosition, elSize, newAnchor.constructorParams); - - newAnchor.x = ap[0]; - newAnchor.y = ap[1]; - } - - ep.setAnchor(newAnchor, true); - ep.repaint(); - this.repaint(ep.elementId); - if (oldConnection != null) { - this.repaint(oldConnection.targetId); - } - } - }.bind(this)); - - // when the user presses the mouse, add an Endpoint, if we are enabled. - var mouseDownListener = function (e) { - // on right mouse button, abort. - if (e.which === 3 || e.button === 2) { - return; - } - - // TODO store def on element. - var def = this.sourceEndpointDefinitions[elid][type]; - - // if disabled, return. - if (!def.enabled) { - return; - } - - elid = this.getId(this.getElement(elInfo.el)); // elid might have changed since this method was called to configure the element. - - // if a filter was given, run it, and return if it says no. - if (p.filter) { - var r = _ju.isString(p.filter) ? selectorFilter(e, elInfo.el, p.filter, this, p.filterExclude) : p.filter(e, elInfo.el); - if (r === false) { - return; - } - } - - // if maxConnections reached - var sourceCount = this.select({source: elid}).length; - if (def.maxConnections >= 0 && (sourceCount >= def.maxConnections)) { - if (onMaxConnections) { - onMaxConnections({ - element: elInfo.el, - maxConnections: maxConnections - }, e); - } - return false; - } - - // find the position on the element at which the mouse was pressed; this is where the endpoint - // will be located. - var elxy = root.jsPlumb.getPositionOnElement(e, _del, _zoom); - - // we need to override the anchor in here, and force 'isSource', but we don't want to mess with - // the params passed in, because after a connection is established we're going to reset the endpoint - // to have the anchor we were given. - var tempEndpointParams = {}; - root.jsPlumb.extend(tempEndpointParams, def.def); - tempEndpointParams.isTemporarySource = true; - tempEndpointParams.anchor = [ elxy[0], elxy[1] , 0, 0]; - tempEndpointParams.dragOptions = dragOptions; - - if (def.def.scope) { - tempEndpointParams.scope = def.def.scope; - } - - ep = this.addEndpoint(elid, tempEndpointParams); - endpointAddedButNoDragYet = true; - ep.setDeleteOnEmpty(true); - - // if unique endpoint and it's already been created, push it onto the endpoint we create. at the end - // of a successful connection we'll switch to that endpoint. - // TODO this is the same code as the programmatic endpoints create on line 1050 ish - if (def.uniqueEndpoint) { - if (!def.endpoint) { - def.endpoint = ep; - ep.setDeleteOnEmpty(false); - } - else { - ep.finalEndpoint = def.endpoint; - } - } - - var _delTempEndpoint = function () { - // this mouseup event is fired only if no dragging occurred, by jquery and yui, but for mootools - // it is fired even if dragging has occurred, in which case we would blow away a perfectly - // legitimate endpoint, were it not for this check. the flag is set after adding an - // endpoint and cleared in a drag listener we set in the dragOptions above. - _currentInstance.off(ep.canvas, "mouseup", _delTempEndpoint); - _currentInstance.off(elInfo.el, "mouseup", _delTempEndpoint); - if (endpointAddedButNoDragYet) { - endpointAddedButNoDragYet = false; - _currentInstance.deleteEndpoint(ep); - } - }; - - _currentInstance.on(ep.canvas, "mouseup", _delTempEndpoint); - _currentInstance.on(elInfo.el, "mouseup", _delTempEndpoint); - - // optionally check for attributes to extract from the source element - var payload = {}; - if (def.def.extract) { - for (var att in def.def.extract) { - var v = (e.srcElement || e.target).getAttribute(att); - if (v) { - payload[def.def.extract[att]] = v; - } - } - } - - // and then trigger its mousedown event, which will kick off a drag, which will start dragging - // a new connection from this endpoint. - _currentInstance.trigger(ep.canvas, "mousedown", e, payload); - - _ju.consume(e); - - }.bind(this); - - this.on(elInfo.el, "mousedown", mouseDownListener); - _def.trigger = mouseDownListener; - - // if a filter was provided, set it as a dragFilter on the element, - // to prevent the element drag function from kicking in when we want to - // drag a new connection - if (p.filter && (_ju.isString(p.filter) || _ju.isFunction(p.filter))) { - _currentInstance.setDragFilter(elInfo.el, p.filter); - } - - var dropOptions = root.jsPlumb.extend({}, p.dropOptions || {}); - - _makeElementDropHandler(elInfo, p, dropOptions, true, p.isTarget === true); - - }.bind(this); - - var inputs = el.length && el.constructor !== String ? el : [ el ]; - for (var i = 0, ii = inputs.length; i < ii; i++) { - _doOne(_info(inputs[i])); - } - - return this; - }; - - // see api docs - this.unmakeSource = function (el, connectionType, doNotClearArrays) { - var info = _info(el); - _currentInstance.destroyDroppable(info.el, "internal"); - var eldefs = this.sourceEndpointDefinitions[info.id]; - if (eldefs) { - for (var def in eldefs) { - if (connectionType == null || connectionType === def) { - var mouseDownListener = eldefs[def].trigger; - if (mouseDownListener) { - _currentInstance.off(info.el, "mousedown", mouseDownListener); - } - if (!doNotClearArrays) { - delete this.sourceEndpointDefinitions[info.id][def]; - } - } - } - } - - return this; - }; - - // see api docs - this.unmakeEverySource = function () { - for (var i in this.sourceEndpointDefinitions) { - _currentInstance.unmakeSource(i, null, true); - } - - this.sourceEndpointDefinitions = {}; - return this; - }; - - var _getScope = function (el, types, connectionType) { - types = _ju.isArray(types) ? types : [ types ]; - var id = _getId(el); - connectionType = connectionType || "default"; - for (var i = 0; i < types.length; i++) { - var eldefs = this[types[i]][id]; - if (eldefs && eldefs[connectionType]) { - return eldefs[connectionType].def.scope || this.Defaults.Scope; - } - } - }.bind(this); - - var _setScope = function (el, scope, types, connectionType) { - types = _ju.isArray(types) ? types : [ types ]; - var id = _getId(el); - connectionType = connectionType || "default"; - for (var i = 0; i < types.length; i++) { - var eldefs = this[types[i]][id]; - if (eldefs && eldefs[connectionType]) { - eldefs[connectionType].def.scope = scope; - } - } - - }.bind(this); - - this.getScope = function (el, scope) { - return _getScope(el, [ "sourceEndpointDefinitions", "targetEndpointDefinitions" ]); - }; - this.getSourceScope = function (el) { - return _getScope(el, "sourceEndpointDefinitions"); - }; - this.getTargetScope = function (el) { - return _getScope(el, "targetEndpointDefinitions"); - }; - this.setScope = function (el, scope, connectionType) { - this.setSourceScope(el, scope, connectionType); - this.setTargetScope(el, scope, connectionType); - }; - this.setSourceScope = function (el, scope, connectionType) { - _setScope(el, scope, "sourceEndpointDefinitions", connectionType); - // we get the source scope during the mousedown event, but we also want to set this. - this.setDragScope(el, scope); - }; - this.setTargetScope = function (el, scope, connectionType) { - _setScope(el, scope, "targetEndpointDefinitions", connectionType); - this.setDropScope(el, scope); - }; - - // see api docs - this.unmakeEveryTarget = function () { - for (var i in this.targetEndpointDefinitions) { - _currentInstance.unmakeTarget(i, true); - } - - this.targetEndpointDefinitions = {}; - return this; - }; - - // does the work of setting a source enabled or disabled. - var _setEnabled = function (type, el, state, toggle, connectionType) { - var a = type === "source" ? this.sourceEndpointDefinitions : this.targetEndpointDefinitions, - originalState, info, newState; - - connectionType = connectionType || "default"; - - // a selector or an array - if (el.length && !_ju.isString(el)) { - originalState = []; - for (var i = 0, ii = el.length; i < ii; i++) { - info = _info(el[i]); - if (a[info.id] && a[info.id][connectionType]) { - originalState[i] = a[info.id][connectionType].enabled; - newState = toggle ? !originalState[i] : state; - a[info.id][connectionType].enabled = newState; - _currentInstance[newState ? "removeClass" : "addClass"](info.el, "jtk-" + type + "-disabled"); - } - } - } - // otherwise a DOM element or a String ID. - else { - info = _info(el); - var id = info.id; - if (a[id] && a[id][connectionType]) { - originalState = a[id][connectionType].enabled; - newState = toggle ? !originalState : state; - a[id][connectionType].enabled = newState; - _currentInstance[newState ? "removeClass" : "addClass"](info.el, "jtk-" + type + "-disabled"); - } - } - return originalState; - }.bind(this); - - var _first = function (el, fn) { - if (_ju.isString(el) || !el.length) { - return fn.apply(this, [ el ]); - } - else if (el.length) { - return fn.apply(this, [ el[0] ]); - } - - }.bind(this); - - this.toggleSourceEnabled = function (el, connectionType) { - _setEnabled("source", el, null, true, connectionType); - return this.isSourceEnabled(el, connectionType); - }; - - this.setSourceEnabled = function (el, state, connectionType) { - return _setEnabled("source", el, state, null, connectionType); - }; - this.isSource = function (el, connectionType) { - connectionType = connectionType || "default"; - return _first(el, function (_el) { - var eldefs = this.sourceEndpointDefinitions[_info(_el).id]; - return eldefs != null && eldefs[connectionType] != null; - }.bind(this)); - }; - this.isSourceEnabled = function (el, connectionType) { - connectionType = connectionType || "default"; - return _first(el, function (_el) { - var sep = this.sourceEndpointDefinitions[_info(_el).id]; - return sep && sep[connectionType] && sep[connectionType].enabled === true; - }.bind(this)); - }; - - this.toggleTargetEnabled = function (el, connectionType) { - _setEnabled("target", el, null, true, connectionType); - return this.isTargetEnabled(el, connectionType); - }; - - this.isTarget = function (el, connectionType) { - connectionType = connectionType || "default"; - return _first(el, function (_el) { - var eldefs = this.targetEndpointDefinitions[_info(_el).id]; - return eldefs != null && eldefs[connectionType] != null; - }.bind(this)); - }; - this.isTargetEnabled = function (el, connectionType) { - connectionType = connectionType || "default"; - return _first(el, function (_el) { - var tep = this.targetEndpointDefinitions[_info(_el).id]; - return tep && tep[connectionType] && tep[connectionType].enabled === true; - }.bind(this)); - }; - this.setTargetEnabled = function (el, state, connectionType) { - return _setEnabled("target", el, state, null, connectionType); - }; - -// --------------------- end makeSource/makeTarget ---------------------------------------------- - - this.ready = function (fn) { - _currentInstance.bind("ready", fn); - }; - - var _elEach = function(el, fn) { - // support both lists... - if (typeof el === 'object' && el.length) { - for (var i = 0, ii = el.length; i < ii; i++) { - fn(el[i]); - } - } - else {// ...and single strings or elements. - fn(el); - } - - return _currentInstance; - }; - - // repaint some element's endpoints and connections - this.repaint = function (el, ui, timestamp) { - return _elEach(el, function(_el) { - _draw(_el, ui, timestamp); - }); - }; - - this.revalidate = function (el, timestamp, isIdAlready) { - return _elEach(el, function(_el) { - var elId = isIdAlready ? _el : _currentInstance.getId(_el); - _currentInstance.updateOffset({ elId: elId, recalc: true, timestamp:timestamp }); - var dm = _currentInstance.getDragManager(); - if (dm) { - dm.updateOffsets(elId); - } - _currentInstance.repaint(_el); - }); - }; - - // repaint every endpoint and connection. - this.repaintEverything = function () { - // TODO this timestamp causes continuous anchors to not repaint properly. - // fix this. do not just take out the timestamp. it runs a lot faster with - // the timestamp included. - var timestamp = _timestamp(), elId; - - for (elId in endpointsByElement) { - _currentInstance.updateOffset({ elId: elId, recalc: true, timestamp: timestamp }); - } - - for (elId in endpointsByElement) { - _draw(elId, null, timestamp); - } - - return this; - }; - - this.removeAllEndpoints = function (el, recurse, affectedElements) { - affectedElements = affectedElements || []; - var _one = function (_el) { - var info = _info(_el), - ebe = endpointsByElement[info.id], - i, ii; - - if (ebe) { - affectedElements.push(info); - for (i = 0, ii = ebe.length; i < ii; i++) { - _currentInstance.deleteEndpoint(ebe[i], false); - } - } - delete endpointsByElement[info.id]; - - if (recurse) { - if (info.el && info.el.nodeType !== 3 && info.el.nodeType !== 8) { - for (i = 0, ii = info.el.childNodes.length; i < ii; i++) { - _one(info.el.childNodes[i]); - } - } - } - - }; - _one(el); - return this; - }; - - var _doRemove = function(info, affectedElements) { - _currentInstance.removeAllEndpoints(info.id, true, affectedElements); - var dm = _currentInstance.getDragManager(); - var _one = function(_info) { - - if (dm) { - dm.elementRemoved(_info.id); - } - _currentInstance.anchorManager.clearFor(_info.id); - _currentInstance.anchorManager.removeFloatingConnection(_info.id); - - if (_currentInstance.isSource(_info.el)) { - _currentInstance.unmakeSource(_info.el); - } - if (_currentInstance.isTarget(_info.el)) { - _currentInstance.unmakeTarget(_info.el); - } - _currentInstance.destroyDraggable(_info.el); - _currentInstance.destroyDroppable(_info.el); - - - delete _currentInstance.floatingConnections[_info.id]; - delete managedElements[_info.id]; - delete offsets[_info.id]; - if (_info.el) { - _currentInstance.removeElement(_info.el); - _info.el._jsPlumb = null; - } - }; - - // remove all affected child elements - for (var ae = 1; ae < affectedElements.length; ae++) { - _one(affectedElements[ae]); - } - // and always remove the requested one from the dom. - _one(info); - }; - - /** - * Remove the given element, including cleaning up all endpoints registered for it. - * This is exposed in the public API but also used internally by jsPlumb when removing the - * element associated with a connection drag. - */ - this.remove = function (el, doNotRepaint) { - var info = _info(el), affectedElements = []; - if (info.text && info.el.parentNode) { - info.el.parentNode.removeChild(info.el); - } - else if (info.id) { - _currentInstance.batch(function () { - _doRemove(info, affectedElements); - }, doNotRepaint === true); - } - return _currentInstance; - }; - - this.empty = function (el, doNotRepaint) { - var affectedElements = []; - var _one = function(el, dontRemoveFocus) { - var info = _info(el); - if (info.text) { - info.el.parentNode.removeChild(info.el); - } - else if (info.el) { - while(info.el.childNodes.length > 0) { - _one(info.el.childNodes[0]); - } - if (!dontRemoveFocus) { - _doRemove(info, affectedElements); - } - } - }; - - _currentInstance.batch(function() { - _one(el, true); - }, doNotRepaint === false); - - return _currentInstance; - }; - - this.reset = function (doNotUnbindInstanceEventListeners) { - _currentInstance.silently(function() { - _hoverSuspended = false; - _currentInstance.removeAllGroups(); - _currentInstance.removeGroupManager(); - _currentInstance.deleteEveryEndpoint(); - if (!doNotUnbindInstanceEventListeners) { - _currentInstance.unbind(); - } - this.targetEndpointDefinitions = {}; - this.sourceEndpointDefinitions = {}; - connections.length = 0; - if (this.doReset) { - this.doReset(); - } - }.bind(this)); - }; - - var _clearObject = function (obj) { - if (obj.canvas && obj.canvas.parentNode) { - obj.canvas.parentNode.removeChild(obj.canvas); - } - obj.cleanup(); - obj.destroy(); - }; - - this.clear = function () { - _currentInstance.select().each(_clearObject); - _currentInstance.selectEndpoints().each(_clearObject); - - endpointsByElement = {}; - endpointsByUUID = {}; - }; - - this.setDefaultScope = function (scope) { - DEFAULT_SCOPE = scope; - return _currentInstance; - }; - - this.deriveEndpointAndAnchorSpec = function(type, dontPrependDefault) { - var bits = ((dontPrependDefault ? "" : "default ") + type).split(/[\s]/), eps = null, ep = null, a = null, as = null; - for (var i = 0; i < bits.length; i++) { - var _t = _currentInstance.getType(bits[i], "connection"); - if (_t) { - if (_t.endpoints) { - eps = _t.endpoints; - } - if (_t.endpoint) { - ep = _t.endpoint; - } - if (_t.anchors) { - as = _t.anchors; - } - if (_t.anchor) { - a = _t.anchor; - } - } - } - return { endpoints: eps ? eps : [ ep, ep ], anchors: as ? as : [a, a ]}; - }; - - // sets the id of some element, changing whatever we need to to keep track. - this.setId = function (el, newId, doNotSetAttribute) { - // - var id; - - if (_ju.isString(el)) { - id = el; - } - else { - el = this.getElement(el); - id = this.getId(el); - } - - var sConns = this.getConnections({source: id, scope: '*'}, true), - tConns = this.getConnections({target: id, scope: '*'}, true); - - newId = "" + newId; - - if (!doNotSetAttribute) { - el = this.getElement(id); - this.setAttribute(el, "id", newId); - } - else { - el = this.getElement(newId); - } - - endpointsByElement[newId] = endpointsByElement[id] || []; - for (var i = 0, ii = endpointsByElement[newId].length; i < ii; i++) { - endpointsByElement[newId][i].setElementId(newId); - endpointsByElement[newId][i].setReferenceElement(el); - } - delete endpointsByElement[id]; - - this.sourceEndpointDefinitions[newId] = this.sourceEndpointDefinitions[id]; - delete this.sourceEndpointDefinitions[id]; - this.targetEndpointDefinitions[newId] = this.targetEndpointDefinitions[id]; - delete this.targetEndpointDefinitions[id]; - - this.anchorManager.changeId(id, newId); - var dm = this.getDragManager(); - if (dm) { - dm.changeId(id, newId); - } - managedElements[newId] = managedElements[id]; - delete managedElements[id]; - - var _conns = function (list, epIdx, type) { - for (var i = 0, ii = list.length; i < ii; i++) { - list[i].endpoints[epIdx].setElementId(newId); - list[i].endpoints[epIdx].setReferenceElement(el); - list[i][type + "Id"] = newId; - list[i][type] = el; - } - }; - _conns(sConns, 0, "source"); - _conns(tConns, 1, "target"); - - this.repaint(newId); - }; - - this.setDebugLog = function (debugLog) { - log = debugLog; - }; - - this.setSuspendDrawing = function (val, repaintAfterwards) { - var curVal = _suspendDrawing; - _suspendDrawing = val; - if (val) { - _suspendedAt = new Date().getTime(); - } else { - _suspendedAt = null; - } - if (repaintAfterwards) { - this.repaintEverything(); - } - return curVal; - }; - - // returns whether or not drawing is currently suspended. - this.isSuspendDrawing = function () { - return _suspendDrawing; - }; - - // return timestamp for when drawing was suspended. - this.getSuspendedAt = function () { - return _suspendedAt; - }; - - this.batch = function (fn, doNotRepaintAfterwards) { - var _wasSuspended = this.isSuspendDrawing(); - if (!_wasSuspended) { - this.setSuspendDrawing(true); - } - try { - fn(); - } - catch (e) { - _ju.log("Function run while suspended failed", e); - } - if (!_wasSuspended) { - this.setSuspendDrawing(false, !doNotRepaintAfterwards); - } - }; - - this.doWhileSuspended = this.batch; - - this.getCachedData = _getCachedData; - this.timestamp = _timestamp; - this.show = function (el, changeEndpoints) { - _setVisible(el, "block", changeEndpoints); - return _currentInstance; - }; - - // TODO: update this method to return the current state. - this.toggleVisible = _toggleVisible; - this.addListener = this.bind; - - var floatingConnections = []; - this.registerFloatingConnection = function(info, conn, ep) { - floatingConnections[info.id] = conn; - // only register for the target endpoint; we will not be dragging the source at any time - // before this connection is either discarded or made into a permanent connection. - _ju.addToList(endpointsByElement, info.id, ep); - }; - this.getFloatingConnectionFor = function(id) { - return floatingConnections[id]; - }; - - this.listManager = new root.jsPlumbListManager(this); - }; - - _ju.extend(root.jsPlumbInstance, _ju.EventGenerator, { - setAttribute: function (el, a, v) { - this.setAttribute(el, a, v); - }, - getAttribute: function (el, a) { - return this.getAttribute(root.jsPlumb.getElement(el), a); - }, - convertToFullOverlaySpec: function(spec) { - if (_ju.isString(spec)) { - spec = [ spec, { } ]; - } - spec[1].id = spec[1].id || _ju.uuid(); - return spec; - }, - registerConnectionType: function (id, type) { - this._connectionTypes[id] = root.jsPlumb.extend({}, type); - if (type.overlays) { - var to = {}; - for (var i = 0; i < type.overlays.length; i++) { - // if a string, convert to object representation so that we can store the typeid on it. - // also assign an id. - var fo = this.convertToFullOverlaySpec(type.overlays[i]); - to[fo[1].id] = fo; - } - this._connectionTypes[id].overlays = to; - } - }, - registerConnectionTypes: function (types) { - for (var i in types) { - this.registerConnectionType(i, types[i]); - } - }, - registerEndpointType: function (id, type) { - this._endpointTypes[id] = root.jsPlumb.extend({}, type); - if (type.overlays) { - var to = {}; - for (var i = 0; i < type.overlays.length; i++) { - // if a string, convert to object representation so that we can store the typeid on it. - // also assign an id. - var fo = this.convertToFullOverlaySpec(type.overlays[i]); - to[fo[1].id] = fo; - } - this._endpointTypes[id].overlays = to; - } - }, - registerEndpointTypes: function (types) { - for (var i in types) { - this.registerEndpointType(i, types[i]); - } - }, - getType: function (id, typeDescriptor) { - return typeDescriptor === "connection" ? this._connectionTypes[id] : this._endpointTypes[id]; - }, - setIdChanged: function (oldId, newId) { - this.setId(oldId, newId, true); - }, - // set parent: change the parent for some node and update all the registrations we need to. - setParent: function (el, newParent) { - var _dom = this.getElement(el), - _id = this.getId(_dom), - _pdom = this.getElement(newParent), - _pid = this.getId(_pdom), - dm = this.getDragManager(); - - _dom.parentNode.removeChild(_dom); - _pdom.appendChild(_dom); - if (dm) { - dm.setParent(_dom, _id, _pdom, _pid); - } - }, - extend: function (o1, o2, names) { - var i; - if (names) { - for (i = 0; i < names.length; i++) { - o1[names[i]] = o2[names[i]]; - } - } - else { - for (i in o2) { - o1[i] = o2[i]; - } - } - - return o1; - }, - floatingConnections: {}, - getFloatingAnchorIndex: function (jpc) { - return jpc.endpoints[0].isFloating() ? 0 : jpc.endpoints[1].isFloating() ? 1 : -1; - }, - proxyConnection :function(connection, index, proxyEl, proxyElId, endpointGenerator, anchorGenerator) { - var proxyEp, - originalElementId = connection.endpoints[index].elementId, - originalEndpoint = connection.endpoints[index]; - - connection.proxies = connection.proxies || []; - if(connection.proxies[index]) { - proxyEp = connection.proxies[index].ep; - }else { - proxyEp = this.addEndpoint(proxyEl, { - endpoint:endpointGenerator(connection, index), - anchor:anchorGenerator(connection, index), - parameters:{ - isProxyEndpoint:true - } - }); - } - proxyEp.setDeleteOnEmpty(true); - - // for this index, stash proxy info: the new EP, the original EP. - connection.proxies[index] = { ep:proxyEp, originalEp: originalEndpoint }; - - // and advise the anchor manager - if (index === 0) { - // TODO why are there two differently named methods? Why is there not one method that says "some end of this - // connection changed (you give the index), and here's the new element and element id." - this.anchorManager.sourceChanged(originalElementId, proxyElId, connection, proxyEl); - } - else { - this.anchorManager.updateOtherEndpoint(connection.endpoints[0].elementId, originalElementId, proxyElId, connection); - connection.target = proxyEl; - connection.targetId = proxyElId; - } - - // detach the original EP from the connection. - originalEndpoint.detachFromConnection(connection, null, true); - - // set the proxy as the new ep - proxyEp.connections = [ connection ]; - connection.endpoints[index] = proxyEp; - - originalEndpoint.setVisible(false); - - connection.setVisible(true); - - this.revalidate(proxyEl); - }, - unproxyConnection : function(connection, index, proxyElId) { - // if connection cleaned up, no proxies, or none for this end of the connection, abort. - if (connection._jsPlumb == null || connection.proxies == null || connection.proxies[index] == null) { - return; - } - - var originalElement = connection.proxies[index].originalEp.element, - originalElementId = connection.proxies[index].originalEp.elementId; - - connection.endpoints[index] = connection.proxies[index].originalEp; - // and advise the anchor manager - if (index === 0) { - // TODO why are there two differently named methods? Why is there not one method that says "some end of this - // connection changed (you give the index), and here's the new element and element id." - this.anchorManager.sourceChanged(proxyElId, originalElementId, connection, originalElement); - } - else { - this.anchorManager.updateOtherEndpoint(connection.endpoints[0].elementId, proxyElId, originalElementId, connection); - connection.target = originalElement; - connection.targetId = originalElementId; - } - - // detach the proxy EP from the connection (which will cause it to be removed as we no longer need it) - connection.proxies[index].ep.detachFromConnection(connection, null); - - connection.proxies[index].originalEp.addConnection(connection); - if(connection.isVisible()) { - connection.proxies[index].originalEp.setVisible(true); - } - - // cleanup - delete connection.proxies[index]; - } - }); - -// --------------------- static instance + module registration ------------------------------------------- - -// create static instance and assign to window if window exists. - var jsPlumb = new jsPlumbInstance(); - // register on 'root' (lets us run on server or browser) - root.jsPlumb = jsPlumb; - // add 'getInstance' method to static instance - jsPlumb.getInstance = function (_defaults, overrideFns) { - var j = new jsPlumbInstance(_defaults); - if (overrideFns) { - for (var ovf in overrideFns) { - j[ovf] = overrideFns[ovf]; - } - } - j.init(); - return j; - }; - jsPlumb.each = function (spec, fn) { - if (spec == null) { - return; - } - if (typeof spec === "string") { - fn(jsPlumb.getElement(spec)); - } - else if (spec.length != null) { - for (var i = 0; i < spec.length; i++) { - fn(jsPlumb.getElement(spec[i])); - } - } - else { - fn(spec); - } // assume it's an element. - }; - - // CommonJS - if (typeof exports !== 'undefined') { - exports.jsPlumb = jsPlumb; - } - -// --------------------- end static instance + AMD registration ------------------------------------------- - -}).call(typeof window !== 'undefined' ? window : this); - -/* - * 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -;(function() { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - - // ------------------------------ BEGIN OverlayCapablejsPlumbUIComponent -------------------------------------------- - - var _internalLabelOverlayId = "__label", - // this is a shortcut helper method to let people add a label as - // overlay. - _makeLabelOverlay = function (component, params) { - - var _params = { - cssClass: params.cssClass, - labelStyle: component.labelStyle, - id: _internalLabelOverlayId, - component: component, - _jsPlumb: component._jsPlumb.instance // TODO not necessary, since the instance can be accessed through the component. - }, - mergedParams = _jp.extend(_params, params); - - return new _jp.Overlays[component._jsPlumb.instance.getRenderMode()].Label(mergedParams); - }, - _processOverlay = function (component, o) { - var _newOverlay = null; - if (_ju.isArray(o)) { // this is for the shorthand ["Arrow", { width:50 }] syntax - // there's also a three arg version: - // ["Arrow", { width:50 }, {location:0.7}] - // which merges the 3rd arg into the 2nd. - var type = o[0], - // make a copy of the object so as not to mess up anyone else's reference... - p = _jp.extend({component: component, _jsPlumb: component._jsPlumb.instance}, o[1]); - if (o.length === 3) { - _jp.extend(p, o[2]); - } - _newOverlay = new _jp.Overlays[component._jsPlumb.instance.getRenderMode()][type](p); - } else if (o.constructor === String) { - _newOverlay = new _jp.Overlays[component._jsPlumb.instance.getRenderMode()][o]({component: component, _jsPlumb: component._jsPlumb.instance}); - } else { - _newOverlay = o; - } - - _newOverlay.id = _newOverlay.id || _ju.uuid(); - component.cacheTypeItem("overlay", _newOverlay, _newOverlay.id); - component._jsPlumb.overlays[_newOverlay.id] = _newOverlay; - - return _newOverlay; - }; - - _jp.OverlayCapableJsPlumbUIComponent = function (params) { - - root.jsPlumbUIComponent.apply(this, arguments); - this._jsPlumb.overlays = {}; - this._jsPlumb.overlayPositions = {}; - - if (params.label) { - this.getDefaultType().overlays[_internalLabelOverlayId] = ["Label", { - label: params.label, - location: params.labelLocation || this.defaultLabelLocation || 0.5, - labelStyle: params.labelStyle || this._jsPlumb.instance.Defaults.LabelStyle, - id:_internalLabelOverlayId - }]; - }else if(params.id){ - // 新增 label 为空时设置的cssClass无效问题，可以使用 emptyLabelStyle: {cssClass: 'emptyFlowLabel'} 进行设置 by_ 萌级小菜鸟 - this.getDefaultType().overlays[_internalLabelOverlayId] = ["Label", { - label: params.label, - location: params.labelLocation || this.defaultLabelLocation || 0.5, - labelStyle: params.emptyLabelStyle || this._jsPlumb.instance.Defaults.emptyLabelStyle, - id:_internalLabelOverlayId - }]; - } - - this.setListenerComponent = function (c) { - if (this._jsPlumb) { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i].setListenerComponent(c); - } - } - }; - }; - - _jp.OverlayCapableJsPlumbUIComponent.applyType = function (component, t) { - if (t.overlays) { - // loop through the ones in the type. if already present on the component, - // dont remove or re-add. - var keep = {}, i; - - for (i in t.overlays) { - - var existing = component._jsPlumb.overlays[t.overlays[i][1].id]; - if (existing) { - // maybe update from data, if there were parameterised values for instance. - existing.updateFrom(t.overlays[i][1]); - keep[t.overlays[i][1].id] = true; - } - else { - var c = component.getCachedTypeItem("overlay", t.overlays[i][1].id); - if (c != null) { - c.reattach(component._jsPlumb.instance, component); - c.setVisible(true); - // maybe update from data, if there were parameterised values for instance. - c.updateFrom(t.overlays[i][1]); - component._jsPlumb.overlays[c.id] = c; - } - else { - c = component.addOverlay(t.overlays[i], true); - } - keep[c.id] = true; - } - } - - // now loop through the full overlays and remove those that we dont want to keep - for (i in component._jsPlumb.overlays) { - if (keep[component._jsPlumb.overlays[i].id] == null) { - component.removeOverlay(component._jsPlumb.overlays[i].id, true); // remove overlay but dont clean it up. - // that would remove event listeners etc; overlays are never discarded by the types stuff, they are - // just detached/reattached. - } - } - } - }; - - _ju.extend(_jp.OverlayCapableJsPlumbUIComponent, root.jsPlumbUIComponent, { - - setHover: function (hover, ignoreAttachedElements) { - if (this._jsPlumb && !this._jsPlumb.instance.isConnectionBeingDragged()) { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i][hover ? "addClass" : "removeClass"](this._jsPlumb.instance.hoverClass); - } - } - }, - addOverlay: function (overlay, doNotRepaint) { - var o = _processOverlay(this, overlay); - - if (this.getData && o.type === "Label" && _ju.isArray(overlay)) { - // - // component data might contain label location - look for it here. - var d = this.getData(), p = overlay[1]; - if (d) { - var locationAttribute = p.labelLocationAttribute || "labelLocation"; - var loc = d ? d[locationAttribute] : null; - - if (loc) { - o.loc = loc; - } - } - } - - if (!doNotRepaint) { - this.repaint(); - } - return o; - }, - getOverlay: function (id) { - return this._jsPlumb.overlays[id]; - }, - getOverlays: function () { - return this._jsPlumb.overlays; - }, - hideOverlay: function (id) { - var o = this.getOverlay(id); - if (o) { - o.hide(); - } - }, - hideOverlays: function () { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i].hide(); - } - }, - showOverlay: function (id) { - var o = this.getOverlay(id); - if (o) { - o.show(); - } - }, - showOverlays: function () { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i].show(); - } - }, - removeAllOverlays: function (doNotRepaint) { - for (var i in this._jsPlumb.overlays) { - if (this._jsPlumb.overlays[i].cleanup) { - this._jsPlumb.overlays[i].cleanup(); - } - } - - this._jsPlumb.overlays = {}; - this._jsPlumb.overlayPositions = null; - this._jsPlumb.overlayPlacements= {}; - if (!doNotRepaint) { - this.repaint(); - } - }, - removeOverlay: function (overlayId, dontCleanup) { - var o = this._jsPlumb.overlays[overlayId]; - if (o) { - o.setVisible(false); - if (!dontCleanup && o.cleanup) { - o.cleanup(); - } - delete this._jsPlumb.overlays[overlayId]; - if (this._jsPlumb.overlayPositions) { - delete this._jsPlumb.overlayPositions[overlayId]; - } - - if (this._jsPlumb.overlayPlacements) { - delete this._jsPlumb.overlayPlacements[overlayId]; - } - } - }, - removeOverlays: function () { - for (var i = 0, j = arguments.length; i < j; i++) { - this.removeOverlay(arguments[i]); - } - }, - moveParent: function (newParent) { - if (this.bgCanvas) { - this.bgCanvas.parentNode.removeChild(this.bgCanvas); - newParent.appendChild(this.bgCanvas); - } - - if (this.canvas && this.canvas.parentNode) { - this.canvas.parentNode.removeChild(this.canvas); - newParent.appendChild(this.canvas); - - for (var i in this._jsPlumb.overlays) { - if (this._jsPlumb.overlays[i].isAppendedAtTopLevel) { - var el = this._jsPlumb.overlays[i].getElement(); - el.parentNode.removeChild(el); - newParent.appendChild(el); - } - } - } - }, - getLabel: function () { - var lo = this.getOverlay(_internalLabelOverlayId); - return lo != null ? lo.getLabel() : null; - }, - getLabelOverlay: function () { - return this.getOverlay(_internalLabelOverlayId); - }, - setLabel: function (l) { - var lo = this.getOverlay(_internalLabelOverlayId); - if (!lo) { - var params = l.constructor === String || l.constructor === Function ? { label: l } : l; - lo = _makeLabelOverlay(this, params); - this._jsPlumb.overlays[_internalLabelOverlayId] = lo; - } - else { - if (l.constructor === String || l.constructor === Function) { - lo.setLabel(l); - } - else { - // 修复设置label为空时原来的值无法替换，by_萌级小菜鸟 2020年05月08日21:26:15 - if (!l.label) { - l.label = '' - } - lo.setLabel(l.label); - if (l.location) { - lo.setLocation(l.location); - } - } - } - - if (!this._jsPlumb.instance.isSuspendDrawing()) { - this.repaint(); - } - }, - cleanup: function (force) { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i].cleanup(force); - this._jsPlumb.overlays[i].destroy(force); - } - if (force) { - this._jsPlumb.overlays = {}; - this._jsPlumb.overlayPositions = null; - } - }, - setVisible: function (v) { - this[v ? "showOverlays" : "hideOverlays"](); - }, - setAbsoluteOverlayPosition: function (overlay, xy) { - this._jsPlumb.overlayPositions[overlay.id] = xy; - }, - getAbsoluteOverlayPosition: function (overlay) { - return this._jsPlumb.overlayPositions ? this._jsPlumb.overlayPositions[overlay.id] : null; - }, - _clazzManip:function(action, clazz, dontUpdateOverlays) { - if (!dontUpdateOverlays) { - for (var i in this._jsPlumb.overlays) { - this._jsPlumb.overlays[i][action + "Class"](clazz); - } - } - }, - addClass:function(clazz, dontUpdateOverlays) { - this._clazzManip("add", clazz, dontUpdateOverlays); - }, - removeClass:function(clazz, dontUpdateOverlays) { - this._clazzManip("remove", clazz, dontUpdateOverlays); - } - }); - -// ------------------------------ END OverlayCapablejsPlumbUIComponent -------------------------------------------- - -}).call(typeof window !== 'undefined' ? window : this); - -/* - * This file contains the code for Endpoints. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -;(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - - // create the drag handler for a connection - var _makeConnectionDragHandler = function (endpoint, placeholder, _jsPlumb) { - var stopped = false; - return { - drag: function () { - if (stopped) { - stopped = false; - return true; - } - - if (placeholder.element) { - var _ui = _jsPlumb.getUIPosition(arguments, _jsPlumb.getZoom()); - if (_ui != null) { - _jsPlumb.setPosition(placeholder.element, _ui); - } - _jsPlumb.repaint(placeholder.element, _ui); - // always repaint the source endpoint, because only continuous/dynamic anchors cause the endpoint - // to be repainted, so static anchors need to be told (or the endpoint gets dragged around) - endpoint.paint({anchorPoint:endpoint.anchor.getCurrentLocation({element:endpoint})}); - } - }, - stopDrag: function () { - stopped = true; - } - }; - }; - - // creates a placeholder div for dragging purposes, adds it, and pre-computes its offset. - var _makeDraggablePlaceholder = function (placeholder, _jsPlumb, ipco, ips) { - var n = _jsPlumb.createElement("div", { position : "absolute" }); - _jsPlumb.appendElement(n); - var id = _jsPlumb.getId(n); - _jsPlumb.setPosition(n, ipco); - n.style.width = ips[0] + "px"; - n.style.height = ips[1] + "px"; - _jsPlumb.manage(id, n, true); // TRANSIENT MANAGE - // create and assign an id, and initialize the offset. - placeholder.id = id; - placeholder.element = n; - }; - - // create a floating endpoint (for drag connections) - var _makeFloatingEndpoint = function (paintStyle, referenceAnchor, endpoint, referenceCanvas, sourceElement, _jsPlumb, _newEndpoint, scope) { - var floatingAnchor = new _jp.FloatingAnchor({ reference: referenceAnchor, referenceCanvas: referenceCanvas, jsPlumbInstance: _jsPlumb }); - //setting the scope here should not be the way to fix that mootools issue. it should be fixed by not - // adding the floating endpoint as a droppable. that makes more sense anyway! - // TRANSIENT MANAGE - return _newEndpoint({ - paintStyle: paintStyle, - endpoint: endpoint, - anchor: floatingAnchor, - source: sourceElement, - scope: scope - }); - }; - - var typeParameters = [ "connectorStyle", "connectorHoverStyle", "connectorOverlays", - "connector", "connectionType", "connectorClass", "connectorHoverClass" ]; - - // a helper function that tries to find a connection to the given element, and returns it if so. if elementWithPrecedence is null, - // or no connection to it is found, we return the first connection in our list. - var findConnectionToUseForDynamicAnchor = function (ep, elementWithPrecedence) { - var idx = 0; - if (elementWithPrecedence != null) { - for (var i = 0; i < ep.connections.length; i++) { - if (ep.connections[i].sourceId === elementWithPrecedence || ep.connections[i].targetId === elementWithPrecedence) { - idx = i; - break; - } - } - } - - return ep.connections[idx]; - }; - - _jp.Endpoint = function (params) { - var _jsPlumb = params._jsPlumb, - _newConnection = params.newConnection, - _newEndpoint = params.newEndpoint; - - this.idPrefix = "_jsplumb_e_"; - this.defaultLabelLocation = [ 0.5, 0.5 ]; - this.defaultOverlayKeys = ["Overlays", "EndpointOverlays"]; - _jp.OverlayCapableJsPlumbUIComponent.apply(this, arguments); - -// TYPE - - this.appendToDefaultType({ - connectionType:params.connectionType, - maxConnections: params.maxConnections == null ? this._jsPlumb.instance.Defaults.MaxConnections : params.maxConnections, // maximum number of connections this endpoint can be the source of., - paintStyle: params.endpointStyle || params.paintStyle || params.style || this._jsPlumb.instance.Defaults.EndpointStyle || _jp.Defaults.EndpointStyle, - hoverPaintStyle: params.endpointHoverStyle || params.hoverPaintStyle || this._jsPlumb.instance.Defaults.EndpointHoverStyle || _jp.Defaults.EndpointHoverStyle, - connectorStyle: params.connectorStyle, - connectorHoverStyle: params.connectorHoverStyle, - connectorClass: params.connectorClass, - connectorHoverClass: params.connectorHoverClass, - connectorOverlays: params.connectorOverlays, - connector: params.connector, - connectorTooltip: params.connectorTooltip - }); - -// END TYPE - - this._jsPlumb.enabled = !(params.enabled === false); - this._jsPlumb.visible = true; - this.element = _jp.getElement(params.source); - this._jsPlumb.uuid = params.uuid; - this._jsPlumb.floatingEndpoint = null; - var inPlaceCopy = null; - if (this._jsPlumb.uuid) { - params.endpointsByUUID[this._jsPlumb.uuid] = this; - } - this.elementId = params.elementId; - this.dragProxy = params.dragProxy; - - this._jsPlumb.connectionCost = params.connectionCost; - this._jsPlumb.connectionsDirected = params.connectionsDirected; - this._jsPlumb.currentAnchorClass = ""; - this._jsPlumb.events = {}; - - var deleteOnEmpty = params.deleteOnEmpty === true; - this.setDeleteOnEmpty = function(d) { - deleteOnEmpty = d; - }; - - var _updateAnchorClass = function () { - // stash old, get new - var oldAnchorClass = _jsPlumb.endpointAnchorClassPrefix + "-" + this._jsPlumb.currentAnchorClass; - this._jsPlumb.currentAnchorClass = this.anchor.getCssClass(); - var anchorClass = _jsPlumb.endpointAnchorClassPrefix + (this._jsPlumb.currentAnchorClass ? "-" + this._jsPlumb.currentAnchorClass : ""); - - this.removeClass(oldAnchorClass); - this.addClass(anchorClass); - // add and remove at the same time to reduce the number of reflows. - _jp.updateClasses(this.element, anchorClass, oldAnchorClass); - }.bind(this); - - this.prepareAnchor = function(anchorParams) { - var a = this._jsPlumb.instance.makeAnchor(anchorParams, this.elementId, _jsPlumb); - a.bind("anchorChanged", function (currentAnchor) { - this.fire("anchorChanged", {endpoint: this, anchor: currentAnchor}); - _updateAnchorClass(); - }.bind(this)); - return a; - }; - - this.setPreparedAnchor = function(anchor, doNotRepaint) { - this._jsPlumb.instance.continuousAnchorFactory.clear(this.elementId); - this.anchor = anchor; - _updateAnchorClass(); - - if (!doNotRepaint) { - this._jsPlumb.instance.repaint(this.elementId); - } - - return this; - }; - - this.setAnchor = function (anchorParams, doNotRepaint) { - var a = this.prepareAnchor(anchorParams); - this.setPreparedAnchor(a, doNotRepaint); - return this; - }; - - var internalHover = function (state) { - if (this.connections.length > 0) { - for (var i = 0; i < this.connections.length; i++) { - this.connections[i].setHover(state, false); - } - } - else { - this.setHover(state); - } - }.bind(this); - - this.bind("mouseover", function () { - internalHover(true); - }); - this.bind("mouseout", function () { - internalHover(false); - }); - - // ANCHOR MANAGER - if (!params._transient) { // in place copies, for example, are transient. they will never need to be retrieved during a paint cycle, because they dont move, and then they are deleted. - this._jsPlumb.instance.anchorManager.add(this, this.elementId); - } - - this.prepareEndpoint = function(ep, typeId) { - var _e = function (t, p) { - var rm = _jsPlumb.getRenderMode(); - if (_jp.Endpoints[rm][t]) { - return new _jp.Endpoints[rm][t](p); - } - if (!_jsPlumb.Defaults.DoNotThrowErrors) { - throw { msg: "jsPlumb: unknown endpoint type '" + t + "'" }; - } - }; - - var endpointArgs = { - _jsPlumb: this._jsPlumb.instance, - cssClass: params.cssClass, - container: params.container, - tooltip: params.tooltip, - connectorTooltip: params.connectorTooltip, - endpoint: this - }; - - var endpoint; - - if (_ju.isString(ep)) { - endpoint = _e(ep, endpointArgs); - } - else if (_ju.isArray(ep)) { - endpointArgs = _ju.merge(ep[1], endpointArgs); - endpoint = _e(ep[0], endpointArgs); - } - else { - endpoint = ep.clone(); - } - - // assign a clone function using a copy of endpointArgs. this is used when a drag starts: the endpoint that was dragged is cloned, - // and the clone is left in its place while the original one goes off on a magical journey. - // the copy is to get around a closure problem, in which endpointArgs ends up getting shared by - // the whole world. - //var argsForClone = jsPlumb.extend({}, endpointArgs); - endpoint.clone = function () { - // TODO this, and the code above, can be refactored to be more dry. - if (_ju.isString(ep)) { - return _e(ep, endpointArgs); - } - else if (_ju.isArray(ep)) { - endpointArgs = _ju.merge(ep[1], endpointArgs); - return _e(ep[0], endpointArgs); - } - }.bind(this); - - endpoint.typeId = typeId; - return endpoint; - }; - - this.setEndpoint = function(ep, doNotRepaint) { - var _ep = this.prepareEndpoint(ep); - this.setPreparedEndpoint(_ep, true); - }; - - this.setPreparedEndpoint = function (ep, doNotRepaint) { - if (this.endpoint != null) { - this.endpoint.cleanup(); - this.endpoint.destroy(); - } - this.endpoint = ep; - this.type = this.endpoint.type; - this.canvas = this.endpoint.canvas; - }; - - _jp.extend(this, params, typeParameters); - - this.isSource = params.isSource || false; - this.isTemporarySource = params.isTemporarySource || false; - this.isTarget = params.isTarget || false; - - this.connections = params.connections || []; - this.connectorPointerEvents = params["connector-pointer-events"]; - - this.scope = params.scope || _jsPlumb.getDefaultScope(); - this.timestamp = null; - this.reattachConnections = params.reattach || _jsPlumb.Defaults.ReattachConnections; - this.connectionsDetachable = _jsPlumb.Defaults.ConnectionsDetachable; - if (params.connectionsDetachable === false || params.detachable === false) { - this.connectionsDetachable = false; - } - this.dragAllowedWhenFull = params.dragAllowedWhenFull !== false; - - if (params.onMaxConnections) { - this.bind("maxConnections", params.onMaxConnections); - } - - // - // add a connection. not part of public API. - // - this.addConnection = function (connection) { - this.connections.push(connection); - this[(this.connections.length > 0 ? "add" : "remove") + "Class"](_jsPlumb.endpointConnectedClass); - this[(this.isFull() ? "add" : "remove") + "Class"](_jsPlumb.endpointFullClass); - }; - - this.detachFromConnection = function (connection, idx, doNotCleanup) { - idx = idx == null ? this.connections.indexOf(connection) : idx; - if (idx >= 0) { - this.connections.splice(idx, 1); - this[(this.connections.length > 0 ? "add" : "remove") + "Class"](_jsPlumb.endpointConnectedClass); - this[(this.isFull() ? "add" : "remove") + "Class"](_jsPlumb.endpointFullClass); - } - - if (!doNotCleanup && deleteOnEmpty && this.connections.length === 0) { - _jsPlumb.deleteObject({ - endpoint: this, - fireEvent: false, - deleteAttachedObjects: doNotCleanup !== true - }); - } - }; - - this.deleteEveryConnection = function(params) { - var c = this.connections.length; - for (var i = 0; i < c; i++) { - _jsPlumb.deleteConnection(this.connections[0], params); - } - }; - - this.detachFrom = function (targetEndpoint, fireEvent, originalEvent) { - var c = []; - for (var i = 0; i < this.connections.length; i++) { - if (this.connections[i].endpoints[1] === targetEndpoint || this.connections[i].endpoints[0] === targetEndpoint) { - c.push(this.connections[i]); - } - } - for (var j = 0, count = c.length; j < count; j++) { - _jsPlumb.deleteConnection(c[0]); - } - return this; - }; - - this.getElement = function () { - return this.element; - }; - - this.setElement = function (el) { - var parentId = this._jsPlumb.instance.getId(el), - curId = this.elementId; - // remove the endpoint from the list for the current endpoint's element - _ju.removeWithFunction(params.endpointsByElement[this.elementId], function (e) { - return e.id === this.id; - }.bind(this)); - this.element = _jp.getElement(el); - this.elementId = _jsPlumb.getId(this.element); - _jsPlumb.anchorManager.rehomeEndpoint(this, curId, this.element); - _jsPlumb.dragManager.endpointAdded(this.element); - _ju.addToList(params.endpointsByElement, parentId, this); - return this; - }; - - /** - * private but must be exposed. - */ - this.makeInPlaceCopy = function () { - var loc = this.anchor.getCurrentLocation({element: this}), - o = this.anchor.getOrientation(this), - acc = this.anchor.getCssClass(), - inPlaceAnchor = { - bind: function () { - }, - compute: function () { - return [ loc[0], loc[1] ]; - }, - getCurrentLocation: function () { - return [ loc[0], loc[1] ]; - }, - getOrientation: function () { - return o; - }, - getCssClass: function () { - return acc; - } - }; - - return _newEndpoint({ - dropOptions: params.dropOptions, - anchor: inPlaceAnchor, - source: this.element, - paintStyle: this.getPaintStyle(), - endpoint: params.hideOnDrag ? "Blank" : this.endpoint, - _transient: true, - scope: this.scope, - reference:this - }); - }; - - /** - * returns a connection from the pool; used when dragging starts. just gets the head of the array if it can. - */ - this.connectorSelector = function () { - return this.connections[0]; - }; - - this.setStyle = this.setPaintStyle; - - this.paint = function (params) { - params = params || {}; - var timestamp = params.timestamp, recalc = !(params.recalc === false); - if (!timestamp || this.timestamp !== timestamp) { - - var info = _jsPlumb.updateOffset({ elId: this.elementId, timestamp: timestamp }); - - var xy = params.offset ? params.offset.o : info.o; - if (xy != null) { - var ap = params.anchorPoint, connectorPaintStyle = params.connectorPaintStyle; - if (ap == null) { - var wh = params.dimensions || info.s, - anchorParams = { xy: [ xy.left, xy.top ], wh: wh, element: this, timestamp: timestamp }; - if (recalc && this.anchor.isDynamic && this.connections.length > 0) { - var c = findConnectionToUseForDynamicAnchor(this, params.elementWithPrecedence), - oIdx = c.endpoints[0] === this ? 1 : 0, - oId = oIdx === 0 ? c.sourceId : c.targetId, - oInfo = _jsPlumb.getCachedData(oId), - oOffset = oInfo.o, oWH = oInfo.s; - - anchorParams.index = oIdx === 0 ? 1 : 0; - anchorParams.connection = c; - anchorParams.txy = [ oOffset.left, oOffset.top ]; - anchorParams.twh = oWH; - anchorParams.tElement = c.endpoints[oIdx]; - } else if (this.connections.length > 0) { - anchorParams.connection = this.connections[0]; - } - ap = this.anchor.compute(anchorParams); - } - - this.endpoint.compute(ap, this.anchor.getOrientation(this), this._jsPlumb.paintStyleInUse, connectorPaintStyle || this.paintStyleInUse); - this.endpoint.paint(this._jsPlumb.paintStyleInUse, this.anchor); - this.timestamp = timestamp; - - // paint overlays - for (var i in this._jsPlumb.overlays) { - if (this._jsPlumb.overlays.hasOwnProperty(i)) { - var o = this._jsPlumb.overlays[i]; - if (o.isVisible()) { - this._jsPlumb.overlayPlacements[i] = o.draw(this.endpoint, this._jsPlumb.paintStyleInUse); - o.paint(this._jsPlumb.overlayPlacements[i]); - } - } - } - } - } - }; - - this.getTypeDescriptor = function () { - return "endpoint"; - }; - this.isVisible = function () { - return this._jsPlumb.visible; - }; - - this.repaint = this.paint; - - var draggingInitialised = false; - this.initDraggable = function () { - - // is this a connection source? we make it draggable and have the - // drag listener maintain a connection with a floating endpoint. - if (!draggingInitialised && _jp.isDragSupported(this.element)) { - var placeholderInfo = { id: null, element: null }, - jpc = null, - existingJpc = false, - existingJpcParams = null, - _dragHandler = _makeConnectionDragHandler(this, placeholderInfo, _jsPlumb), - dragOptions = params.dragOptions || {}, - defaultOpts = {}, - startEvent = _jp.dragEvents.start, - stopEvent = _jp.dragEvents.stop, - dragEvent = _jp.dragEvents.drag, - beforeStartEvent = _jp.dragEvents.beforeStart, - payload; - - // respond to beforeStart from katavorio; this will have, optionally, a payload of attribute values - // that were placed there by the makeSource mousedown listener. - var beforeStart = function(beforeStartParams) { - payload = beforeStartParams.e.payload || {}; - }; - - var start = function (startParams) { - -// ------------- first, get a connection to drag. this may be null, in which case we are dragging a new one. - - jpc = this.connectorSelector(); - -// -------------------------------- now a bunch of tests about whether or not to proceed ------------------------- - - var _continue = true; - // if not enabled, return - if (!this.isEnabled()) { - _continue = false; - } - // if no connection and we're not a source - or temporarily a source, as is the case with makeSource - return. - if (jpc == null && !this.isSource && !this.isTemporarySource) { - _continue = false; - } - // otherwise if we're full and not allowed to drag, also return false. - if (this.isSource && this.isFull() && !(jpc != null && this.dragAllowedWhenFull)) { - _continue = false; - } - // if the connection was setup as not detachable or one of its endpoints - // was setup as connectionsDetachable = false, or Defaults.ConnectionsDetachable - // is set to false... - if (jpc != null && !jpc.isDetachable(this)) { - // .. and the endpoint is full - if (this.isFull()) { - _continue = false; - } else { - // otherwise, if not full, set the connection to null, and we will now proceed - // to drag a new connection. - jpc = null; - } - } - - var beforeDrag = _jsPlumb.checkCondition(jpc == null ? "beforeDrag" : "beforeStartDetach", { - endpoint:this, - source:this.element, - sourceId:this.elementId, - connection:jpc - }); - if (beforeDrag === false) { - _continue = false; - } - // else we might have been given some data. we'll pass it in to a new connection as 'data'. - // here we also merge in the optional payload we were given on mousedown. - else if (typeof beforeDrag === "object") { - _jp.extend(beforeDrag, payload || {}); - } - else { - // or if no beforeDrag data, maybe use the payload on its own. - beforeDrag = payload || {}; - } - - if (_continue === false) { - // this is for mootools and yui. returning false from this causes jquery to stop drag. - // the events are wrapped in both mootools and yui anyway, but i don't think returning - // false from the start callback would stop a drag. - if (_jsPlumb.stopDrag) { - _jsPlumb.stopDrag(this.canvas); - } - _dragHandler.stopDrag(); - return false; - } - -// --------------------------------------------------------------------------------------------------------------------- - - // ok to proceed. - - // clear hover for all connections for this endpoint before continuing. - for (var i = 0; i < this.connections.length; i++) { - this.connections[i].setHover(false); - } - - this.addClass("endpointDrag"); - _jsPlumb.setConnectionBeingDragged(true); - - // if we're not full but there was a connection, make it null. we'll create a new one. - if (jpc && !this.isFull() && this.isSource) { - jpc = null; - } - - _jsPlumb.updateOffset({ elId: this.elementId }); - -// ---------------- make the element we will drag around, and position it ----------------------------- - - var ipco = this._jsPlumb.instance.getOffset(this.canvas), - canvasElement = this.canvas, - ips = this._jsPlumb.instance.getSize(this.canvas); - - _makeDraggablePlaceholder(placeholderInfo, _jsPlumb, ipco, ips); - - // store the id of the dragging div and the source element. the drop function will pick these up. - _jsPlumb.setAttributes(this.canvas, { - "dragId": placeholderInfo.id, - "elId": this.elementId - }); - -// ------------------- create an endpoint that will be our floating endpoint ------------------------------------ - - var endpointToFloat = this.dragProxy || this.endpoint; - if (this.dragProxy == null && this.connectionType != null) { - var aae = this._jsPlumb.instance.deriveEndpointAndAnchorSpec(this.connectionType); - if (aae.endpoints[1]) { - endpointToFloat = aae.endpoints[1]; - } - } - var centerAnchor = this._jsPlumb.instance.makeAnchor("Center"); - centerAnchor.isFloating = true; - this._jsPlumb.floatingEndpoint = _makeFloatingEndpoint(this.getPaintStyle(), centerAnchor, endpointToFloat, this.canvas, placeholderInfo.element, _jsPlumb, _newEndpoint, this.scope); - var _savedAnchor = this._jsPlumb.floatingEndpoint.anchor; - - - if (jpc == null) { - - this.setHover(false, false); - // create a connection. one end is this endpoint, the other is a floating endpoint. - jpc = _newConnection({ - sourceEndpoint: this, - targetEndpoint: this._jsPlumb.floatingEndpoint, - source: this.element, // for makeSource with parent option. ensure source element is represented correctly. - target: placeholderInfo.element, - anchors: [ this.anchor, this._jsPlumb.floatingEndpoint.anchor ], - paintStyle: params.connectorStyle, // this can be null. Connection will use the default. - hoverPaintStyle: params.connectorHoverStyle, - connector: params.connector, // this can also be null. Connection will use the default. - overlays: params.connectorOverlays, - type: this.connectionType, - cssClass: this.connectorClass, - hoverClass: this.connectorHoverClass, - scope:params.scope, - data:beforeDrag - }); - jpc.pending = true; - jpc.addClass(_jsPlumb.draggingClass); - this._jsPlumb.floatingEndpoint.addClass(_jsPlumb.draggingClass); - this._jsPlumb.floatingEndpoint.anchor = _savedAnchor; - // fire an event that informs that a connection is being dragged - _jsPlumb.fire("connectionDrag", jpc); - - // register the new connection on the drag manager. This connection, at this point, is 'pending', - // and has as its target a temporary element (the 'placeholder'). If the connection subsequently - // becomes established, the anchor manager is informed that the target of the connection has - // changed. - - _jsPlumb.anchorManager.newConnection(jpc); - - } else { - existingJpc = true; - jpc.setHover(false); - // new anchor idx - var anchorIdx = jpc.endpoints[0].id === this.id ? 0 : 1; - this.detachFromConnection(jpc, null, true); // detach from the connection while dragging is occurring. but dont cleanup automatically. - - // store the original scope (issue 57) - var dragScope = _jsPlumb.getDragScope(canvasElement); - _jsPlumb.setAttribute(this.canvas, "originalScope", dragScope); - - // fire an event that informs that a connection is being dragged. we do this before - // replacing the original target with the floating element info. - _jsPlumb.fire("connectionDrag", jpc); - - // now we replace ourselves with the temporary div we created above: - if (anchorIdx === 0) { - existingJpcParams = [ jpc.source, jpc.sourceId, canvasElement, dragScope ]; - _jsPlumb.anchorManager.sourceChanged(jpc.endpoints[anchorIdx].elementId, placeholderInfo.id, jpc, placeholderInfo.element); - - } else { - existingJpcParams = [ jpc.target, jpc.targetId, canvasElement, dragScope ]; - jpc.target = placeholderInfo.element; - jpc.targetId = placeholderInfo.id; - - _jsPlumb.anchorManager.updateOtherEndpoint(jpc.sourceId, jpc.endpoints[anchorIdx].elementId, jpc.targetId, jpc); - } - - // store the original endpoint and assign the new floating endpoint for the drag. - jpc.suspendedEndpoint = jpc.endpoints[anchorIdx]; - - // PROVIDE THE SUSPENDED ELEMENT, BE IT A SOURCE OR TARGET (ISSUE 39) - jpc.suspendedElement = jpc.endpoints[anchorIdx].getElement(); - jpc.suspendedElementId = jpc.endpoints[anchorIdx].elementId; - jpc.suspendedElementType = anchorIdx === 0 ? "source" : "target"; - - jpc.suspendedEndpoint.setHover(false); - this._jsPlumb.floatingEndpoint.referenceEndpoint = jpc.suspendedEndpoint; - jpc.endpoints[anchorIdx] = this._jsPlumb.floatingEndpoint; - - jpc.addClass(_jsPlumb.draggingClass); - this._jsPlumb.floatingEndpoint.addClass(_jsPlumb.draggingClass); - } - - _jsPlumb.registerFloatingConnection(placeholderInfo, jpc, this._jsPlumb.floatingEndpoint); - - // // register it and register connection on it. - // _jsPlumb.floatingConnections[placeholderInfo.id] = jpc; - // - // // only register for the target endpoint; we will not be dragging the source at any time - // // before this connection is either discarded or made into a permanent connection. - // _ju.addToList(params.endpointsByElement, placeholderInfo.id, this._jsPlumb.floatingEndpoint); - - - // tell jsplumb about it - _jsPlumb.currentlyDragging = true; - }.bind(this); - - var stop = function () { - _jsPlumb.setConnectionBeingDragged(false); - - if (jpc && jpc.endpoints != null) { - // get the actual drop event (decode from library args to stop function) - var originalEvent = _jsPlumb.getDropEvent(arguments); - // unlock the other endpoint (if it is dynamic, it would have been locked at drag start) - var idx = _jsPlumb.getFloatingAnchorIndex(jpc); - jpc.endpoints[idx === 0 ? 1 : 0].anchor.unlock(); - // TODO: Dont want to know about css classes inside jsplumb, ideally. - jpc.removeClass(_jsPlumb.draggingClass); - - // if we have the floating endpoint then the connection has not been dropped - // on another endpoint. If it is a new connection we throw it away. If it is an - // existing connection we check to see if we should reattach it, throwing it away - // if not. - if (this._jsPlumb && (jpc.deleteConnectionNow || jpc.endpoints[idx] === this._jsPlumb.floatingEndpoint)) { - // 6a. if the connection was an existing one... - if (existingJpc && jpc.suspendedEndpoint) { - // fix for issue35, thanks Sylvain Gizard: when firing the detach event make sure the - // floating endpoint has been replaced. - if (idx === 0) { - jpc.floatingElement = jpc.source; - jpc.floatingId = jpc.sourceId; - jpc.floatingEndpoint = jpc.endpoints[0]; - jpc.floatingIndex = 0; - jpc.source = existingJpcParams[0]; - jpc.sourceId = existingJpcParams[1]; - } else { - // keep a copy of the floating element; the anchor manager will want to clean up. - jpc.floatingElement = jpc.target; - jpc.floatingId = jpc.targetId; - jpc.floatingEndpoint = jpc.endpoints[1]; - jpc.floatingIndex = 1; - jpc.target = existingJpcParams[0]; - jpc.targetId = existingJpcParams[1]; - } - - var fe = this._jsPlumb.floatingEndpoint; // store for later removal. - // restore the original scope (issue 57) - _jsPlumb.setDragScope(existingJpcParams[2], existingJpcParams[3]); - jpc.endpoints[idx] = jpc.suspendedEndpoint; - // if the connection should be reattached, or the other endpoint refuses detach, then - // reset the connection to its original state - if (jpc.isReattach() || jpc._forceReattach || jpc._forceDetach || !_jsPlumb.deleteConnection(jpc, {originalEvent: originalEvent})) { - - jpc.setHover(false); - jpc._forceDetach = null; - jpc._forceReattach = null; - this._jsPlumb.floatingEndpoint.detachFromConnection(jpc); - jpc.suspendedEndpoint.addConnection(jpc); - - // TODO this code is duplicated in lots of places...and there is nothing external - // in the code; it all refers to the connection itself. we could add a - // `checkSanity(connection)` method to anchorManager that did this. - if (idx === 1) { - _jsPlumb.anchorManager.updateOtherEndpoint(jpc.sourceId, jpc.floatingId, jpc.targetId, jpc); - } - else { - _jsPlumb.anchorManager.sourceChanged(jpc.floatingId, jpc.sourceId, jpc, jpc.source); - } - - _jsPlumb.repaint(existingJpcParams[1]); - } - else { - _jsPlumb.deleteObject({endpoint: fe}); - } - } - } - - // makeTargets sets this flag, to tell us we have been replaced and should delete this object. - if (this.deleteAfterDragStop) { - _jsPlumb.deleteObject({endpoint: this}); - } - else { - if (this._jsPlumb) { - this.paint({recalc: false}); - } - } - - // although the connection is no longer valid, there are use cases where this is useful. - _jsPlumb.fire("connectionDragStop", jpc, originalEvent); - // fire this event to give people more fine-grained control (connectionDragStop fires a lot) - if (jpc.pending) { - _jsPlumb.fire("connectionAborted", jpc, originalEvent); - } - // tell jsplumb that dragging is finished. - _jsPlumb.currentlyDragging = false; - jpc.suspendedElement = null; - jpc.suspendedEndpoint = null; - jpc = null; - } - - // if no endpoints, jpc already cleaned up. but still we want to ensure we're reset properly. - // remove the element associated with the floating endpoint - // (and its associated floating endpoint and visual artefacts) - if (placeholderInfo && placeholderInfo.element) { - _jsPlumb.remove(placeholderInfo.element, false, false); - } - // remove the inplace copy - if (inPlaceCopy) { - _jsPlumb.deleteObject({endpoint: inPlaceCopy}); - } - - if (this._jsPlumb) { - // make our canvas visible (TODO: hand off to library; we should not know about DOM) - this.canvas.style.visibility = "visible"; - // unlock our anchor - this.anchor.unlock(); - // clear floating anchor. - this._jsPlumb.floatingEndpoint = null; - } - - }.bind(this); - - dragOptions = _jp.extend(defaultOpts, dragOptions); - dragOptions.scope = this.scope || dragOptions.scope; - dragOptions[beforeStartEvent] = _ju.wrap(dragOptions[beforeStartEvent], beforeStart, false); - dragOptions[startEvent] = _ju.wrap(dragOptions[startEvent], start, false); - // extracted drag handler function so can be used by makeSource - dragOptions[dragEvent] = _ju.wrap(dragOptions[dragEvent], _dragHandler.drag); - dragOptions[stopEvent] = _ju.wrap(dragOptions[stopEvent], stop); - dragOptions.multipleDrop = false; - - dragOptions.canDrag = function () { - return this.isSource || this.isTemporarySource || (this.connections.length > 0 && this.connectionsDetachable !== false); - }.bind(this); - - _jsPlumb.initDraggable(this.canvas, dragOptions, "internal"); - - this.canvas._jsPlumbRelatedElement = this.element; - - draggingInitialised = true; - } - }; - - var ep = params.endpoint || this._jsPlumb.instance.Defaults.Endpoint || _jp.Defaults.Endpoint; - this.setEndpoint(ep, true); - var anchorParamsToUse = params.anchor ? params.anchor : params.anchors ? params.anchors : (_jsPlumb.Defaults.Anchor || "Top"); - this.setAnchor(anchorParamsToUse, true); - - // finally, set type if it was provided - var type = [ "default", (params.type || "")].join(" "); - this.addType(type, params.data, true); - this.canvas = this.endpoint.canvas; - this.canvas._jsPlumb = this; - - this.initDraggable(); - - // pulled this out into a function so we can reuse it for the inPlaceCopy canvas; you can now drop detached connections - // back onto the endpoint you detached it from. - var _initDropTarget = function (canvas, isTransient, endpoint, referenceEndpoint) { - - if (_jp.isDropSupported(this.element)) { - var dropOptions = params.dropOptions || _jsPlumb.Defaults.DropOptions || _jp.Defaults.DropOptions; - dropOptions = _jp.extend({}, dropOptions); - dropOptions.scope = dropOptions.scope || this.scope; - var dropEvent = _jp.dragEvents.drop, - overEvent = _jp.dragEvents.over, - outEvent = _jp.dragEvents.out, - _ep = this, - drop = _jsPlumb.EndpointDropHandler({ - getEndpoint: function () { - return _ep; - }, - jsPlumb: _jsPlumb, - enabled: function () { - return endpoint != null ? endpoint.isEnabled() : true; - }, - isFull: function () { - return endpoint.isFull(); - }, - element: this.element, - elementId: this.elementId, - isSource: this.isSource, - isTarget: this.isTarget, - addClass: function (clazz) { - _ep.addClass(clazz); - }, - removeClass: function (clazz) { - _ep.removeClass(clazz); - }, - isDropAllowed: function () { - return _ep.isDropAllowed.apply(_ep, arguments); - }, - reference:referenceEndpoint, - isRedrop:function(jpc, dhParams) { - return jpc.suspendedEndpoint && dhParams.reference && (jpc.suspendedEndpoint.id === dhParams.reference.id); - } - }); - - dropOptions[dropEvent] = _ju.wrap(dropOptions[dropEvent], drop, true); - dropOptions[overEvent] = _ju.wrap(dropOptions[overEvent], function () { - var draggable = _jp.getDragObject(arguments), - id = _jsPlumb.getAttribute(_jp.getElement(draggable), "dragId"), - _jpc = _jsPlumb.getFloatingConnectionFor(id);//_jsPlumb.floatingConnections[id]; - - if (_jpc != null) { - var idx = _jsPlumb.getFloatingAnchorIndex(_jpc); - // here we should fire the 'over' event if we are a target and this is a new connection, - // or we are the same as the floating endpoint. - var _cont = (this.isTarget && idx !== 0) || (_jpc.suspendedEndpoint && this.referenceEndpoint && this.referenceEndpoint.id === _jpc.suspendedEndpoint.id); - if (_cont) { - var bb = _jsPlumb.checkCondition("checkDropAllowed", { - sourceEndpoint: _jpc.endpoints[idx], - targetEndpoint: this, - connection: _jpc - }); - this[(bb ? "add" : "remove") + "Class"](_jsPlumb.endpointDropAllowedClass); - this[(bb ? "remove" : "add") + "Class"](_jsPlumb.endpointDropForbiddenClass); - _jpc.endpoints[idx].anchor.over(this.anchor, this); - } - } - }.bind(this)); - - dropOptions[outEvent] = _ju.wrap(dropOptions[outEvent], function () { - var draggable = _jp.getDragObject(arguments), - id = draggable == null ? null : _jsPlumb.getAttribute(_jp.getElement(draggable), "dragId"), - _jpc = id ? _jsPlumb.getFloatingConnectionFor(id) : null; - - if (_jpc != null) { - var idx = _jsPlumb.getFloatingAnchorIndex(_jpc); - var _cont = (this.isTarget && idx !== 0) || (_jpc.suspendedEndpoint && this.referenceEndpoint && this.referenceEndpoint.id === _jpc.suspendedEndpoint.id); - if (_cont) { - this.removeClass(_jsPlumb.endpointDropAllowedClass); - this.removeClass(_jsPlumb.endpointDropForbiddenClass); - _jpc.endpoints[idx].anchor.out(); - } - } - }.bind(this)); - - _jsPlumb.initDroppable(canvas, dropOptions, "internal", isTransient); - } - }.bind(this); - - // Initialise the endpoint's canvas as a drop target. The drop handler will take care of the logic of whether - // something can actually be dropped. - if (!this.anchor.isFloating) { - _initDropTarget(this.canvas, !(params._transient || this.anchor.isFloating), this, params.reference); - } - - return this; - }; - - _ju.extend(_jp.Endpoint, _jp.OverlayCapableJsPlumbUIComponent, { - - setVisible: function (v, doNotChangeConnections, doNotNotifyOtherEndpoint) { - this._jsPlumb.visible = v; - if (this.canvas) { - this.canvas.style.display = v ? "block" : "none"; - } - this[v ? "showOverlays" : "hideOverlays"](); - if (!doNotChangeConnections) { - for (var i = 0; i < this.connections.length; i++) { - this.connections[i].setVisible(v); - if (!doNotNotifyOtherEndpoint) { - var oIdx = this === this.connections[i].endpoints[0] ? 1 : 0; - // only change the other endpoint if this is its only connection. - if (this.connections[i].endpoints[oIdx].connections.length === 1) { - this.connections[i].endpoints[oIdx].setVisible(v, true, true); - } - } - } - } - }, - getAttachedElements: function () { - return this.connections; - }, - applyType: function (t, doNotRepaint) { - this.setPaintStyle(t.endpointStyle || t.paintStyle, doNotRepaint); - this.setHoverPaintStyle(t.endpointHoverStyle || t.hoverPaintStyle, doNotRepaint); - if (t.maxConnections != null) { - this._jsPlumb.maxConnections = t.maxConnections; - } - if (t.scope) { - this.scope = t.scope; - } - _jp.extend(this, t, typeParameters); - if (t.cssClass != null && this.canvas) { - this._jsPlumb.instance.addClass(this.canvas, t.cssClass); - } - _jp.OverlayCapableJsPlumbUIComponent.applyType(this, t); - }, - isEnabled: function () { - return this._jsPlumb.enabled; - }, - setEnabled: function (e) { - this._jsPlumb.enabled = e; - }, - cleanup: function () { - var anchorClass = this._jsPlumb.instance.endpointAnchorClassPrefix + (this._jsPlumb.currentAnchorClass ? "-" + this._jsPlumb.currentAnchorClass : ""); - _jp.removeClass(this.element, anchorClass); - this.anchor = null; - this.endpoint.cleanup(true); - this.endpoint.destroy(); - this.endpoint = null; - // drag/drop - this._jsPlumb.instance.destroyDraggable(this.canvas, "internal"); - this._jsPlumb.instance.destroyDroppable(this.canvas, "internal"); - }, - setHover: function (h) { - if (this.endpoint && this._jsPlumb && !this._jsPlumb.instance.isConnectionBeingDragged()) { - this.endpoint.setHover(h); - } - }, - isFull: function () { - return this._jsPlumb.maxConnections === 0 ? true : !(this.isFloating() || this._jsPlumb.maxConnections < 0 || this.connections.length < this._jsPlumb.maxConnections); - }, - /** - * private but needs to be exposed. - */ - isFloating: function () { - return this.anchor != null && this.anchor.isFloating; - }, - isConnectedTo: function (endpoint) { - var found = false; - if (endpoint) { - for (var i = 0; i < this.connections.length; i++) { - if (this.connections[i].endpoints[1] === endpoint || this.connections[i].endpoints[0] === endpoint) { - found = true; - break; - } - } - } - return found; - }, - getConnectionCost: function () { - return this._jsPlumb.connectionCost; - }, - setConnectionCost: function (c) { - this._jsPlumb.connectionCost = c; - }, - areConnectionsDirected: function () { - return this._jsPlumb.connectionsDirected; - }, - setConnectionsDirected: function (b) { - this._jsPlumb.connectionsDirected = b; - }, - setElementId: function (_elId) { - this.elementId = _elId; - this.anchor.elementId = _elId; - }, - setReferenceElement: function (_el) { - this.element = _jp.getElement(_el); - }, - setDragAllowedWhenFull: function (allowed) { - this.dragAllowedWhenFull = allowed; - }, - equals: function (endpoint) { - return this.anchor.equals(endpoint.anchor); - }, - getUuid: function () { - return this._jsPlumb.uuid; - }, - computeAnchor: function (params) { - return this.anchor.compute(params); - } - }); - - root.jsPlumbInstance.prototype.EndpointDropHandler = function (dhParams) { - return function (e) { - - var _jsPlumb = dhParams.jsPlumb; - - // remove the classes that are added dynamically. drop is neither forbidden nor allowed now that - // the drop is finishing. - dhParams.removeClass(_jsPlumb.endpointDropAllowedClass); - dhParams.removeClass(_jsPlumb.endpointDropForbiddenClass); - - var originalEvent = _jsPlumb.getDropEvent(arguments), - draggable = _jsPlumb.getDragObject(arguments), - id = _jsPlumb.getAttribute(draggable, "dragId"), - elId = _jsPlumb.getAttribute(draggable, "elId"), - scope = _jsPlumb.getAttribute(draggable, "originalScope"), - jpc = _jsPlumb.getFloatingConnectionFor(id); - - // if no active connection, bail. - if (jpc == null) { - return; - } - - // calculate if this is an existing connection. - var existingConnection = jpc.suspendedEndpoint != null; - - // if suspended endpoint exists but has been cleaned up, bail. This means it's an existing connection - // that has been detached and will shortly be discarded. - if (existingConnection && jpc.suspendedEndpoint._jsPlumb == null) { - return; - } - - // get the drop endpoint. for a normal connection this is just the one that would replace the currently - // floating endpoint. for a makeTarget this is a new endpoint that is created on drop. But we leave that to - // the handler to figure out. - var _ep = dhParams.getEndpoint(jpc); - - // If we're not given an endpoint to use, bail. - if (_ep == null) { - return; - } - - // if this is a drop back where the connection came from, mark it force reattach and - // return; the stop handler will reattach. without firing an event. - if (dhParams.isRedrop(jpc, dhParams)) { - jpc._forceReattach = true; - jpc.setHover(false); - if (dhParams.maybeCleanup) { - dhParams.maybeCleanup(_ep); - } - return; - } - - // ensure we dont bother trying to drop sources on non-source eps, and same for target. - var idx = _jsPlumb.getFloatingAnchorIndex(jpc); - if ((idx === 0 && !dhParams.isSource)|| (idx === 1 && !dhParams.isTarget)){ - if (dhParams.maybeCleanup) { - dhParams.maybeCleanup(_ep); - } - return; - } - - if (dhParams.onDrop) { - dhParams.onDrop(jpc); - } - - // restore the original scope if necessary (issue 57) - if (scope) { - _jsPlumb.setDragScope(draggable, scope); - } - - // if the target of the drop is full, fire an event (we abort below) - // makeTarget: keep. - var isFull = dhParams.isFull(e); - if (isFull) { - _ep.fire("maxConnections", { - endpoint: this, - connection: jpc, - maxConnections: _ep._jsPlumb.maxConnections - }, originalEvent); - } - // - // if endpoint enabled, not full, and matches the index of the floating endpoint... - if (!isFull && dhParams.enabled()) { - var _doContinue = true; - - // before testing for beforeDrop, reset the connection's source/target to be the actual DOM elements - // involved (that is, stash any temporary stuff used for dragging. but we need to keep it around in - // order that the anchor manager can clean things up properly). - if (idx === 0) { - jpc.floatingElement = jpc.source; - jpc.floatingId = jpc.sourceId; - jpc.floatingEndpoint = jpc.endpoints[0]; - jpc.floatingIndex = 0; - jpc.source = dhParams.element; - jpc.sourceId = dhParams.elementId; - } else { - jpc.floatingElement = jpc.target; - jpc.floatingId = jpc.targetId; - jpc.floatingEndpoint = jpc.endpoints[1]; - jpc.floatingIndex = 1; - jpc.target = dhParams.element; - jpc.targetId = dhParams.elementId; - } - - // if this is an existing connection and detach is not allowed we won't continue. The connection's - // endpoints have been reinstated; everything is back to how it was. - if (existingConnection && jpc.suspendedEndpoint.id !== _ep.id) { - if (!jpc.isDetachAllowed(jpc) || !jpc.endpoints[idx].isDetachAllowed(jpc) || !jpc.suspendedEndpoint.isDetachAllowed(jpc) || !_jsPlumb.checkCondition("beforeDetach", jpc)) { - _doContinue = false; - } - } - -// ------------ wrap the execution path in a function so we can support asynchronous beforeDrop - - var continueFunction = function (optionalData) { - // remove this jpc from the current endpoint, which is a floating endpoint that we will - // subsequently discard. - jpc.endpoints[idx].detachFromConnection(jpc); - - // if there's a suspended endpoint, detach it from the connection. - if (jpc.suspendedEndpoint) { - jpc.suspendedEndpoint.detachFromConnection(jpc); - } - - jpc.endpoints[idx] = _ep; - _ep.addConnection(jpc); - - // copy our parameters in to the connection: - var params = _ep.getParameters(); - for (var aParam in params) { - jpc.setParameter(aParam, params[aParam]); - } - - if (!existingConnection) { - // if not an existing connection and - if (params.draggable) { - _jsPlumb.initDraggable(this.element, dhParams.dragOptions, "internal", _jsPlumb); - } - } - else { - var suspendedElementId = jpc.suspendedEndpoint.elementId; - _jsPlumb.fireMoveEvent({ - index: idx, - originalSourceId: idx === 0 ? suspendedElementId : jpc.sourceId, - newSourceId: idx === 0 ? _ep.elementId : jpc.sourceId, - originalTargetId: idx === 1 ? suspendedElementId : jpc.targetId, - newTargetId: idx === 1 ? _ep.elementId : jpc.targetId, - originalSourceEndpoint: idx === 0 ? jpc.suspendedEndpoint : jpc.endpoints[0], - newSourceEndpoint: idx === 0 ? _ep : jpc.endpoints[0], - originalTargetEndpoint: idx === 1 ? jpc.suspendedEndpoint : jpc.endpoints[1], - newTargetEndpoint: idx === 1 ? _ep : jpc.endpoints[1], - connection: jpc - }, originalEvent); - } - - if (idx === 1) { - _jsPlumb.anchorManager.updateOtherEndpoint(jpc.sourceId, jpc.floatingId, jpc.targetId, jpc); - } - else { - _jsPlumb.anchorManager.sourceChanged(jpc.floatingId, jpc.sourceId, jpc, jpc.source); - } - - // when makeSource has uniqueEndpoint:true, we want to create connections with new endpoints - // that are subsequently deleted. So makeSource sets `finalEndpoint`, which is the Endpoint to - // which the connection should be attached. The `detachFromConnection` call below results in the - // temporary endpoint being cleaned up. - if (jpc.endpoints[0].finalEndpoint) { - var _toDelete = jpc.endpoints[0]; - _toDelete.detachFromConnection(jpc); - jpc.endpoints[0] = jpc.endpoints[0].finalEndpoint; - jpc.endpoints[0].addConnection(jpc); - } - - // if optionalData was given, merge it onto the connection's data. - if (_ju.isObject(optionalData)) { - jpc.mergeData(optionalData); - } - // finalise will inform the anchor manager and also add to - // connectionsByScope if necessary. - _jsPlumb.finaliseConnection(jpc, null, originalEvent, false); - jpc.setHover(false); - - // SP continuous anchor flush - _jsPlumb.revalidate(jpc.endpoints[0].element); - - }.bind(this); - - var dontContinueFunction = function () { - // otherwise just put it back on the endpoint it was on before the drag. - if (jpc.suspendedEndpoint) { - jpc.endpoints[idx] = jpc.suspendedEndpoint; - jpc.setHover(false); - jpc._forceDetach = true; - if (idx === 0) { - jpc.source = jpc.suspendedEndpoint.element; - jpc.sourceId = jpc.suspendedEndpoint.elementId; - } else { - jpc.target = jpc.suspendedEndpoint.element; - jpc.targetId = jpc.suspendedEndpoint.elementId; - } - jpc.suspendedEndpoint.addConnection(jpc); - - // TODO checkSanity - if (idx === 1) { - _jsPlumb.anchorManager.updateOtherEndpoint(jpc.sourceId, jpc.floatingId, jpc.targetId, jpc); - } - else { - _jsPlumb.anchorManager.sourceChanged(jpc.floatingId, jpc.sourceId, jpc, jpc.source); - } - - _jsPlumb.repaint(jpc.sourceId); - jpc._forceDetach = false; - } - }; - -// -------------------------------------- - // now check beforeDrop. this will be available only on Endpoints that are setup to - // have a beforeDrop condition (although, secretly, under the hood all Endpoints and - // the Connection have them, because they are on jsPlumbUIComponent. shhh!), because - // it only makes sense to have it on a target endpoint. - _doContinue = _doContinue && dhParams.isDropAllowed(jpc.sourceId, jpc.targetId, jpc.scope, jpc, _ep);// && jpc.pending; - - if (_doContinue) { - continueFunction(_doContinue); - return true; - } - else { - dontContinueFunction(); - } - } - - if (dhParams.maybeCleanup) { - dhParams.maybeCleanup(_ep); - } - - _jsPlumb.currentlyDragging = false; - }; - }; -}).call(typeof window !== 'undefined' ? window : this); - -/* - * This file contains the code for Connections. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, - _jp = root.jsPlumb, - _ju = root.jsPlumbUtil; - - var makeConnector = function (_jsPlumb, renderMode, connectorName, connectorArgs, forComponent) { - // first make sure we have a cache for the specified renderer - _jp.Connectors[renderMode] = _jp.Connectors[renderMode] || {}; - - // now see if the one we want exists; if not we will try to make it - if (_jp.Connectors[renderMode][connectorName] == null) { - - if (_jp.Connectors[connectorName] == null) { - if (!_jsPlumb.Defaults.DoNotThrowErrors) { - throw new TypeError("jsPlumb: unknown connector type '" + connectorName + "'"); - } else { - return null; - } - } - - _jp.Connectors[renderMode][connectorName] = function() { - _jp.Connectors[connectorName].apply(this, arguments); - _jp.ConnectorRenderers[renderMode].apply(this, arguments); - }; - - _ju.extend(_jp.Connectors[renderMode][connectorName], [ _jp.Connectors[connectorName], _jp.ConnectorRenderers[renderMode]]); - - } - - return new _jp.Connectors[renderMode][connectorName](connectorArgs, forComponent); - }, - _makeAnchor = function (anchorParams, elementId, _jsPlumb) { - return (anchorParams) ? _jsPlumb.makeAnchor(anchorParams, elementId, _jsPlumb) : null; - }, - _updateConnectedClass = function (conn, element, _jsPlumb, remove) { - if (element != null) { - element._jsPlumbConnections = element._jsPlumbConnections || {}; - if (remove) { - delete element._jsPlumbConnections[conn.id]; - } - else { - element._jsPlumbConnections[conn.id] = true; - } - - if (_ju.isEmpty(element._jsPlumbConnections)) { - _jsPlumb.removeClass(element, _jsPlumb.connectedClass); - } - else { - _jsPlumb.addClass(element, _jsPlumb.connectedClass); - } - } - }; - - _jp.Connection = function (params) { - var _newEndpoint = params.newEndpoint; - - this.id = params.id; - this.connector = null; - this.idPrefix = "_jsplumb_c_"; - this.defaultLabelLocation = 0.5; - this.defaultOverlayKeys = ["Overlays", "ConnectionOverlays"]; - // if a new connection is the result of moving some existing connection, params.previousConnection - // will have that Connection in it. listeners for the jsPlumbConnection event can look for that - // member and take action if they need to. - this.previousConnection = params.previousConnection; - this.source = _jp.getElement(params.source); - this.target = _jp.getElement(params.target); - - - _jp.OverlayCapableJsPlumbUIComponent.apply(this, arguments); - - // sourceEndpoint and targetEndpoint override source/target, if they are present. but - // source is not overridden if the Endpoint has declared it is not the final target of a connection; - // instead we use the source that the Endpoint declares will be the final source element. - if (params.sourceEndpoint) { - this.source = params.sourceEndpoint.getElement(); - this.sourceId = params.sourceEndpoint.elementId; - } else { - this.sourceId = this._jsPlumb.instance.getId(this.source); - } - - if (params.targetEndpoint) { - this.target = params.targetEndpoint.getElement(); - this.targetId = params.targetEndpoint.elementId; - } else { - this.targetId = this._jsPlumb.instance.getId(this.target); - } - - - this.scope = params.scope; // scope may have been passed in to the connect call. if it wasn't, we will pull it from the source endpoint, after having initialised the endpoints. - this.endpoints = []; - this.endpointStyles = []; - - var _jsPlumb = this._jsPlumb.instance; - - _jsPlumb.manage(this.sourceId, this.source); - _jsPlumb.manage(this.targetId, this.target); - - this._jsPlumb.visible = true; - - this._jsPlumb.params = { - cssClass: params.cssClass, - container: params.container, - "pointer-events": params["pointer-events"], - editorParams: params.editorParams, - overlays: params.overlays - }; - this._jsPlumb.lastPaintedAt = null; - - // listen to mouseover and mouseout events passed from the container delegate. - this.bind("mouseover", function () { - this.setHover(true); - }.bind(this)); - this.bind("mouseout", function () { - this.setHover(false); - }.bind(this)); - - -// INITIALISATION CODE - - this.makeEndpoint = function (isSource, el, elId, ep, definition) { - elId = elId || this._jsPlumb.instance.getId(el); - return this.prepareEndpoint(_jsPlumb, _newEndpoint, this, ep, isSource ? 0 : 1, params, el, elId, definition); - }; - - // if type given, get the endpoint definitions mapping to that type from the jsplumb instance, and use those. - // we apply types at the end of this constructor but endpoints are only honoured in a type definition at - // create time. - if (params.type) { - params.endpoints = params.endpoints || this._jsPlumb.instance.deriveEndpointAndAnchorSpec(params.type).endpoints; - } - - var eS = this.makeEndpoint(true, this.source, this.sourceId, params.sourceEndpoint), - eT = this.makeEndpoint(false, this.target, this.targetId, params.targetEndpoint); - - if (eS) { - _ju.addToList(params.endpointsByElement, this.sourceId, eS); - } - if (eT) { - _ju.addToList(params.endpointsByElement, this.targetId, eT); - } - // if scope not set, set it to be the scope for the source endpoint. - if (!this.scope) { - this.scope = this.endpoints[0].scope; - } - - // if explicitly told to (or not to) delete endpoints when empty, override endpoint's preferences - if (params.deleteEndpointsOnEmpty != null) { - this.endpoints[0].setDeleteOnEmpty(params.deleteEndpointsOnEmpty); - this.endpoints[1].setDeleteOnEmpty(params.deleteEndpointsOnEmpty); - } - -// -------------------------- DEFAULT TYPE --------------------------------------------- - - // DETACHABLE - var _detachable = _jsPlumb.Defaults.ConnectionsDetachable; - if (params.detachable === false) { - _detachable = false; - } - if (this.endpoints[0].connectionsDetachable === false) { - _detachable = false; - } - if (this.endpoints[1].connectionsDetachable === false) { - _detachable = false; - } - // REATTACH - var _reattach = params.reattach || this.endpoints[0].reattachConnections || this.endpoints[1].reattachConnections || _jsPlumb.Defaults.ReattachConnections; - - this.appendToDefaultType({ - detachable: _detachable, - reattach: _reattach, - paintStyle:this.endpoints[0].connectorStyle || this.endpoints[1].connectorStyle || params.paintStyle || _jsPlumb.Defaults.PaintStyle || _jp.Defaults.PaintStyle, - hoverPaintStyle:this.endpoints[0].connectorHoverStyle || this.endpoints[1].connectorHoverStyle || params.hoverPaintStyle || _jsPlumb.Defaults.HoverPaintStyle || _jp.Defaults.HoverPaintStyle - }); - - var _suspendedAt = _jsPlumb.getSuspendedAt(); - if (!_jsPlumb.isSuspendDrawing()) { - // paint the endpoints - var myInfo = _jsPlumb.getCachedData(this.sourceId), - myOffset = myInfo.o, myWH = myInfo.s, - otherInfo = _jsPlumb.getCachedData(this.targetId), - otherOffset = otherInfo.o, - otherWH = otherInfo.s, - initialTimestamp = _suspendedAt || _jsPlumb.timestamp(), - anchorLoc = this.endpoints[0].anchor.compute({ - xy: [ myOffset.left, myOffset.top ], wh: myWH, element: this.endpoints[0], - elementId: this.endpoints[0].elementId, - txy: [ otherOffset.left, otherOffset.top ], twh: otherWH, tElement: this.endpoints[1], - timestamp: initialTimestamp - }); - - this.endpoints[0].paint({ anchorLoc: anchorLoc, timestamp: initialTimestamp }); - - anchorLoc = this.endpoints[1].anchor.compute({ - xy: [ otherOffset.left, otherOffset.top ], wh: otherWH, element: this.endpoints[1], - elementId: this.endpoints[1].elementId, - txy: [ myOffset.left, myOffset.top ], twh: myWH, tElement: this.endpoints[0], - timestamp: initialTimestamp - }); - this.endpoints[1].paint({ anchorLoc: anchorLoc, timestamp: initialTimestamp }); - } - - this.getTypeDescriptor = function () { - return "connection"; - }; - this.getAttachedElements = function () { - return this.endpoints; - }; - - this.isDetachable = function (ep) { - return this._jsPlumb.detachable === false ? false : ep != null ? ep.connectionsDetachable === true : this._jsPlumb.detachable === true; - }; - this.setDetachable = function (detachable) { - this._jsPlumb.detachable = detachable === true; - }; - this.isReattach = function () { - return this._jsPlumb.reattach === true || this.endpoints[0].reattachConnections === true || this.endpoints[1].reattachConnections === true; - }; - this.setReattach = function (reattach) { - this._jsPlumb.reattach = reattach === true; - }; - -// END INITIALISATION CODE - - -// COST + DIRECTIONALITY - // if cost not supplied, try to inherit from source endpoint - this._jsPlumb.cost = params.cost || this.endpoints[0].getConnectionCost(); - this._jsPlumb.directed = params.directed; - // inherit directed flag if set no source endpoint - if (params.directed == null) { - this._jsPlumb.directed = this.endpoints[0].areConnectionsDirected(); - } -// END COST + DIRECTIONALITY - -// PARAMETERS - // merge all the parameters objects into the connection. parameters set - // on the connection take precedence; then source endpoint params, then - // finally target endpoint params. - var _p = _jp.extend({}, this.endpoints[1].getParameters()); - _jp.extend(_p, this.endpoints[0].getParameters()); - _jp.extend(_p, this.getParameters()); - this.setParameters(_p); -// END PARAMETERS - -// PAINTING - - this.setConnector(this.endpoints[0].connector || this.endpoints[1].connector || params.connector || _jsPlumb.Defaults.Connector || _jp.Defaults.Connector, true); - var data = params.data == null || !_ju.isObject(params.data) ? {} : params.data; - this.getData = function() { return data; }; - this.setData = function(d) { data = d || {}; }; - this.mergeData = function(d) { data = _jp.extend(data, d); }; - - // the very last thing we do is apply types, if there are any. - var _types = [ "default", this.endpoints[0].connectionType, this.endpoints[1].connectionType, params.type ].join(" "); - if (/[^\s]/.test(_types)) { - this.addType(_types, params.data, true); - } - - this.updateConnectedClass(); - -// END PAINTING - }; - - _ju.extend(_jp.Connection, _jp.OverlayCapableJsPlumbUIComponent, { - applyType: function (t, doNotRepaint, typeMap) { - - var _connector = null; - if (t.connector != null) { - _connector = this.getCachedTypeItem("connector", typeMap.connector); - if (_connector == null) { - _connector = this.prepareConnector(t.connector, typeMap.connector); - this.cacheTypeItem("connector", _connector, typeMap.connector); - } - this.setPreparedConnector(_connector); - } - - // none of these things result in the creation of objects so can be ignored. - if (t.detachable != null) { - this.setDetachable(t.detachable); - } - if (t.reattach != null) { - this.setReattach(t.reattach); - } - if (t.scope) { - this.scope = t.scope; - } - - if (t.cssClass != null && this.canvas) { - this._jsPlumb.instance.addClass(this.canvas, t.cssClass); - } - - var _anchors = null; - // this also results in the creation of objects. - if (t.anchor) { - // note that even if the param was anchor, we store `anchors`. - _anchors = this.getCachedTypeItem("anchors", typeMap.anchor); - if (_anchors == null) { - _anchors = [ this._jsPlumb.instance.makeAnchor(t.anchor), this._jsPlumb.instance.makeAnchor(t.anchor) ]; - this.cacheTypeItem("anchors", _anchors, typeMap.anchor); - } - } - else if (t.anchors) { - _anchors = this.getCachedTypeItem("anchors", typeMap.anchors); - if (_anchors == null) { - _anchors = [ - this._jsPlumb.instance.makeAnchor(t.anchors[0]), - this._jsPlumb.instance.makeAnchor(t.anchors[1]) - ]; - this.cacheTypeItem("anchors", _anchors, typeMap.anchors); - } - } - if (_anchors != null) { - this.endpoints[0].anchor = _anchors[0]; - this.endpoints[1].anchor = _anchors[1]; - if (this.endpoints[1].anchor.isDynamic) { - this._jsPlumb.instance.repaint(this.endpoints[1].elementId); - } - } - - _jp.OverlayCapableJsPlumbUIComponent.applyType(this, t); - }, - addClass: function (c, informEndpoints) { - if (informEndpoints) { - this.endpoints[0].addClass(c); - this.endpoints[1].addClass(c); - if (this.suspendedEndpoint) { - this.suspendedEndpoint.addClass(c); - } - } - if (this.connector) { - this.connector.addClass(c); - } - }, - removeClass: function (c, informEndpoints) { - if (informEndpoints) { - this.endpoints[0].removeClass(c); - this.endpoints[1].removeClass(c); - if (this.suspendedEndpoint) { - this.suspendedEndpoint.removeClass(c); - } - } - if (this.connector) { - this.connector.removeClass(c); - } - }, - isVisible: function () { - return this._jsPlumb.visible; - }, - setVisible: function (v) { - this._jsPlumb.visible = v; - if (this.connector) { - this.connector.setVisible(v); - } - this.repaint(); - }, - cleanup: function () { - this.updateConnectedClass(true); - this.endpoints = null; - this.source = null; - this.target = null; - if (this.connector != null) { - this.connector.cleanup(true); - this.connector.destroy(true); - } - this.connector = null; - }, - updateConnectedClass:function(remove) { - if (this._jsPlumb) { - _updateConnectedClass(this, this.source, this._jsPlumb.instance, remove); - _updateConnectedClass(this, this.target, this._jsPlumb.instance, remove); - } - }, - setHover: function (state) { - if (this.connector && this._jsPlumb && !this._jsPlumb.instance.isConnectionBeingDragged()) { - this.connector.setHover(state); - root.jsPlumb[state ? "addClass" : "removeClass"](this.source, this._jsPlumb.instance.hoverSourceClass); - root.jsPlumb[state ? "addClass" : "removeClass"](this.target, this._jsPlumb.instance.hoverTargetClass); - } - }, - getUuids:function() { - return [ this.endpoints[0].getUuid(), this.endpoints[1].getUuid() ]; - }, - getCost: function () { - return this._jsPlumb ? this._jsPlumb.cost : -Infinity; - }, - setCost: function (c) { - this._jsPlumb.cost = c; - }, - isDirected: function () { - return this._jsPlumb.directed; - }, - getConnector: function () { - return this.connector; - }, - prepareConnector:function(connectorSpec, typeId) { - var connectorArgs = { - _jsPlumb: this._jsPlumb.instance, - cssClass: this._jsPlumb.params.cssClass, - container: this._jsPlumb.params.container, - "pointer-events": this._jsPlumb.params["pointer-events"] - }, - renderMode = this._jsPlumb.instance.getRenderMode(), - connector; - - if (_ju.isString(connectorSpec)) { - connector = makeConnector(this._jsPlumb.instance, renderMode, connectorSpec, connectorArgs, this); - } // lets you use a string as shorthand. - else if (_ju.isArray(connectorSpec)) { - if (connectorSpec.length === 1) { - connector = makeConnector(this._jsPlumb.instance, renderMode, connectorSpec[0], connectorArgs, this); - } - else { - connector = makeConnector(this._jsPlumb.instance, renderMode, connectorSpec[0], _ju.merge(connectorSpec[1], connectorArgs), this); - } - } - if (typeId != null) { - connector.typeId = typeId; - } - return connector; - }, - setPreparedConnector: function(connector, doNotRepaint, doNotChangeListenerComponent, typeId) { - - if (this.connector !== connector) { - - var previous, previousClasses = ""; - // the connector will not be cleaned up if it was set as part of a type, because `typeId` will be set on it - // and we havent passed in `true` for "force" here. - if (this.connector != null) { - previous = this.connector; - previousClasses = previous.getClass(); - this.connector.cleanup(); - this.connector.destroy(); - } - - this.connector = connector; - if (typeId) { - this.cacheTypeItem("connector", connector, typeId); - } - - this.canvas = this.connector.canvas; - this.bgCanvas = this.connector.bgCanvas; - - this.connector.reattach(this._jsPlumb.instance); - - // put classes from prior connector onto the canvas - this.addClass(previousClasses); - - // new: instead of binding listeners per connector, we now just have one delegate on the container. - // so for that handler we set the connection as the '_jsPlumb' member of the canvas element, and - // bgCanvas, if it exists, which it does right now in the VML renderer, so it won't from v 2.0.0 onwards. - if (this.canvas) { - this.canvas._jsPlumb = this; - } - if (this.bgCanvas) { - this.bgCanvas._jsPlumb = this; - } - - if (previous != null) { - var o = this.getOverlays(); - for (var i = 0; i < o.length; i++) { - if (o[i].transfer) { - o[i].transfer(this.connector); - } - } - } - - if (!doNotChangeListenerComponent) { - this.setListenerComponent(this.connector); - } - if (!doNotRepaint) { - this.repaint(); - } - } - }, - setConnector: function (connectorSpec, doNotRepaint, doNotChangeListenerComponent, typeId) { - var connector = this.prepareConnector(connectorSpec, typeId); - this.setPreparedConnector(connector, doNotRepaint, doNotChangeListenerComponent, typeId); - }, - paint: function (params) { - - if (!this._jsPlumb.instance.isSuspendDrawing() && this._jsPlumb.visible) { - params = params || {}; - var timestamp = params.timestamp, - // if the moving object is not the source we must transpose the two references. - swap = false, - tId = swap ? this.sourceId : this.targetId, sId = swap ? this.targetId : this.sourceId, - tIdx = swap ? 0 : 1, sIdx = swap ? 1 : 0; - - if (timestamp == null || timestamp !== this._jsPlumb.lastPaintedAt) { - var sourceInfo = this._jsPlumb.instance.updateOffset({elId:sId}).o, - targetInfo = this._jsPlumb.instance.updateOffset({elId:tId}).o, - sE = this.endpoints[sIdx], tE = this.endpoints[tIdx]; - - var sAnchorP = sE.anchor.getCurrentLocation({xy: [sourceInfo.left, sourceInfo.top], wh: [sourceInfo.width, sourceInfo.height], element: sE, timestamp: timestamp}), - tAnchorP = tE.anchor.getCurrentLocation({xy: [targetInfo.left, targetInfo.top], wh: [targetInfo.width, targetInfo.height], element: tE, timestamp: timestamp}); - - this.connector.resetBounds(); - - this.connector.compute({ - sourcePos: sAnchorP, - targetPos: tAnchorP, - sourceOrientation:sE.anchor.getOrientation(sE), - targetOrientation:tE.anchor.getOrientation(tE), - sourceEndpoint: this.endpoints[sIdx], - targetEndpoint: this.endpoints[tIdx], - "stroke-width": this._jsPlumb.paintStyleInUse.strokeWidth, - sourceInfo: sourceInfo, - targetInfo: targetInfo - }); - - var overlayExtents = { minX: Infinity, minY: Infinity, maxX: -Infinity, maxY: -Infinity }; - - // compute overlays. we do this first so we can get their placements, and adjust the - // container if needs be (if an overlay would be clipped) - for (var i in this._jsPlumb.overlays) { - if (this._jsPlumb.overlays.hasOwnProperty(i)) { - var o = this._jsPlumb.overlays[i]; - if (o.isVisible()) { - this._jsPlumb.overlayPlacements[i] = o.draw(this.connector, this._jsPlumb.paintStyleInUse, this.getAbsoluteOverlayPosition(o)); - overlayExtents.minX = Math.min(overlayExtents.minX, this._jsPlumb.overlayPlacements[i].minX); - overlayExtents.maxX = Math.max(overlayExtents.maxX, this._jsPlumb.overlayPlacements[i].maxX); - overlayExtents.minY = Math.min(overlayExtents.minY, this._jsPlumb.overlayPlacements[i].minY); - overlayExtents.maxY = Math.max(overlayExtents.maxY, this._jsPlumb.overlayPlacements[i].maxY); - } - } - } - - var lineWidth = parseFloat(this._jsPlumb.paintStyleInUse.strokeWidth || 1) / 2, - outlineWidth = parseFloat(this._jsPlumb.paintStyleInUse.strokeWidth || 0), - extents = { - xmin: Math.min(this.connector.bounds.minX - (lineWidth + outlineWidth), overlayExtents.minX), - ymin: Math.min(this.connector.bounds.minY - (lineWidth + outlineWidth), overlayExtents.minY), - xmax: Math.max(this.connector.bounds.maxX + (lineWidth + outlineWidth), overlayExtents.maxX), - ymax: Math.max(this.connector.bounds.maxY + (lineWidth + outlineWidth), overlayExtents.maxY) - }; - // paint the connector. - this.connector.paintExtents = extents; - this.connector.paint(this._jsPlumb.paintStyleInUse, null, extents); - // and then the overlays - for (var j in this._jsPlumb.overlays) { - if (this._jsPlumb.overlays.hasOwnProperty(j)) { - var p = this._jsPlumb.overlays[j]; - if (p.isVisible()) { - p.paint(this._jsPlumb.overlayPlacements[j], extents); - } - } - } - } - this._jsPlumb.lastPaintedAt = timestamp; - } - }, - repaint: function (params) { - var p = jsPlumb.extend(params || {}, {}); - p.elId = this.sourceId; - this.paint(p); - }, - prepareEndpoint: function (_jsPlumb, _newEndpoint, conn, existing, index, params, element, elementId, definition) { - var e; - if (existing) { - conn.endpoints[index] = existing; - existing.addConnection(conn); - } else { - if (!params.endpoints) { - params.endpoints = [ null, null ]; - } - var ep = definition || params.endpoints[index] || params.endpoint || _jsPlumb.Defaults.Endpoints[index] || _jp.Defaults.Endpoints[index] || _jsPlumb.Defaults.Endpoint || _jp.Defaults.Endpoint; - if (!params.endpointStyles) { - params.endpointStyles = [ null, null ]; - } - if (!params.endpointHoverStyles) { - params.endpointHoverStyles = [ null, null ]; - } - var es = params.endpointStyles[index] || params.endpointStyle || _jsPlumb.Defaults.EndpointStyles[index] || _jp.Defaults.EndpointStyles[index] || _jsPlumb.Defaults.EndpointStyle || _jp.Defaults.EndpointStyle; - // Endpoints derive their fill from the connector's stroke, if no fill was specified. - if (es.fill == null && params.paintStyle != null) { - es.fill = params.paintStyle.stroke; - } - - if (es.outlineStroke == null && params.paintStyle != null) { - es.outlineStroke = params.paintStyle.outlineStroke; - } - if (es.outlineWidth == null && params.paintStyle != null) { - es.outlineWidth = params.paintStyle.outlineWidth; - } - - var ehs = params.endpointHoverStyles[index] || params.endpointHoverStyle || _jsPlumb.Defaults.EndpointHoverStyles[index] || _jp.Defaults.EndpointHoverStyles[index] || _jsPlumb.Defaults.EndpointHoverStyle || _jp.Defaults.EndpointHoverStyle; - // endpoint hover fill style is derived from connector's hover stroke style - if (params.hoverPaintStyle != null) { - if (ehs == null) { - ehs = {}; - } - if (ehs.fill == null) { - ehs.fill = params.hoverPaintStyle.stroke; - } - } - var a = params.anchors ? params.anchors[index] : - params.anchor ? params.anchor : - _makeAnchor(_jsPlumb.Defaults.Anchors[index], elementId, _jsPlumb) || - _makeAnchor(_jp.Defaults.Anchors[index], elementId, _jsPlumb) || - _makeAnchor(_jsPlumb.Defaults.Anchor, elementId, _jsPlumb) || - _makeAnchor(_jp.Defaults.Anchor, elementId, _jsPlumb), - u = params.uuids ? params.uuids[index] : null; - - e = _newEndpoint({ - paintStyle: es, hoverPaintStyle: ehs, endpoint: ep, connections: [ conn ], - uuid: u, anchor: a, source: element, scope: params.scope, - reattach: params.reattach || _jsPlumb.Defaults.ReattachConnections, - detachable: params.detachable || _jsPlumb.Defaults.ConnectionsDetachable - }); - if (existing == null) { - e.setDeleteOnEmpty(true); - } - conn.endpoints[index] = e; - - if (params.drawEndpoints === false) { - e.setVisible(false, true, true); - } - - } - return e; - }, - replaceEndpoint:function(idx, endpointDef) { - - var current = this.endpoints[idx], - elId = current.elementId, - ebe = this._jsPlumb.instance.getEndpoints(elId), - _idx = ebe.indexOf(current), - _new = this.makeEndpoint(idx === 0, current.element, elId, null, endpointDef); - - this.endpoints[idx] = _new; - - ebe.splice(_idx, 1, _new); - this._jsPlumb.instance.deleteObject({endpoint:current, deleteAttachedObjects:false}); - this._jsPlumb.instance.fire("endpointReplaced", {previous:current, current:_new}); - - this._jsPlumb.instance.anchorManager.updateOtherEndpoint(this.endpoints[0].elementId, this.endpoints[1].elementId, this.endpoints[1].elementId, this); - - } - - }); // END Connection class -}).call(typeof window !== 'undefined' ? window : this); - -/* - * This file contains the code for creating and manipulating anchors. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - - var root = this, - _ju = root.jsPlumbUtil, - _jp = root.jsPlumb; - - // - // manages anchors for all elements. - // - _jp.AnchorManager = function (params) { - var _amEndpoints = {}, - continuousAnchorLocations = {}, - continuousAnchorOrientations = {}, - connectionsByElementId = {}, - self = this, - anchorLists = {}, - jsPlumbInstance = params.jsPlumbInstance, - floatingConnections = {}, - // used by placeAnchors function - placeAnchorsOnLine = function (desc, elementDimensions, elementPosition, connections, horizontal, otherMultiplier, reverse) { - var a = [], step = elementDimensions[horizontal ? 0 : 1] / (connections.length + 1); - - for (var i = 0; i < connections.length; i++) { - var val = (i + 1) * step, other = otherMultiplier * elementDimensions[horizontal ? 1 : 0]; - if (reverse) { - val = elementDimensions[horizontal ? 0 : 1] - val; - } - - var dx = (horizontal ? val : other), x = elementPosition[0] + dx, xp = dx / elementDimensions[0], - dy = (horizontal ? other : val), y = elementPosition[1] + dy, yp = dy / elementDimensions[1]; - - a.push([ x, y, xp, yp, connections[i][1], connections[i][2] ]); - } - - return a; - }, - // used by edgeSortFunctions - currySort = function (reverseAngles) { - return function (a, b) { - var r = true; - if (reverseAngles) { - r = a[0][0] < b[0][0]; - } - else { - r = a[0][0] > b[0][0]; - } - return r === false ? -1 : 1; - }; - }, - // used by edgeSortFunctions - leftSort = function (a, b) { - // first get adjusted values - var p1 = a[0][0] < 0 ? -Math.PI - a[0][0] : Math.PI - a[0][0], - p2 = b[0][0] < 0 ? -Math.PI - b[0][0] : Math.PI - b[0][0]; - if (p1 > p2) { - return 1; - } - else { - return -1; - } - }, - // used by placeAnchors - edgeSortFunctions = { - "top": function (a, b) { - return a[0] > b[0] ? 1 : -1; - }, - "right": currySort(true), - "bottom": currySort(true), - "left": leftSort - }, - // used by placeAnchors - _sortHelper = function (_array, _fn) { - return _array.sort(_fn); - }, - // used by AnchorManager.redraw - placeAnchors = function (elementId, _anchorLists) { - var cd = jsPlumbInstance.getCachedData(elementId), sS = cd.s, sO = cd.o, - placeSomeAnchors = function (desc, elementDimensions, elementPosition, unsortedConnections, isHorizontal, otherMultiplier, orientation) { - if (unsortedConnections.length > 0) { - var sc = _sortHelper(unsortedConnections, edgeSortFunctions[desc]), // puts them in order based on the target element's pos on screen - reverse = desc === "right" || desc === "top", - anchors = placeAnchorsOnLine(desc, elementDimensions, - elementPosition, sc, - isHorizontal, otherMultiplier, reverse); - - // takes a computed anchor position and adjusts it for parent offset and scroll, then stores it. - var _setAnchorLocation = function (endpoint, anchorPos) { - continuousAnchorLocations[endpoint.id] = [ anchorPos[0], anchorPos[1], anchorPos[2], anchorPos[3] ]; - continuousAnchorOrientations[endpoint.id] = orientation; - }; - - for (var i = 0; i < anchors.length; i++) { - var c = anchors[i][4], weAreSource = c.endpoints[0].elementId === elementId, weAreTarget = c.endpoints[1].elementId === elementId; - if (weAreSource) { - _setAnchorLocation(c.endpoints[0], anchors[i]); - } - if (weAreTarget) { - _setAnchorLocation(c.endpoints[1], anchors[i]); - } - } - } - }; - - placeSomeAnchors("bottom", sS, [sO.left, sO.top], _anchorLists.bottom, true, 1, [0, 1]); - placeSomeAnchors("top", sS, [sO.left, sO.top], _anchorLists.top, true, 0, [0, -1]); - placeSomeAnchors("left", sS, [sO.left, sO.top], _anchorLists.left, false, 0, [-1, 0]); - placeSomeAnchors("right", sS, [sO.left, sO.top], _anchorLists.right, false, 1, [1, 0]); - }; - - this.reset = function () { - _amEndpoints = {}; - connectionsByElementId = {}; - anchorLists = {}; - }; - this.addFloatingConnection = function (key, conn) { - floatingConnections[key] = conn; - }; - this.removeFloatingConnection = function (key) { - delete floatingConnections[key]; - }; - this.newConnection = function (conn) { - var sourceId = conn.sourceId, targetId = conn.targetId, - ep = conn.endpoints, - doRegisterTarget = true, - registerConnection = function (otherIndex, otherEndpoint, otherAnchor, elId, c) { - if ((sourceId === targetId) && otherAnchor.isContinuous) { - // remove the target endpoint's canvas. we dont need it. - conn._jsPlumb.instance.removeElement(ep[1].canvas); - doRegisterTarget = false; - } - _ju.addToList(connectionsByElementId, elId, [c, otherEndpoint, otherAnchor.constructor === _jp.DynamicAnchor]); - }; - - registerConnection(0, ep[0], ep[0].anchor, targetId, conn); - if (doRegisterTarget) { - registerConnection(1, ep[1], ep[1].anchor, sourceId, conn); - } - }; - var removeEndpointFromAnchorLists = function (endpoint) { - (function (list, eId) { - if (list) { // transient anchors dont get entries in this list. - var f = function (e) { - return e[4] === eId; - }; - _ju.removeWithFunction(list.top, f); - _ju.removeWithFunction(list.left, f); - _ju.removeWithFunction(list.bottom, f); - _ju.removeWithFunction(list.right, f); - } - })(anchorLists[endpoint.elementId], endpoint.id); - }; - this.connectionDetached = function (connInfo, doNotRedraw) { - var connection = connInfo.connection || connInfo, - sourceId = connInfo.sourceId, - targetId = connInfo.targetId, - ep = connection.endpoints, - removeConnection = function (otherIndex, otherEndpoint, otherAnchor, elId, c) { - _ju.removeWithFunction(connectionsByElementId[elId], function (_c) { - return _c[0].id === c.id; - }); - }; - - removeConnection(1, ep[1], ep[1].anchor, sourceId, connection); - removeConnection(0, ep[0], ep[0].anchor, targetId, connection); - if (connection.floatingId) { - removeConnection(connection.floatingIndex, connection.floatingEndpoint, connection.floatingEndpoint.anchor, connection.floatingId, connection); - removeEndpointFromAnchorLists(connection.floatingEndpoint); - } - - // remove from anchorLists - removeEndpointFromAnchorLists(connection.endpoints[0]); - removeEndpointFromAnchorLists(connection.endpoints[1]); - - if (!doNotRedraw) { - self.redraw(connection.sourceId); - if (connection.targetId !== connection.sourceId) { - self.redraw(connection.targetId); - } - } - }; - this.add = function (endpoint, elementId) { - _ju.addToList(_amEndpoints, elementId, endpoint); - }; - this.changeId = function (oldId, newId) { - connectionsByElementId[newId] = connectionsByElementId[oldId]; - _amEndpoints[newId] = _amEndpoints[oldId]; - delete connectionsByElementId[oldId]; - delete _amEndpoints[oldId]; - }; - this.getConnectionsFor = function (elementId) { - return connectionsByElementId[elementId] || []; - }; - this.getEndpointsFor = function (elementId) { - return _amEndpoints[elementId] || []; - }; - this.deleteEndpoint = function (endpoint) { - _ju.removeWithFunction(_amEndpoints[endpoint.elementId], function (e) { - return e.id === endpoint.id; - }); - removeEndpointFromAnchorLists(endpoint); - }; - this.clearFor = function (elementId) { - delete _amEndpoints[elementId]; - _amEndpoints[elementId] = []; - }; - // updates the given anchor list by either updating an existing anchor's info, or adding it. this function - // also removes the anchor from its previous list, if the edge it is on has changed. - // all connections found along the way (those that are connected to one of the faces this function - // operates on) are added to the connsToPaint list, as are their endpoints. in this way we know to repaint - // them wthout having to calculate anything else about them. - var _updateAnchorList = function (lists, theta, order, conn, aBoolean, otherElId, idx, reverse, edgeId, elId, connsToPaint, endpointsToPaint) { - // first try to find the exact match, but keep track of the first index of a matching element id along the way.s - var exactIdx = -1, - firstMatchingElIdx = -1, - endpoint = conn.endpoints[idx], - endpointId = endpoint.id, - oIdx = [1, 0][idx], - values = [ - [ theta, order ], - conn, - aBoolean, - otherElId, - endpointId - ], - listToAddTo = lists[edgeId], - listToRemoveFrom = endpoint._continuousAnchorEdge ? lists[endpoint._continuousAnchorEdge] : null, - i, - candidate; - - if (listToRemoveFrom) { - var rIdx = _ju.findWithFunction(listToRemoveFrom, function (e) { - return e[4] === endpointId; - }); - if (rIdx !== -1) { - listToRemoveFrom.splice(rIdx, 1); - // get all connections from this list - for (i = 0; i < listToRemoveFrom.length; i++) { - candidate = listToRemoveFrom[i][1]; - _ju.addWithFunction(connsToPaint, candidate, function (c) { - return c.id === candidate.id; - }); - _ju.addWithFunction(endpointsToPaint, listToRemoveFrom[i][1].endpoints[idx], function (e) { - return e.id === candidate.endpoints[idx].id; - }); - _ju.addWithFunction(endpointsToPaint, listToRemoveFrom[i][1].endpoints[oIdx], function (e) { - return e.id === candidate.endpoints[oIdx].id; - }); - } - } - } - - for (i = 0; i < listToAddTo.length; i++) { - candidate = listToAddTo[i][1]; - if (params.idx === 1 && listToAddTo[i][3] === otherElId && firstMatchingElIdx === -1) { - firstMatchingElIdx = i; - } - _ju.addWithFunction(connsToPaint, candidate, function (c) { - return c.id === candidate.id; - }); - _ju.addWithFunction(endpointsToPaint, listToAddTo[i][1].endpoints[idx], function (e) { - return e.id === candidate.endpoints[idx].id; - }); - _ju.addWithFunction(endpointsToPaint, listToAddTo[i][1].endpoints[oIdx], function (e) { - return e.id === candidate.endpoints[oIdx].id; - }); - } - if (exactIdx !== -1) { - listToAddTo[exactIdx] = values; - } - else { - var insertIdx = reverse ? firstMatchingElIdx !== -1 ? firstMatchingElIdx : 0 : listToAddTo.length; // of course we will get this from having looked through the array shortly. - listToAddTo.splice(insertIdx, 0, values); - } - - // store this for next time. - endpoint._continuousAnchorEdge = edgeId; - }; - - // - // find the entry in an endpoint's list for this connection and update its target endpoint - // with the current target in the connection. - // This method and sourceChanged need to be folder into one. - // - this.updateOtherEndpoint = function (sourceElId, oldTargetId, newTargetId, connection) { - var sIndex = _ju.findWithFunction(connectionsByElementId[sourceElId], function (i) { - return i[0].id === connection.id; - }), - tIndex = _ju.findWithFunction(connectionsByElementId[oldTargetId], function (i) { - return i[0].id === connection.id; - }); - - // update or add data for source - if (sIndex !== -1) { - connectionsByElementId[sourceElId][sIndex][0] = connection; - connectionsByElementId[sourceElId][sIndex][1] = connection.endpoints[1]; - connectionsByElementId[sourceElId][sIndex][2] = connection.endpoints[1].anchor.constructor === _jp.DynamicAnchor; - } - - // remove entry for previous target (if there) - if (tIndex > -1) { - connectionsByElementId[oldTargetId].splice(tIndex, 1); - // add entry for new target - _ju.addToList(connectionsByElementId, newTargetId, [connection, connection.endpoints[0], connection.endpoints[0].anchor.constructor === _jp.DynamicAnchor]); - } - - connection.updateConnectedClass(); - }; - - // - // notification that the connection given has changed source from the originalId to the newId. - // This involves: - // 1. removing the connection from the list of connections stored for the originalId - // 2. updating the source information for the target of the connection - // 3. re-registering the connection in connectionsByElementId with the newId - // - this.sourceChanged = function (originalId, newId, connection, newElement) { - if (originalId !== newId) { - - connection.sourceId = newId; - connection.source = newElement; - - // remove the entry that points from the old source to the target - _ju.removeWithFunction(connectionsByElementId[originalId], function (info) { - return info[0].id === connection.id; - }); - // find entry for target and update it - var tIdx = _ju.findWithFunction(connectionsByElementId[connection.targetId], function (i) { - return i[0].id === connection.id; - }); - if (tIdx > -1) { - connectionsByElementId[connection.targetId][tIdx][0] = connection; - connectionsByElementId[connection.targetId][tIdx][1] = connection.endpoints[0]; - connectionsByElementId[connection.targetId][tIdx][2] = connection.endpoints[0].anchor.constructor === _jp.DynamicAnchor; - } - // add entry for new source - _ju.addToList(connectionsByElementId, newId, [connection, connection.endpoints[1], connection.endpoints[1].anchor.constructor === _jp.DynamicAnchor]); - - // TODO SP not final on this yet. when a user drags an existing connection and it turns into a self - // loop, then this code hides the target endpoint (by removing it from the DOM) But I think this should - // occur only if the anchor is Continuous - if (connection.endpoints[1].anchor.isContinuous) { - if (connection.source === connection.target) { - connection._jsPlumb.instance.removeElement(connection.endpoints[1].canvas); - } - else { - if (connection.endpoints[1].canvas.parentNode == null) { - connection._jsPlumb.instance.appendElement(connection.endpoints[1].canvas); - } - } - } - - connection.updateConnectedClass(); - } - }; - - // - // moves the given endpoint from `currentId` to `element`. - // This involves: - // - // 1. changing the key in _amEndpoints under which the endpoint is stored - // 2. changing the source or target values in all of the endpoint's connections - // 3. changing the array in connectionsByElementId in which the endpoint's connections - // are stored (done by either sourceChanged or updateOtherEndpoint) - // - this.rehomeEndpoint = function (ep, currentId, element) { - var eps = _amEndpoints[currentId] || [], - elementId = jsPlumbInstance.getId(element); - - if (elementId !== currentId) { - var idx = eps.indexOf(ep); - if (idx > -1) { - var _ep = eps.splice(idx, 1)[0]; - self.add(_ep, elementId); - } - } - - for (var i = 0; i < ep.connections.length; i++) { - if (ep.connections[i].sourceId === currentId) { - self.sourceChanged(currentId, ep.elementId, ep.connections[i], ep.element); - } - else if (ep.connections[i].targetId === currentId) { - ep.connections[i].targetId = ep.elementId; - ep.connections[i].target = ep.element; - self.updateOtherEndpoint(ep.connections[i].sourceId, currentId, ep.elementId, ep.connections[i]); - } - } - }; - - this.redraw = function (elementId, ui, timestamp, offsetToUI, clearEdits, doNotRecalcEndpoint) { - - if (!jsPlumbInstance.isSuspendDrawing()) { - // get all the endpoints for this element - var ep = _amEndpoints[elementId] || [], - endpointConnections = connectionsByElementId[elementId] || [], - connectionsToPaint = [], - endpointsToPaint = [], - anchorsToUpdate = []; - - timestamp = timestamp || jsPlumbInstance.timestamp(); - // offsetToUI are values that would have been calculated in the dragManager when registering - // an endpoint for an element that had a parent (somewhere in the hierarchy) that had been - // registered as draggable. - offsetToUI = offsetToUI || {left: 0, top: 0}; - if (ui) { - ui = { - left: ui.left + offsetToUI.left, - top: ui.top + offsetToUI.top - }; - } - - // valid for one paint cycle. - var myOffset = jsPlumbInstance.updateOffset({ elId: elementId, offset: ui, recalc: false, timestamp: timestamp }), - orientationCache = {}; - - // actually, first we should compute the orientation of this element to all other elements to which - // this element is connected with a continuous anchor (whether both ends of the connection have - // a continuous anchor or just one) - - for (var i = 0; i < endpointConnections.length; i++) { - var conn = endpointConnections[i][0], - sourceId = conn.sourceId, - targetId = conn.targetId, - sourceContinuous = conn.endpoints[0].anchor.isContinuous, - targetContinuous = conn.endpoints[1].anchor.isContinuous; - - if (sourceContinuous || targetContinuous) { - var oKey = sourceId + "_" + targetId, - o = orientationCache[oKey], - oIdx = conn.sourceId === elementId ? 1 : 0; - - if (sourceContinuous && !anchorLists[sourceId]) { - anchorLists[sourceId] = { top: [], right: [], bottom: [], left: [] }; - } - if (targetContinuous && !anchorLists[targetId]) { - anchorLists[targetId] = { top: [], right: [], bottom: [], left: [] }; - } - - if (elementId !== targetId) { - jsPlumbInstance.updateOffset({ elId: targetId, timestamp: timestamp }); - } - if (elementId !== sourceId) { - jsPlumbInstance.updateOffset({ elId: sourceId, timestamp: timestamp }); - } - - var td = jsPlumbInstance.getCachedData(targetId), - sd = jsPlumbInstance.getCachedData(sourceId); - - if (targetId === sourceId && (sourceContinuous || targetContinuous)) { - // here we may want to improve this by somehow determining the face we'd like - // to put the connector on. ideally, when drawing, the face should be calculated - // by determining which face is closest to the point at which the mouse button - // was released. for now, we're putting it on the top face. - _updateAnchorList( anchorLists[sourceId], -Math.PI / 2, 0, conn, false, targetId, 0, false, "top", sourceId, connectionsToPaint, endpointsToPaint); - _updateAnchorList( anchorLists[targetId], -Math.PI / 2, 0, conn, false, sourceId, 1, false, "top", targetId, connectionsToPaint, endpointsToPaint); - } - else { - if (!o) { - o = this.calculateOrientation(sourceId, targetId, sd.o, td.o, conn.endpoints[0].anchor, conn.endpoints[1].anchor, conn); - orientationCache[oKey] = o; - // this would be a performance enhancement, but the computed angles need to be clamped to - //the (-PI/2 -> PI/2) range in order for the sorting to work properly. - /* orientationCache[oKey2] = { - orientation:o.orientation, - a:[o.a[1], o.a[0]], - theta:o.theta + Math.PI, - theta2:o.theta2 + Math.PI - };*/ - } - if (sourceContinuous) { - _updateAnchorList(anchorLists[sourceId], o.theta, 0, conn, false, targetId, 0, false, o.a[0], sourceId, connectionsToPaint, endpointsToPaint); - } - if (targetContinuous) { - _updateAnchorList(anchorLists[targetId], o.theta2, -1, conn, true, sourceId, 1, true, o.a[1], targetId, connectionsToPaint, endpointsToPaint); - } - } - - if (sourceContinuous) { - _ju.addWithFunction(anchorsToUpdate, sourceId, function (a) { - return a === sourceId; - }); - } - if (targetContinuous) { - _ju.addWithFunction(anchorsToUpdate, targetId, function (a) { - return a === targetId; - }); - } - _ju.addWithFunction(connectionsToPaint, conn, function (c) { - return c.id === conn.id; - }); - if ((sourceContinuous && oIdx === 0) || (targetContinuous && oIdx === 1)) { - _ju.addWithFunction(endpointsToPaint, conn.endpoints[oIdx], function (e) { - return e.id === conn.endpoints[oIdx].id; - }); - } - } - } - - // place Endpoints whose anchors are continuous but have no Connections - for (i = 0; i < ep.length; i++) { - if (ep[i].connections.length === 0 && ep[i].anchor.isContinuous) { - if (!anchorLists[elementId]) { - anchorLists[elementId] = { top: [], right: [], bottom: [], left: [] }; - } - _updateAnchorList(anchorLists[elementId], -Math.PI / 2, 0, {endpoints: [ep[i], ep[i]], paint: function () { - }}, false, elementId, 0, false, ep[i].anchor.getDefaultFace(), elementId, connectionsToPaint, endpointsToPaint); - _ju.addWithFunction(anchorsToUpdate, elementId, function (a) { - return a === elementId; - }); - } - } - - // now place all the continuous anchors we need to; - for (i = 0; i < anchorsToUpdate.length; i++) { - placeAnchors(anchorsToUpdate[i], anchorLists[anchorsToUpdate[i]]); - } - - // now that continuous anchors have been placed, paint all the endpoints for this element - for (i = 0; i < ep.length; i++) { - ep[i].paint({ timestamp: timestamp, offset: myOffset, dimensions: myOffset.s, recalc: doNotRecalcEndpoint !== true }); - } - - // ... and any other endpoints we came across as a result of the continuous anchors. - for (i = 0; i < endpointsToPaint.length; i++) { - var cd = jsPlumbInstance.getCachedData(endpointsToPaint[i].elementId); - //endpointsToPaint[i].paint({ timestamp: timestamp, offset: cd, dimensions: cd.s }); - endpointsToPaint[i].paint({ timestamp: null, offset: cd, dimensions: cd.s }); - } - - // paint all the standard and "dynamic connections", which are connections whose other anchor is - // static and therefore does need to be recomputed; we make sure that happens only one time. - - // TODO we could have compiled a list of these in the first pass through connections; might save some time. - for (i = 0; i < endpointConnections.length; i++) { - var otherEndpoint = endpointConnections[i][1]; - if (otherEndpoint.anchor.constructor === _jp.DynamicAnchor) { - otherEndpoint.paint({ elementWithPrecedence: elementId, timestamp: timestamp }); - _ju.addWithFunction(connectionsToPaint, endpointConnections[i][0], function (c) { - return c.id === endpointConnections[i][0].id; - }); - // all the connections for the other endpoint now need to be repainted - for (var k = 0; k < otherEndpoint.connections.length; k++) { - if (otherEndpoint.connections[k] !== endpointConnections[i][0]) { - _ju.addWithFunction(connectionsToPaint, otherEndpoint.connections[k], function (c) { - return c.id === otherEndpoint.connections[k].id; - }); - } - } - } else { - _ju.addWithFunction(connectionsToPaint, endpointConnections[i][0], function (c) { - return c.id === endpointConnections[i][0].id; - }); - } - } - - // paint current floating connection for this element, if there is one. - var fc = floatingConnections[elementId]; - if (fc) { - fc.paint({timestamp: timestamp, recalc: false, elId: elementId}); - } - - // paint all the connections - for (i = 0; i < connectionsToPaint.length; i++) { - connectionsToPaint[i].paint({elId: elementId, timestamp: null, recalc: false, clearEdits: clearEdits}); - } - } - }; - - var ContinuousAnchor = function (anchorParams) { - _ju.EventGenerator.apply(this); - this.type = "Continuous"; - this.isDynamic = true; - this.isContinuous = true; - var faces = anchorParams.faces || ["top", "right", "bottom", "left"], - clockwise = !(anchorParams.clockwise === false), - availableFaces = { }, - opposites = { "top": "bottom", "right": "left", "left": "right", "bottom": "top" }, - clockwiseOptions = { "top": "right", "right": "bottom", "left": "top", "bottom": "left" }, - antiClockwiseOptions = { "top": "left", "right": "top", "left": "bottom", "bottom": "right" }, - secondBest = clockwise ? clockwiseOptions : antiClockwiseOptions, - lastChoice = clockwise ? antiClockwiseOptions : clockwiseOptions, - cssClass = anchorParams.cssClass || "", - _currentFace = null, _lockedFace = null, X_AXIS_FACES = ["left", "right"], Y_AXIS_FACES = ["top", "bottom"], - _lockedAxis = null; - - for (var i = 0; i < faces.length; i++) { - availableFaces[faces[i]] = true; - } - - this.getDefaultFace = function () { - return faces.length === 0 ? "top" : faces[0]; - }; - - this.isRelocatable = function() { return true; }; - this.isSnapOnRelocate = function() { return true; }; - - // if the given edge is supported, returns it. otherwise looks for a substitute that _is_ - // supported. if none supported we also return the request edge. - this.verifyEdge = function (edge) { - if (availableFaces[edge]) { - return edge; - } - else if (availableFaces[opposites[edge]]) { - return opposites[edge]; - } - else if (availableFaces[secondBest[edge]]) { - return secondBest[edge]; - } - else if (availableFaces[lastChoice[edge]]) { - return lastChoice[edge]; - } - return edge; // we have to give them something. - }; - - this.isEdgeSupported = function (edge) { - return _lockedAxis == null ? - - (_lockedFace == null ? availableFaces[edge] === true : _lockedFace === edge) - - : _lockedAxis.indexOf(edge) !== -1; - }; - - this.setCurrentFace = function(face, overrideLock) { - _currentFace = face; - // if currently locked, and the user wants to override, do that. - if (overrideLock && _lockedFace != null) { - _lockedFace = _currentFace; - } - }; - - this.getCurrentFace = function() { return _currentFace; }; - this.getSupportedFaces = function() { - var af = []; - for (var k in availableFaces) { - if (availableFaces[k]) { - af.push(k); - } - } - return af; - }; - - this.lock = function() { - _lockedFace = _currentFace; - }; - this.unlock = function() { - _lockedFace = null; - }; - this.isLocked = function() { - return _lockedFace != null; - }; - - this.lockCurrentAxis = function() { - if (_currentFace != null) { - _lockedAxis = (_currentFace === "left" || _currentFace === "right") ? X_AXIS_FACES : Y_AXIS_FACES; - } - }; - - this.unlockCurrentAxis = function() { - _lockedAxis = null; - }; - - this.compute = function (params) { - return continuousAnchorLocations[params.element.id] || [0, 0]; - }; - this.getCurrentLocation = function (params) { - return continuousAnchorLocations[params.element.id] || [0, 0]; - }; - this.getOrientation = function (endpoint) { - return continuousAnchorOrientations[endpoint.id] || [0, 0]; - }; - this.getCssClass = function () { - return cssClass; - }; - }; - - // continuous anchors - jsPlumbInstance.continuousAnchorFactory = { - get: function (params) { - return new ContinuousAnchor(params); - }, - clear: function (elementId) { - delete continuousAnchorLocations[elementId]; - } - }; - }; - - _jp.AnchorManager.prototype.calculateOrientation = function (sourceId, targetId, sd, td, sourceAnchor, targetAnchor) { - - var Orientation = { HORIZONTAL: "horizontal", VERTICAL: "vertical", DIAGONAL: "diagonal", IDENTITY: "identity" }, - axes = ["left", "top", "right", "bottom"]; - - if (sourceId === targetId) { - return { - orientation: Orientation.IDENTITY, - a: ["top", "top"] - }; - } - - var theta = Math.atan2((td.centery - sd.centery), (td.centerx - sd.centerx)), - theta2 = Math.atan2((sd.centery - td.centery), (sd.centerx - td.centerx)); - -// -------------------------------------------------------------------------------------- - - // improved face calculation. get midpoints of each face for source and target, then put in an array with all combinations of - // source/target faces. sort this array by distance between midpoints. the entry at index 0 is our preferred option. we can - // go through the array one by one until we find an entry in which each requested face is supported. - var candidates = [], midpoints = { }; - (function (types, dim) { - for (var i = 0; i < types.length; i++) { - midpoints[types[i]] = { - "left": [ dim[i].left, dim[i].centery ], - "right": [ dim[i].right, dim[i].centery ], - "top": [ dim[i].centerx, dim[i].top ], - "bottom": [ dim[i].centerx , dim[i].bottom] - }; - } - })([ "source", "target" ], [ sd, td ]); - - for (var sf = 0; sf < axes.length; sf++) { - for (var tf = 0; tf < axes.length; tf++) { - candidates.push({ - source: axes[sf], - target: axes[tf], - dist: Biltong.lineLength(midpoints.source[axes[sf]], midpoints.target[axes[tf]]) - }); - } - } - - candidates.sort(function (a, b) { - return a.dist < b.dist ? -1 : a.dist > b.dist ? 1 : 0; - }); - - // now go through this list and try to get an entry that satisfies both (there will be one, unless one of the anchors - // declares no available faces) - var sourceEdge = candidates[0].source, targetEdge = candidates[0].target; - for (var i = 0; i < candidates.length; i++) { - - if (!sourceAnchor.isContinuous || sourceAnchor.isEdgeSupported(candidates[i].source)) { - sourceEdge = candidates[i].source; - } - else { - sourceEdge = null; - } - - if (!targetAnchor.isContinuous || targetAnchor.isEdgeSupported(candidates[i].target)) { - targetEdge = candidates[i].target; - } - else { - targetEdge = null; - } - - if (sourceEdge != null && targetEdge != null) { - break; - } - } - - if (sourceAnchor.isContinuous) { - sourceAnchor.setCurrentFace(sourceEdge); - } - - if (targetAnchor.isContinuous) { - targetAnchor.setCurrentFace(targetEdge); - } - -// -------------------------------------------------------------------------------------- - - return { - a: [ sourceEdge, targetEdge ], - theta: theta, - theta2: theta2 - }; - }; - - /** - * Anchors model a position on some element at which an Endpoint may be located. They began as a first class citizen of jsPlumb, ie. a user - * was required to create these themselves, but over time this has been replaced by the concept of referring to them either by name (eg. "TopMiddle"), - * or by an array describing their coordinates (eg. [ 0, 0.5, 0, -1 ], which is the same as "TopMiddle"). jsPlumb now handles all of the - * creation of Anchors without user intervention. - */ - _jp.Anchor = function (params) { - this.x = params.x || 0; - this.y = params.y || 0; - this.elementId = params.elementId; - this.cssClass = params.cssClass || ""; - this.userDefinedLocation = null; - this.orientation = params.orientation || [ 0, 0 ]; - this.lastReturnValue = null; - this.offsets = params.offsets || [ 0, 0 ]; - this.timestamp = null; - - var relocatable = params.relocatable !== false; - this.isRelocatable = function() { return relocatable; }; - this.setRelocatable = function(_relocatable) { relocatable = _relocatable; }; - var snapOnRelocate = params.snapOnRelocate !== false; - this.isSnapOnRelocate = function() { return snapOnRelocate; }; - - var locked = false; - this.lock = function() { locked = true; }; - this.unlock = function() { locked = false; }; - this.isLocked = function() { return locked; }; - - _ju.EventGenerator.apply(this); - - this.compute = function (params) { - - var xy = params.xy, wh = params.wh, timestamp = params.timestamp; - - if (params.clearUserDefinedLocation) { - this.userDefinedLocation = null; - } - - if (timestamp && timestamp === this.timestamp) { - return this.lastReturnValue; - } - - if (this.userDefinedLocation != null) { - this.lastReturnValue = this.userDefinedLocation; - } - else { - this.lastReturnValue = [ xy[0] + (this.x * wh[0]) + this.offsets[0], xy[1] + (this.y * wh[1]) + this.offsets[1], this.x, this.y ]; - } - - this.timestamp = timestamp; - return this.lastReturnValue; - }; - - this.getCurrentLocation = function (params) { - params = params || {}; - return (this.lastReturnValue == null || (params.timestamp != null && this.timestamp !== params.timestamp)) ? this.compute(params) : this.lastReturnValue; - }; - - this.setPosition = function(x, y, ox, oy, overrideLock) { - if (!locked || overrideLock) { - this.x = x; - this.y = y; - this.orientation = [ ox, oy ]; - this.lastReturnValue = null; - } - }; - }; - _ju.extend(_jp.Anchor, _ju.EventGenerator, { - equals: function (anchor) { - if (!anchor) { - return false; - } - var ao = anchor.getOrientation(), - o = this.getOrientation(); - return this.x === anchor.x && this.y === anchor.y && this.offsets[0] === anchor.offsets[0] && this.offsets[1] === anchor.offsets[1] && o[0] === ao[0] && o[1] === ao[1]; - }, - getUserDefinedLocation: function () { - return this.userDefinedLocation; - }, - setUserDefinedLocation: function (l) { - this.userDefinedLocation = l; - }, - clearUserDefinedLocation: function () { - this.userDefinedLocation = null; - }, - getOrientation: function () { - return this.orientation; - }, - getCssClass: function () { - return this.cssClass; - } - }); - - /** - * An Anchor that floats. its orientation is computed dynamically from - * its position relative to the anchor it is floating relative to. It is used when creating - * a connection through drag and drop. - * - * TODO FloatingAnchor could totally be refactored to extend Anchor just slightly. - */ - _jp.FloatingAnchor = function (params) { - - _jp.Anchor.apply(this, arguments); - - // this is the anchor that this floating anchor is referenced to for - // purposes of calculating the orientation. - var ref = params.reference, - // the canvas this refers to. - refCanvas = params.referenceCanvas, - size = _jp.getSize(refCanvas), - // these are used to store the current relative position of our - // anchor wrt the reference anchor. they only indicate - // direction, so have a value of 1 or -1 (or, very rarely, 0). these - // values are written by the compute method, and read - // by the getOrientation method. - xDir = 0, yDir = 0, - // temporary member used to store an orientation when the floating - // anchor is hovering over another anchor. - orientation = null, - _lastResult = null; - - // clear from parent. we want floating anchor orientation to always be computed. - this.orientation = null; - - // set these to 0 each; they are used by certain types of connectors in the loopback case, - // when the connector is trying to clear the element it is on. but for floating anchor it's not - // very important. - this.x = 0; - this.y = 0; - - this.isFloating = true; - - this.compute = function (params) { - var xy = params.xy, - result = [ xy[0] + (size[0] / 2), xy[1] + (size[1] / 2) ]; // return origin of the element. we may wish to improve this so that any object can be the drag proxy. - _lastResult = result; - return result; - }; - - this.getOrientation = function (_endpoint) { - if (orientation) { - return orientation; - } - else { - var o = ref.getOrientation(_endpoint); - // here we take into account the orientation of the other - // anchor: if it declares zero for some direction, we declare zero too. this might not be the most awesome. perhaps we can come - // up with a better way. it's just so that the line we draw looks like it makes sense. maybe this wont make sense. - return [ Math.abs(o[0]) * xDir * -1, - Math.abs(o[1]) * yDir * -1 ]; - } - }; - - /** - * notification the endpoint associated with this anchor is hovering - * over another anchor; we want to assume that anchor's orientation - * for the duration of the hover. - */ - this.over = function (anchor, endpoint) { - orientation = anchor.getOrientation(endpoint); - }; - - /** - * notification the endpoint associated with this anchor is no - * longer hovering over another anchor; we should resume calculating - * orientation as we normally do. - */ - this.out = function () { - orientation = null; - }; - - this.getCurrentLocation = function (params) { - return _lastResult == null ? this.compute(params) : _lastResult; - }; - }; - _ju.extend(_jp.FloatingAnchor, _jp.Anchor); - - var _convertAnchor = function (anchor, jsPlumbInstance, elementId) { - return anchor.constructor === _jp.Anchor ? anchor : jsPlumbInstance.makeAnchor(anchor, elementId, jsPlumbInstance); - }; - - /* - * A DynamicAnchor is an Anchor that contains a list of other Anchors, which it cycles - * through at compute time to find the one that is located closest to - * the center of the target element, and returns that Anchor's compute - * method result. this causes endpoints to follow each other with - * respect to the orientation of their target elements, which is a useful - * feature for some applications. - * - */ - _jp.DynamicAnchor = function (params) { - _jp.Anchor.apply(this, arguments); - - this.isDynamic = true; - this.anchors = []; - this.elementId = params.elementId; - this.jsPlumbInstance = params.jsPlumbInstance; - - for (var i = 0; i < params.anchors.length; i++) { - this.anchors[i] = _convertAnchor(params.anchors[i], this.jsPlumbInstance, this.elementId); - } - - this.getAnchors = function () { - return this.anchors; - }; - - var _curAnchor = this.anchors.length > 0 ? this.anchors[0] : null, - _lastAnchor = _curAnchor, - self = this, - - // helper method to calculate the distance between the centers of the two elements. - _distance = function (anchor, cx, cy, xy, wh) { - var ax = xy[0] + (anchor.x * wh[0]), ay = xy[1] + (anchor.y * wh[1]), - acx = xy[0] + (wh[0] / 2), acy = xy[1] + (wh[1] / 2); - return (Math.sqrt(Math.pow(cx - ax, 2) + Math.pow(cy - ay, 2)) + - Math.sqrt(Math.pow(acx - ax, 2) + Math.pow(acy - ay, 2))); - }, - // default method uses distance between element centers. you can provide your own method in the dynamic anchor - // constructor (and also to jsPlumb.makeDynamicAnchor). the arguments to it are four arrays: - // xy - xy loc of the anchor's element - // wh - anchor's element's dimensions - // txy - xy loc of the element of the other anchor in the connection - // twh - dimensions of the element of the other anchor in the connection. - // anchors - the list of selectable anchors - _anchorSelector = params.selector || function (xy, wh, txy, twh, anchors) { - var cx = txy[0] + (twh[0] / 2), cy = txy[1] + (twh[1] / 2); - var minIdx = -1, minDist = Infinity; - for (var i = 0; i < anchors.length; i++) { - var d = _distance(anchors[i], cx, cy, xy, wh); - if (d < minDist) { - minIdx = i + 0; - minDist = d; - } - } - return anchors[minIdx]; - }; - - this.compute = function (params) { - var xy = params.xy, wh = params.wh, txy = params.txy, twh = params.twh; - - this.timestamp = params.timestamp; - - var udl = self.getUserDefinedLocation(); - if (udl != null) { - return udl; - } - - // if anchor is locked or an opposite element was not given, we - // maintain our state. anchor will be locked - // if it is the source of a drag and drop. - if (this.isLocked() || txy == null || twh == null) { - return _curAnchor.compute(params); - } - else { - params.timestamp = null; // otherwise clear this, i think. we want the anchor to compute. - } - - _curAnchor = _anchorSelector(xy, wh, txy, twh, this.anchors); - this.x = _curAnchor.x; - this.y = _curAnchor.y; - - if (_curAnchor !== _lastAnchor) { - this.fire("anchorChanged", _curAnchor); - } - - _lastAnchor = _curAnchor; - - return _curAnchor.compute(params); - }; - - this.getCurrentLocation = function (params) { - return this.getUserDefinedLocation() || (_curAnchor != null ? _curAnchor.getCurrentLocation(params) : null); - }; - - this.getOrientation = function (_endpoint) { - return _curAnchor != null ? _curAnchor.getOrientation(_endpoint) : [ 0, 0 ]; - }; - this.over = function (anchor, endpoint) { - if (_curAnchor != null) { - _curAnchor.over(anchor, endpoint); - } - }; - this.out = function () { - if (_curAnchor != null) { - _curAnchor.out(); - } - }; - - this.setAnchor = function(a) { - _curAnchor = a; - }; - - this.getCssClass = function () { - return (_curAnchor && _curAnchor.getCssClass()) || ""; - }; - - /** - * Attempt to match an anchor with the given coordinates and then set it. - * @param coords - * @returns true if matching anchor found, false otherwise. - */ - this.setAnchorCoordinates = function(coords) { - var idx = jsPlumbUtil.findWithFunction(this.anchors, function(a) { - return a.x === coords[0] && a.y === coords[1]; - }); - if (idx !== -1) { - this.setAnchor(this.anchors[idx]); - return true; - } else { - return false; - } - }; - }; - _ju.extend(_jp.DynamicAnchor, _jp.Anchor); - -// -------- basic anchors ------------------ - var _curryAnchor = function (x, y, ox, oy, type, fnInit) { - _jp.Anchors[type] = function (params) { - var a = params.jsPlumbInstance.makeAnchor([ x, y, ox, oy, 0, 0 ], params.elementId, params.jsPlumbInstance); - a.type = type; - if (fnInit) { - fnInit(a, params); - } - return a; - }; - }; - - _curryAnchor(0.5, 0, 0, -1, "TopCenter"); - _curryAnchor(0.5, 1, 0, 1, "BottomCenter"); - _curryAnchor(0, 0.5, -1, 0, "LeftMiddle"); - _curryAnchor(1, 0.5, 1, 0, "RightMiddle"); - - _curryAnchor(0.5, 0, 0, -1, "Top"); - _curryAnchor(0.5, 1, 0, 1, "Bottom"); - _curryAnchor(0, 0.5, -1, 0, "Left"); - _curryAnchor(1, 0.5, 1, 0, "Right"); - _curryAnchor(0.5, 0.5, 0, 0, "Center"); - _curryAnchor(1, 0, 0, -1, "TopRight"); - _curryAnchor(1, 1, 0, 1, "BottomRight"); - _curryAnchor(0, 0, 0, -1, "TopLeft"); - _curryAnchor(0, 1, 0, 1, "BottomLeft"); - -// ------- dynamic anchors ------------------- - - // default dynamic anchors chooses from Top, Right, Bottom, Left - _jp.Defaults.DynamicAnchors = function (params) { - return params.jsPlumbInstance.makeAnchors(["TopCenter", "RightMiddle", "BottomCenter", "LeftMiddle"], params.elementId, params.jsPlumbInstance); - }; - - // default dynamic anchors bound to name 'AutoDefault' - _jp.Anchors.AutoDefault = function (params) { - var a = params.jsPlumbInstance.makeDynamicAnchor(_jp.Defaults.DynamicAnchors(params)); - a.type = "AutoDefault"; - return a; - }; - -// ------- continuous anchors ------------------- - - var _curryContinuousAnchor = function (type, faces) { - _jp.Anchors[type] = function (params) { - var a = params.jsPlumbInstance.makeAnchor(["Continuous", { faces: faces }], params.elementId, params.jsPlumbInstance); - a.type = type; - return a; - }; - }; - - _jp.Anchors.Continuous = function (params) { - return params.jsPlumbInstance.continuousAnchorFactory.get(params); - }; - - _curryContinuousAnchor("ContinuousLeft", ["left"]); - _curryContinuousAnchor("ContinuousTop", ["top"]); - _curryContinuousAnchor("ContinuousBottom", ["bottom"]); - _curryContinuousAnchor("ContinuousRight", ["right"]); - -// ------- position assign anchors ------------------- - - // this anchor type lets you assign the position at connection time. - _curryAnchor(0, 0, 0, 0, "Assign", function (anchor, params) { - // find what to use as the "position finder". the user may have supplied a String which represents - // the id of a position finder in jsPlumb.AnchorPositionFinders, or the user may have supplied the - // position finder as a function. we find out what to use and then set it on the anchor. - var pf = params.position || "Fixed"; - anchor.positionFinder = pf.constructor === String ? params.jsPlumbInstance.AnchorPositionFinders[pf] : pf; - // always set the constructor params; the position finder might need them later (the Grid one does, - // for example) - anchor.constructorParams = params; - }); - - // these are the default anchor positions finders, which are used by the makeTarget function. supplying - // a position finder argument to that function allows you to specify where the resulting anchor will - // be located - root.jsPlumbInstance.prototype.AnchorPositionFinders = { - "Fixed": function (dp, ep, es) { - return [ (dp.left - ep.left) / es[0], (dp.top - ep.top) / es[1] ]; - }, - "Grid": function (dp, ep, es, params) { - var dx = dp.left - ep.left, dy = dp.top - ep.top, - gx = es[0] / (params.grid[0]), gy = es[1] / (params.grid[1]), - mx = Math.floor(dx / gx), my = Math.floor(dy / gy); - return [ ((mx * gx) + (gx / 2)) / es[0], ((my * gy) + (gy / 2)) / es[1] ]; - } - }; - -// ------- perimeter anchors ------------------- - - _jp.Anchors.Perimeter = function (params) { - params = params || {}; - var anchorCount = params.anchorCount || 60, - shape = params.shape; - - if (!shape) { - throw new Error("no shape supplied to Perimeter Anchor type"); - } - - var _circle = function () { - var r = 0.5, step = Math.PI * 2 / anchorCount, current = 0, a = []; - for (var i = 0; i < anchorCount; i++) { - var x = r + (r * Math.sin(current)), - y = r + (r * Math.cos(current)); - a.push([ x, y, 0, 0 ]); - current += step; - } - return a; - }, - _path = function (segments) { - var anchorsPerFace = anchorCount / segments.length, a = [], - _computeFace = function (x1, y1, x2, y2, fractionalLength, ox, oy) { - anchorsPerFace = anchorCount * fractionalLength; - var dx = (x2 - x1) / anchorsPerFace, dy = (y2 - y1) / anchorsPerFace; - for (var i = 0; i < anchorsPerFace; i++) { - a.push([ - x1 + (dx * i), - y1 + (dy * i), - ox == null ? 0 : ox, - oy == null ? 0 : oy - ]); - } - }; - - for (var i = 0; i < segments.length; i++) { - _computeFace.apply(null, segments[i]); - } - - return a; - }, - _shape = function (faces) { - var s = []; - for (var i = 0; i < faces.length; i++) { - s.push([faces[i][0], faces[i][1], faces[i][2], faces[i][3], 1 / faces.length, faces[i][4], faces[i][5]]); - } - return _path(s); - }, - _rectangle = function () { - return _shape([ - [ 0, 0, 1, 0, 0, -1 ], - [ 1, 0, 1, 1, 1, 0 ], - [ 1, 1, 0, 1, 0, 1 ], - [ 0, 1, 0, 0, -1, 0 ] - ]); - }; - - var _shapes = { - "Circle": _circle, - "Ellipse": _circle, - "Diamond": function () { - return _shape([ - [ 0.5, 0, 1, 0.5 ], - [ 1, 0.5, 0.5, 1 ], - [ 0.5, 1, 0, 0.5 ], - [ 0, 0.5, 0.5, 0 ] - ]); - }, - "Rectangle": _rectangle, - "Square": _rectangle, - "Triangle": function () { - return _shape([ - [ 0.5, 0, 1, 1 ], - [ 1, 1, 0, 1 ], - [ 0, 1, 0.5, 0] - ]); - }, - "Path": function (params) { - var points = params.points, p = [], tl = 0; - for (var i = 0; i < points.length - 1; i++) { - var l = Math.sqrt(Math.pow(points[i][2] - points[i][0]) + Math.pow(points[i][3] - points[i][1])); - tl += l; - p.push([points[i][0], points[i][1], points[i + 1][0], points[i + 1][1], l]); - } - for (var j = 0; j < p.length; j++) { - p[j][4] = p[j][4] / tl; - } - return _path(p); - } - }, - _rotate = function (points, amountInDegrees) { - var o = [], theta = amountInDegrees / 180 * Math.PI; - for (var i = 0; i < points.length; i++) { - var _x = points[i][0] - 0.5, - _y = points[i][1] - 0.5; - - o.push([ - 0.5 + ((_x * Math.cos(theta)) - (_y * Math.sin(theta))), - 0.5 + ((_x * Math.sin(theta)) + (_y * Math.cos(theta))), - points[i][2], - points[i][3] - ]); - } - return o; - }; - - if (!_shapes[shape]) { - throw new Error("Shape [" + shape + "] is unknown by Perimeter Anchor type"); - } - - var da = _shapes[shape](params); - if (params.rotation) { - da = _rotate(da, params.rotation); - } - var a = params.jsPlumbInstance.makeDynamicAnchor(da); - a.type = "Perimeter"; - return a; - }; -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the default Connectors, Endpoint and Overlay definitions. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil, _jg = root.Biltong; - - _jp.Segments = { - - /* - * Class: AbstractSegment - * A Connector is made up of 1..N Segments, each of which has a Type, such as 'Straight', 'Arc', - * 'Bezier'. This is new from 1.4.2, and gives us a lot more flexibility when drawing connections: things such - * as rounded corners for flowchart connectors, for example, or a straight line stub for Bezier connections, are - * much easier to do now. - * - * A Segment is responsible for providing coordinates for painting it, and also must be able to report its length. - * - */ - AbstractSegment: function (params) { - this.params = params; - - /** - * Function: findClosestPointOnPath - * Finds the closest point on this segment to the given [x, y], - * returning both the x and y of the point plus its distance from - * the supplied point, and its location along the length of the - * path inscribed by the segment. This implementation returns - * Infinity for distance and null values for everything else; - * subclasses are expected to override. - */ - this.findClosestPointOnPath = function (x, y) { - return { - d: Infinity, - x: null, - y: null, - l: null - }; - }; - - this.getBounds = function () { - return { - minX: Math.min(params.x1, params.x2), - minY: Math.min(params.y1, params.y2), - maxX: Math.max(params.x1, params.x2), - maxY: Math.max(params.y1, params.y2) - }; - }; - - /** - * Computes the list of points on the segment that intersect the given line. - * @method lineIntersection - * @param {number} x1 - * @param {number} y1 - * @param {number} x2 - * @param {number} y2 - * @returns {Array<[number, number]>} - */ - this.lineIntersection = function(x1, y1, x2, y2) { - return []; - }; - - /** - * Computes the list of points on the segment that intersect the box with the given origin and size. - * @method boxIntersection - * @param {number} x1 - * @param {number} y1 - * @param {number} w - * @param {number} h - * @returns {Array<[number, number]>} - */ - this.boxIntersection = function(x, y, w, h) { - var a = []; - a.push.apply(a, this.lineIntersection(x, y, x + w, y)); - a.push.apply(a, this.lineIntersection(x + w, y, x + w, y + h)); - a.push.apply(a, this.lineIntersection(x + w, y + h, x, y + h)); - a.push.apply(a, this.lineIntersection(x, y + h, x, y)); - return a; - }; - - /** - * Computes the list of points on the segment that intersect the given bounding box, which is an object of the form { x:.., y:.., w:.., h:.. }. - * @method lineIntersection - * @param {BoundingRectangle} box - * @returns {Array<[number, number]>} - */ - this.boundingBoxIntersection = function(box) { - return this.boxIntersection(box.x, box.y, box.w, box.y); - }; - }, - Straight: function (params) { - var _super = _jp.Segments.AbstractSegment.apply(this, arguments), - length, m, m2, x1, x2, y1, y2, - _recalc = function () { - length = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)); - m = _jg.gradient({x: x1, y: y1}, {x: x2, y: y2}); - m2 = -1 / m; - }; - - this.type = "Straight"; - - this.getLength = function () { - return length; - }; - this.getGradient = function () { - return m; - }; - - this.getCoordinates = function () { - return { x1: x1, y1: y1, x2: x2, y2: y2 }; - }; - this.setCoordinates = function (coords) { - x1 = coords.x1; - y1 = coords.y1; - x2 = coords.x2; - y2 = coords.y2; - _recalc(); - }; - this.setCoordinates({x1: params.x1, y1: params.y1, x2: params.x2, y2: params.y2}); - - this.getBounds = function () { - return { - minX: Math.min(x1, x2), - minY: Math.min(y1, y2), - maxX: Math.max(x1, x2), - maxY: Math.max(y1, y2) - }; - }; - - /** - * returns the point on the segment's path that is 'location' along the length of the path, where 'location' is a decimal from - * 0 to 1 inclusive. for the straight line segment this is simple maths. - */ - this.pointOnPath = function (location, absolute) { - if (location === 0 && !absolute) { - return { x: x1, y: y1 }; - } - else if (location === 1 && !absolute) { - return { x: x2, y: y2 }; - } - else { - var l = absolute ? location > 0 ? location : length + location : location * length; - return _jg.pointOnLine({x: x1, y: y1}, {x: x2, y: y2}, l); - } - }; - - /** - * returns the gradient of the segment at the given point - which for us is constant. - */ - this.gradientAtPoint = function (_) { - return m; - }; - - /** - * returns the point on the segment's path that is 'distance' along the length of the path from 'location', where - * 'location' is a decimal from 0 to 1 inclusive, and 'distance' is a number of pixels. - * this hands off to jsPlumbUtil to do the maths, supplying two points and the distance. - */ - this.pointAlongPathFrom = function (location, distance, absolute) { - var p = this.pointOnPath(location, absolute), - farAwayPoint = distance <= 0 ? {x: x1, y: y1} : {x: x2, y: y2 }; - - /* - location == 1 ? { - x:x1 + ((x2 - x1) * 10), - y:y1 + ((y1 - y2) * 10) - } : - */ - - if (distance <= 0 && Math.abs(distance) > 1) { - distance *= -1; - } - - return _jg.pointOnLine(p, farAwayPoint, distance); - }; - - // is c between a and b? - var within = function (a, b, c) { - return c >= Math.min(a, b) && c <= Math.max(a, b); - }; - // find which of a and b is closest to c - var closest = function (a, b, c) { - return Math.abs(c - a) < Math.abs(c - b) ? a : b; - }; - - /** - Function: findClosestPointOnPath - Finds the closest point on this segment to [x,y]. See - notes on this method in AbstractSegment. - */ - this.findClosestPointOnPath = function (x, y) { - var out = { - d: Infinity, - x: null, - y: null, - l: null, - x1: x1, - x2: x2, - y1: y1, - y2: y2 - }; - - if (m === 0) { - out.y = y1; - out.x = within(x1, x2, x) ? x : closest(x1, x2, x); - } - else if (m === Infinity || m === -Infinity) { - out.x = x1; - out.y = within(y1, y2, y) ? y : closest(y1, y2, y); - } - else { - // closest point lies on normal from given point to this line. - var b = y1 - (m * x1), - b2 = y - (m2 * x), - // y1 = m.x1 + b and y1 = m2.x1 + b2 - // so m.x1 + b = m2.x1 + b2 - // x1(m - m2) = b2 - b - // x1 = (b2 - b) / (m - m2) - _x1 = (b2 - b) / (m - m2), - _y1 = (m * _x1) + b; - - out.x = within(x1, x2, _x1) ? _x1 : closest(x1, x2, _x1);//_x1; - out.y = within(y1, y2, _y1) ? _y1 : closest(y1, y2, _y1);//_y1; - } - - var fractionInSegment = _jg.lineLength([ out.x, out.y ], [ x1, y1 ]); - out.d = _jg.lineLength([x, y], [out.x, out.y]); - out.l = fractionInSegment / length; - return out; - }; - - var _pointLiesBetween = function(q, p1, p2) { - return (p2 > p1) ? (p1 <= q && q <= p2) : (p1 >= q && q >= p2); - }, _plb = _pointLiesBetween; - - /** - * Calculates all intersections of the given line with this segment. - * @param _x1 - * @param _y1 - * @param _x2 - * @param _y2 - * @returns {Array} - */ - this.lineIntersection = function(_x1, _y1, _x2, _y2) { - var m2 = Math.abs(_jg.gradient({x: _x1, y: _y1}, {x: _x2, y: _y2})), - m1 = Math.abs(m), - b = m1 === Infinity ? x1 : y1 - (m1 * x1), - out = [], - b2 = m2 === Infinity ? _x1 : _y1 - (m2 * _x1); - - // if lines parallel, no intersection - if (m2 !== m1) { - // perpendicular, segment horizontal - if(m2 === Infinity && m1 === 0) { - if (_plb(_x1, x1, x2) && _plb(y1, _y1, _y2)) { - out = [ _x1, y1 ]; // we return X on the incident line and Y from the segment - } - } else if(m2 === 0 && m1 === Infinity) { - // perpendicular, segment vertical - if(_plb(_y1, y1, y2) && _plb(x1, _x1, _x2)) { - out = [x1, _y1]; // we return X on the segment and Y from the incident line - } - } else { - var X, Y; - if (m2 === Infinity) { - // test line is a vertical line. where does it cross the segment? - X = _x1; - if (_plb(X, x1, x2)) { - Y = (m1 * _x1) + b; - if (_plb(Y, _y1, _y2)) { - out = [ X, Y ]; - } - } - } else if (m2 === 0) { - Y = _y1; - // test line is a horizontal line. where does it cross the segment? - if (_plb(Y, y1, y2)) { - X = (_y1 - b) / m1; - if (_plb(X, _x1, _x2)) { - out = [ X, Y ]; - } - } - } else { - // mX + b = m2X + b2 - // mX - m2X = b2 - b - // X(m - m2) = b2 - b - // X = (b2 - b) / (m - m2) - // Y = mX + b - X = (b2 - b) / (m1 - m2); - Y = (m1 * X) + b; - if(_plb(X, x1, x2) && _plb(Y, y1, y2)) { - out = [ X, Y]; - } - } - } - } - - return out; - }; - - /** - * Calculates all intersections of the given box with this segment. By default this method simply calls `lineIntersection` with each of the four - * faces of the box; subclasses can override this if they think there's a faster way to compute the entire box at once. - * @param x X position of top left corner of box - * @param y Y position of top left corner of box - * @param w width of box - * @param h height of box - * @returns {Array} - */ - this.boxIntersection = function(x, y, w, h) { - var a = []; - a.push.apply(a, this.lineIntersection(x, y, x + w, y)); - a.push.apply(a, this.lineIntersection(x + w, y, x + w, y + h)); - a.push.apply(a, this.lineIntersection(x + w, y + h, x, y + h)); - a.push.apply(a, this.lineIntersection(x, y + h, x, y)); - return a; - }; - - /** - * Calculates all intersections of the given bounding box with this segment. By default this method simply calls `lineIntersection` with each of the four - * faces of the box; subclasses can override this if they think there's a faster way to compute the entire box at once. - * @param box Bounding box, in { x:.., y:..., w:..., h:... } format. - * @returns {Array} - */ - this.boundingBoxIntersection = function(box) { - return this.boxIntersection(box.x, box.y, box.w, box.h); - }; - }, - - /* - Arc Segment. You need to supply: - - r - radius - cx - center x for the arc - cy - center y for the arc - ac - whether the arc is anticlockwise or not. default is clockwise. - - and then either: - - startAngle - startAngle for the arc. - endAngle - endAngle for the arc. - - or: - - x1 - x for start point - y1 - y for start point - x2 - x for end point - y2 - y for end point - - */ - Arc: function (params) { - var _super = _jp.Segments.AbstractSegment.apply(this, arguments), - _calcAngle = function (_x, _y) { - return _jg.theta([params.cx, params.cy], [_x, _y]); - }, - _calcAngleForLocation = function (segment, location) { - if (segment.anticlockwise) { - var sa = segment.startAngle < segment.endAngle ? segment.startAngle + TWO_PI : segment.startAngle, - s = Math.abs(sa - segment.endAngle); - return sa - (s * location); - } - else { - var ea = segment.endAngle < segment.startAngle ? segment.endAngle + TWO_PI : segment.endAngle, - ss = Math.abs(ea - segment.startAngle); - - return segment.startAngle + (ss * location); - } - }, - TWO_PI = 2 * Math.PI; - - this.radius = params.r; - this.anticlockwise = params.ac; - this.type = "Arc"; - - if (params.startAngle && params.endAngle) { - this.startAngle = params.startAngle; - this.endAngle = params.endAngle; - this.x1 = params.cx + (this.radius * Math.cos(params.startAngle)); - this.y1 = params.cy + (this.radius * Math.sin(params.startAngle)); - this.x2 = params.cx + (this.radius * Math.cos(params.endAngle)); - this.y2 = params.cy + (this.radius * Math.sin(params.endAngle)); - } - else { - this.startAngle = _calcAngle(params.x1, params.y1); - this.endAngle = _calcAngle(params.x2, params.y2); - this.x1 = params.x1; - this.y1 = params.y1; - this.x2 = params.x2; - this.y2 = params.y2; - } - - if (this.endAngle < 0) { - this.endAngle += TWO_PI; - } - if (this.startAngle < 0) { - this.startAngle += TWO_PI; - } - - // segment is used by vml - //this.segment = _jg.quadrant([this.x1, this.y1], [this.x2, this.y2]); - - // we now have startAngle and endAngle as positive numbers, meaning the - // absolute difference (|d|) between them is the sweep (s) of this arc, unless the - // arc is 'anticlockwise' in which case 's' is given by 2PI - |d|. - - var ea = this.endAngle < this.startAngle ? this.endAngle + TWO_PI : this.endAngle; - this.sweep = Math.abs(ea - this.startAngle); - if (this.anticlockwise) { - this.sweep = TWO_PI - this.sweep; - } - var circumference = 2 * Math.PI * this.radius, - frac = this.sweep / TWO_PI, - length = circumference * frac; - - this.getLength = function () { - return length; - }; - - this.getBounds = function () { - return { - minX: params.cx - params.r, - maxX: params.cx + params.r, - minY: params.cy - params.r, - maxY: params.cy + params.r - }; - }; - - var VERY_SMALL_VALUE = 0.0000000001, - gentleRound = function (n) { - var f = Math.floor(n), r = Math.ceil(n); - if (n - f < VERY_SMALL_VALUE) { - return f; - } - else if (r - n < VERY_SMALL_VALUE) { - return r; - } - return n; - }; - - /** - * returns the point on the segment's path that is 'location' along the length of the path, where 'location' is a decimal from - * 0 to 1 inclusive. - */ - this.pointOnPath = function (location, absolute) { - - if (location === 0) { - return { x: this.x1, y: this.y1, theta: this.startAngle }; - } - else if (location === 1) { - return { x: this.x2, y: this.y2, theta: this.endAngle }; - } - - if (absolute) { - location = location / length; - } - - var angle = _calcAngleForLocation(this, location), - _x = params.cx + (params.r * Math.cos(angle)), - _y = params.cy + (params.r * Math.sin(angle)); - - return { x: gentleRound(_x), y: gentleRound(_y), theta: angle }; - }; - - /** - * returns the gradient of the segment at the given point. - */ - this.gradientAtPoint = function (location, absolute) { - var p = this.pointOnPath(location, absolute); - var m = _jg.normal([ params.cx, params.cy ], [p.x, p.y ]); - if (!this.anticlockwise && (m === Infinity || m === -Infinity)) { - m *= -1; - } - return m; - }; - - this.pointAlongPathFrom = function (location, distance, absolute) { - var p = this.pointOnPath(location, absolute), - arcSpan = distance / circumference * 2 * Math.PI, - dir = this.anticlockwise ? -1 : 1, - startAngle = p.theta + (dir * arcSpan), - startX = params.cx + (this.radius * Math.cos(startAngle)), - startY = params.cy + (this.radius * Math.sin(startAngle)); - - return {x: startX, y: startY}; - }; - - // TODO: lineIntersection - }, - - Bezier: function (params) { - this.curve = [ - { x: params.x1, y: params.y1}, - { x: params.cp1x, y: params.cp1y }, - { x: params.cp2x, y: params.cp2y }, - { x: params.x2, y: params.y2 } - ]; - - var _super = _jp.Segments.AbstractSegment.apply(this, arguments); - // although this is not a strictly rigorous determination of bounds - // of a bezier curve, it works for the types of curves that this segment - // type produces. - this.bounds = { - minX: Math.min(params.x1, params.x2, params.cp1x, params.cp2x), - minY: Math.min(params.y1, params.y2, params.cp1y, params.cp2y), - maxX: Math.max(params.x1, params.x2, params.cp1x, params.cp2x), - maxY: Math.max(params.y1, params.y2, params.cp1y, params.cp2y) - }; - - this.type = "Bezier"; - - var _translateLocation = function (_curve, location, absolute) { - if (absolute) { - location = root.jsBezier.locationAlongCurveFrom(_curve, location > 0 ? 0 : 1, location); - } - - return location; - }; - - /** - * returns the point on the segment's path that is 'location' along the length of the path, where 'location' is a decimal from - * 0 to 1 inclusive. - */ - this.pointOnPath = function (location, absolute) { - location = _translateLocation(this.curve, location, absolute); - return root.jsBezier.pointOnCurve(this.curve, location); - }; - - /** - * returns the gradient of the segment at the given point. - */ - this.gradientAtPoint = function (location, absolute) { - location = _translateLocation(this.curve, location, absolute); - return root.jsBezier.gradientAtPoint(this.curve, location); - }; - - this.pointAlongPathFrom = function (location, distance, absolute) { - location = _translateLocation(this.curve, location, absolute); - return root.jsBezier.pointAlongCurveFrom(this.curve, location, distance); - }; - - this.getLength = function () { - return root.jsBezier.getLength(this.curve); - }; - - this.getBounds = function () { - return this.bounds; - }; - - this.findClosestPointOnPath = function (x, y) { - var p = root.jsBezier.nearestPointOnCurve({x:x,y:y}, this.curve); - return { - d:Math.sqrt(Math.pow(p.point.x - x, 2) + Math.pow(p.point.y - y, 2)), - x:p.point.x, - y:p.point.y, - l:1 - p.location, - s:this - }; - }; - - this.lineIntersection = function(x1, y1, x2, y2) { - return root.jsBezier.lineIntersection(x1, y1, x2, y2, this.curve); - }; - } - }; - - _jp.SegmentRenderer = { - getPath: function (segment, isFirstSegment) { - return ({ - "Straight": function (isFirstSegment) { - var d = segment.getCoordinates(); - return (isFirstSegment ? "M " + d.x1 + " " + d.y1 + " " : "") + "L " + d.x2 + " " + d.y2; - }, - "Bezier": function (isFirstSegment) { - var d = segment.params; - return (isFirstSegment ? "M " + d.x2 + " " + d.y2 + " " : "") + - "C " + d.cp2x + " " + d.cp2y + " " + d.cp1x + " " + d.cp1y + " " + d.x1 + " " + d.y1; - }, - "Arc": function (isFirstSegment) { - var d = segment.params, - laf = segment.sweep > Math.PI ? 1 : 0, - sf = segment.anticlockwise ? 0 : 1; - - return (isFirstSegment ? "M" + segment.x1 + " " + segment.y1 + " " : "") + "A " + segment.radius + " " + d.r + " 0 " + laf + "," + sf + " " + segment.x2 + " " + segment.y2; - } - })[segment.type](isFirstSegment); - } - }; - - /* - Class: UIComponent - Superclass for Connector and AbstractEndpoint. - */ - var AbstractComponent = function () { - this.resetBounds = function () { - this.bounds = { minX: Infinity, minY: Infinity, maxX: -Infinity, maxY: -Infinity }; - }; - this.resetBounds(); - }; - - /* - * Class: Connector - * Superclass for all Connectors; here is where Segments are managed. This is exposed on jsPlumb just so it - * can be accessed from other files. You should not try to instantiate one of these directly. - * - * When this class is asked for a pointOnPath, or gradient etc, it must first figure out which segment to dispatch - * that request to. This is done by keeping track of the total connector length as segments are added, and also - * their cumulative ratios to the total length. Then when the right segment is found it is a simple case of dispatching - * the request to it (and adjusting 'location' so that it is relative to the beginning of that segment.) - */ - _jp.Connectors.AbstractConnector = function (params) { - - AbstractComponent.apply(this, arguments); - - var segments = [], - totalLength = 0, - segmentProportions = [], - segmentProportionalLengths = [], - stub = params.stub || 0, - sourceStub = _ju.isArray(stub) ? stub[0] : stub, - targetStub = _ju.isArray(stub) ? stub[1] : stub, - gap = params.gap || 0, - sourceGap = _ju.isArray(gap) ? gap[0] : gap, - targetGap = _ju.isArray(gap) ? gap[1] : gap, - userProvidedSegments = null, - paintInfo = null; - - this.getPathData = function() { - var p = ""; - for (var i = 0; i < segments.length; i++) { - p += _jp.SegmentRenderer.getPath(segments[i], i === 0); - p += " "; - } - return p; - }; - - /** - * Function: findSegmentForPoint - * Returns the segment that is closest to the given [x,y], - * null if nothing found. This function returns a JS - * object with: - * - * d - distance from segment - * l - proportional location in segment - * x - x point on the segment - * y - y point on the segment - * s - the segment itself. - * connectorLocation - the location on the connector of the point, expressed as a decimal between 0 and 1 inclusive. - */ - this.findSegmentForPoint = function (x, y) { - var out = { d: Infinity, s: null, x: null, y: null, l: null }; - for (var i = 0; i < segments.length; i++) { - var _s = segments[i].findClosestPointOnPath(x, y); - if (_s.d < out.d) { - out.d = _s.d; - out.l = _s.l; - out.x = _s.x; - out.y = _s.y; - out.s = segments[i]; - out.x1 = _s.x1; - out.x2 = _s.x2; - out.y1 = _s.y1; - out.y2 = _s.y2; - out.index = i; - out.connectorLocation = segmentProportions[i][0] + (_s.l * (segmentProportions[i][1] - segmentProportions[i][0])); - } - } - - return out; - }; - - this.lineIntersection = function(x1, y1, x2, y2) { - var out = []; - for (var i = 0; i < segments.length; i++) { - out.push.apply(out, segments[i].lineIntersection(x1, y1, x2, y2)); - } - return out; - }; - - this.boxIntersection = function(x, y, w, h) { - var out = []; - for (var i = 0; i < segments.length; i++) { - out.push.apply(out, segments[i].boxIntersection(x, y, w, h)); - } - return out; - }; - - this.boundingBoxIntersection = function(box) { - var out = []; - for (var i = 0; i < segments.length; i++) { - out.push.apply(out, segments[i].boundingBoxIntersection(box)); - } - return out; - }; - - var _updateSegmentProportions = function () { - var curLoc = 0; - for (var i = 0; i < segments.length; i++) { - var sl = segments[i].getLength(); - segmentProportionalLengths[i] = sl / totalLength; - segmentProportions[i] = [curLoc, (curLoc += (sl / totalLength)) ]; - } - }, - - /** - * returns [segment, proportion of travel in segment, segment index] for the segment - * that contains the point which is 'location' distance along the entire path, where - * 'location' is a decimal between 0 and 1 inclusive. in this connector type, paths - * are made up of a list of segments, each of which contributes some fraction to - * the total length. - * From 1.3.10 this also supports the 'absolute' property, which lets us specify a location - * as the absolute distance in pixels, rather than a proportion of the total path. - */ - _findSegmentForLocation = function (location, absolute) { - if (absolute) { - location = location > 0 ? location / totalLength : (totalLength + location) / totalLength; - } - var idx = segmentProportions.length - 1, inSegmentProportion = 1; - for (var i = 0; i < segmentProportions.length; i++) { - if (segmentProportions[i][1] >= location) { - idx = i; - // todo is this correct for all connector path types? - inSegmentProportion = location === 1 ? 1 : location === 0 ? 0 : (location - segmentProportions[i][0]) / segmentProportionalLengths[i]; - break; - } - } - return { segment: segments[idx], proportion: inSegmentProportion, index: idx }; - }, - _addSegment = function (conn, type, params) { - if (params.x1 === params.x2 && params.y1 === params.y2) { - return; - } - var s = new _jp.Segments[type](params); - segments.push(s); - totalLength += s.getLength(); - conn.updateBounds(s); - }, - _clearSegments = function () { - totalLength = segments.length = segmentProportions.length = segmentProportionalLengths.length = 0; - }; - - this.setSegments = function (_segs) { - userProvidedSegments = []; - totalLength = 0; - for (var i = 0; i < _segs.length; i++) { - userProvidedSegments.push(_segs[i]); - totalLength += _segs[i].getLength(); - } - }; - - this.getLength = function() { - return totalLength; - }; - - var _prepareCompute = function (params) { - this.strokeWidth = params.strokeWidth; - var segment = _jg.quadrant(params.sourcePos, params.targetPos), - swapX = params.targetPos[0] < params.sourcePos[0], - swapY = params.targetPos[1] < params.sourcePos[1], - lw = params.strokeWidth || 1, - so = params.sourceEndpoint.anchor.getOrientation(params.sourceEndpoint), - to = params.targetEndpoint.anchor.getOrientation(params.targetEndpoint), - x = swapX ? params.targetPos[0] : params.sourcePos[0], - y = swapY ? params.targetPos[1] : params.sourcePos[1], - w = Math.abs(params.targetPos[0] - params.sourcePos[0]), - h = Math.abs(params.targetPos[1] - params.sourcePos[1]); - - // if either anchor does not have an orientation set, we derive one from their relative - // positions. we fix the axis to be the one in which the two elements are further apart, and - // point each anchor at the other element. this is also used when dragging a new connection. - if (so[0] === 0 && so[1] === 0 || to[0] === 0 && to[1] === 0) { - var index = w > h ? 0 : 1, oIndex = [1, 0][index]; - so = []; - to = []; - so[index] = params.sourcePos[index] > params.targetPos[index] ? -1 : 1; - to[index] = params.sourcePos[index] > params.targetPos[index] ? 1 : -1; - so[oIndex] = 0; - to[oIndex] = 0; - } - - var sx = swapX ? w + (sourceGap * so[0]) : sourceGap * so[0], - sy = swapY ? h + (sourceGap * so[1]) : sourceGap * so[1], - tx = swapX ? targetGap * to[0] : w + (targetGap * to[0]), - ty = swapY ? targetGap * to[1] : h + (targetGap * to[1]), - oProduct = ((so[0] * to[0]) + (so[1] * to[1])); - - var result = { - sx: sx, sy: sy, tx: tx, ty: ty, lw: lw, - xSpan: Math.abs(tx - sx), - ySpan: Math.abs(ty - sy), - mx: (sx + tx) / 2, - my: (sy + ty) / 2, - so: so, to: to, x: x, y: y, w: w, h: h, - segment: segment, - startStubX: sx + (so[0] * sourceStub), - startStubY: sy + (so[1] * sourceStub), - endStubX: tx + (to[0] * targetStub), - endStubY: ty + (to[1] * targetStub), - isXGreaterThanStubTimes2: Math.abs(sx - tx) > (sourceStub + targetStub), - isYGreaterThanStubTimes2: Math.abs(sy - ty) > (sourceStub + targetStub), - opposite: oProduct === -1, - perpendicular: oProduct === 0, - orthogonal: oProduct === 1, - sourceAxis: so[0] === 0 ? "y" : "x", - points: [x, y, w, h, sx, sy, tx, ty ], - stubs:[sourceStub, targetStub] - }; - result.anchorOrientation = result.opposite ? "opposite" : result.orthogonal ? "orthogonal" : "perpendicular"; - return result; - }; - - this.getSegments = function () { - return segments; - }; - - this.updateBounds = function (segment) { - var segBounds = segment.getBounds(); - this.bounds.minX = Math.min(this.bounds.minX, segBounds.minX); - this.bounds.maxX = Math.max(this.bounds.maxX, segBounds.maxX); - this.bounds.minY = Math.min(this.bounds.minY, segBounds.minY); - this.bounds.maxY = Math.max(this.bounds.maxY, segBounds.maxY); - }; - - var dumpSegmentsToConsole = function () { - console.log("SEGMENTS:"); - for (var i = 0; i < segments.length; i++) { - console.log(segments[i].type, segments[i].getLength(), segmentProportions[i]); - } - }; - - this.pointOnPath = function (location, absolute) { - var seg = _findSegmentForLocation(location, absolute); - return seg.segment && seg.segment.pointOnPath(seg.proportion, false) || [0, 0]; - }; - - this.gradientAtPoint = function (location, absolute) { - var seg = _findSegmentForLocation(location, absolute); - return seg.segment && seg.segment.gradientAtPoint(seg.proportion, false) || 0; - }; - - this.pointAlongPathFrom = function (location, distance, absolute) { - var seg = _findSegmentForLocation(location, absolute); - // TODO what happens if this crosses to the next segment? - return seg.segment && seg.segment.pointAlongPathFrom(seg.proportion, distance, false) || [0, 0]; - }; - - this.compute = function (params) { - paintInfo = _prepareCompute.call(this, params); - - _clearSegments(); - this._compute(paintInfo, params); - this.x = paintInfo.points[0]; - this.y = paintInfo.points[1]; - this.w = paintInfo.points[2]; - this.h = paintInfo.points[3]; - this.segment = paintInfo.segment; - _updateSegmentProportions(); - }; - - return { - addSegment: _addSegment, - prepareCompute: _prepareCompute, - sourceStub: sourceStub, - targetStub: targetStub, - maxStub: Math.max(sourceStub, targetStub), - sourceGap: sourceGap, - targetGap: targetGap, - maxGap: Math.max(sourceGap, targetGap) - }; - }; - _ju.extend(_jp.Connectors.AbstractConnector, AbstractComponent); - - - // ********************************* END OF CONNECTOR TYPES ******************************************************************* - - // ********************************* ENDPOINT TYPES ******************************************************************* - - _jp.Endpoints.AbstractEndpoint = function (params) { - AbstractComponent.apply(this, arguments); - var compute = this.compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - var out = this._compute.apply(this, arguments); - this.x = out[0]; - this.y = out[1]; - this.w = out[2]; - this.h = out[3]; - this.bounds.minX = this.x; - this.bounds.minY = this.y; - this.bounds.maxX = this.x + this.w; - this.bounds.maxY = this.y + this.h; - return out; - }; - return { - compute: compute, - cssClass: params.cssClass - }; - }; - _ju.extend(_jp.Endpoints.AbstractEndpoint, AbstractComponent); - - /** - * Class: Endpoints.Dot - * A round endpoint, with default radius 10 pixels. - */ - - /** - * Function: Constructor - * - * Parameters: - * - * radius - radius of the endpoint. defaults to 10 pixels. - */ - _jp.Endpoints.Dot = function (params) { - this.type = "Dot"; - var _super = _jp.Endpoints.AbstractEndpoint.apply(this, arguments); - params = params || {}; - this.radius = params.radius || 10; - this.defaultOffset = 0.5 * this.radius; - this.defaultInnerRadius = this.radius / 3; - - this._compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - this.radius = endpointStyle.radius || this.radius; - var x = anchorPoint[0] - this.radius, - y = anchorPoint[1] - this.radius, - w = this.radius * 2, - h = this.radius * 2; - - if (endpointStyle.stroke) { - var lw = endpointStyle.strokeWidth || 1; - x -= lw; - y -= lw; - w += (lw * 2); - h += (lw * 2); - } - return [ x, y, w, h, this.radius ]; - }; - }; - _ju.extend(_jp.Endpoints.Dot, _jp.Endpoints.AbstractEndpoint); - - _jp.Endpoints.Rectangle = function (params) { - this.type = "Rectangle"; - var _super = _jp.Endpoints.AbstractEndpoint.apply(this, arguments); - params = params || {}; - this.width = params.width || 20; - this.height = params.height || 20; - - this._compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - var width = endpointStyle.width || this.width, - height = endpointStyle.height || this.height, - x = anchorPoint[0] - (width / 2), - y = anchorPoint[1] - (height / 2); - - return [ x, y, width, height]; - }; - }; - _ju.extend(_jp.Endpoints.Rectangle, _jp.Endpoints.AbstractEndpoint); - - var DOMElementEndpoint = function (params) { - _jp.jsPlumbUIComponent.apply(this, arguments); - this._jsPlumb.displayElements = []; - }; - _ju.extend(DOMElementEndpoint, _jp.jsPlumbUIComponent, { - getDisplayElements: function () { - return this._jsPlumb.displayElements; - }, - appendDisplayElement: function (el) { - this._jsPlumb.displayElements.push(el); - } - }); - - /** - * Class: Endpoints.Image - * Draws an image as the Endpoint. - */ - /** - * Function: Constructor - * - * Parameters: - * - * src - location of the image to use. - - TODO: multiple references to self. not sure quite how to get rid of them entirely. perhaps self = null in the cleanup - function will suffice - - TODO this class still might leak memory. - - */ - _jp.Endpoints.Image = function (params) { - - this.type = "Image"; - DOMElementEndpoint.apply(this, arguments); - _jp.Endpoints.AbstractEndpoint.apply(this, arguments); - - var _onload = params.onload, - src = params.src || params.url, - clazz = params.cssClass ? " " + params.cssClass : ""; - - this._jsPlumb.img = new Image(); - this._jsPlumb.ready = false; - this._jsPlumb.initialized = false; - this._jsPlumb.deleted = false; - this._jsPlumb.widthToUse = params.width; - this._jsPlumb.heightToUse = params.height; - this._jsPlumb.endpoint = params.endpoint; - - this._jsPlumb.img.onload = function () { - if (this._jsPlumb != null) { - this._jsPlumb.ready = true; - this._jsPlumb.widthToUse = this._jsPlumb.widthToUse || this._jsPlumb.img.width; - this._jsPlumb.heightToUse = this._jsPlumb.heightToUse || this._jsPlumb.img.height; - if (_onload) { - _onload(this); - } - } - }.bind(this); - - /* - Function: setImage - Sets the Image to use in this Endpoint. - - Parameters: - img - may be a URL or an Image object - onload - optional; a callback to execute once the image has loaded. - */ - this._jsPlumb.endpoint.setImage = function (_img, onload) { - var s = _img.constructor === String ? _img : _img.src; - _onload = onload; - this._jsPlumb.img.src = s; - - if (this.canvas != null) { - this.canvas.setAttribute("src", this._jsPlumb.img.src); - } - }.bind(this); - - this._jsPlumb.endpoint.setImage(src, _onload); - this._compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - this.anchorPoint = anchorPoint; - if (this._jsPlumb.ready) { - return [anchorPoint[0] - this._jsPlumb.widthToUse / 2, anchorPoint[1] - this._jsPlumb.heightToUse / 2, - this._jsPlumb.widthToUse, this._jsPlumb.heightToUse]; - } - else { - return [0, 0, 0, 0]; - } - }; - - this.canvas = _jp.createElement("img", { - position:"absolute", - margin:0, - padding:0, - outline:0 - }, this._jsPlumb.instance.endpointClass + clazz); - - if (this._jsPlumb.widthToUse) { - this.canvas.setAttribute("width", this._jsPlumb.widthToUse); - } - if (this._jsPlumb.heightToUse) { - this.canvas.setAttribute("height", this._jsPlumb.heightToUse); - } - this._jsPlumb.instance.appendElement(this.canvas); - - this.actuallyPaint = function (d, style, anchor) { - if (!this._jsPlumb.deleted) { - if (!this._jsPlumb.initialized) { - this.canvas.setAttribute("src", this._jsPlumb.img.src); - this.appendDisplayElement(this.canvas); - this._jsPlumb.initialized = true; - } - var x = this.anchorPoint[0] - (this._jsPlumb.widthToUse / 2), - y = this.anchorPoint[1] - (this._jsPlumb.heightToUse / 2); - _ju.sizeElement(this.canvas, x, y, this._jsPlumb.widthToUse, this._jsPlumb.heightToUse); - } - }; - - this.paint = function (style, anchor) { - if (this._jsPlumb != null) { // may have been deleted - if (this._jsPlumb.ready) { - this.actuallyPaint(style, anchor); - } - else { - root.setTimeout(function () { - this.paint(style, anchor); - }.bind(this), 200); - } - } - }; - }; - _ju.extend(_jp.Endpoints.Image, [ DOMElementEndpoint, _jp.Endpoints.AbstractEndpoint ], { - cleanup: function (force) { - if (force) { - this._jsPlumb.deleted = true; - if (this.canvas) { - this.canvas.parentNode.removeChild(this.canvas); - } - this.canvas = null; - } - } - }); - - /* - * Class: Endpoints.Blank - * An Endpoint that paints nothing (visible) on the screen. Supports cssClass and hoverClass parameters like all Endpoints. - */ - _jp.Endpoints.Blank = function (params) { - var _super = _jp.Endpoints.AbstractEndpoint.apply(this, arguments); - this.type = "Blank"; - DOMElementEndpoint.apply(this, arguments); - this._compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - return [anchorPoint[0], anchorPoint[1], 10, 0]; - }; - - var clazz = params.cssClass ? " " + params.cssClass : ""; - - this.canvas = _jp.createElement("div", { - display: "block", - width: "1px", - height: "1px", - background: "transparent", - position: "absolute" - }, this._jsPlumb.instance.endpointClass + clazz); - - this._jsPlumb.instance.appendElement(this.canvas); - - this.paint = function (style, anchor) { - _ju.sizeElement(this.canvas, this.x, this.y, this.w, this.h); - }; - }; - _ju.extend(_jp.Endpoints.Blank, [_jp.Endpoints.AbstractEndpoint, DOMElementEndpoint], { - cleanup: function () { - if (this.canvas && this.canvas.parentNode) { - this.canvas.parentNode.removeChild(this.canvas); - } - } - }); - - /* - * Class: Endpoints.Triangle - * A triangular Endpoint. - */ - /* - * Function: Constructor - * - * Parameters: - * - * width width of the triangle's base. defaults to 55 pixels. - * height height of the triangle from base to apex. defaults to 55 pixels. - */ - _jp.Endpoints.Triangle = function (params) { - this.type = "Triangle"; - _jp.Endpoints.AbstractEndpoint.apply(this, arguments); - var self = this; - params = params || { }; - params.width = params.width || 55; - params.height = params.height || 55; - this.width = params.width; - this.height = params.height; - this._compute = function (anchorPoint, orientation, endpointStyle, connectorPaintStyle) { - var width = endpointStyle.width || self.width, - height = endpointStyle.height || self.height, - x = anchorPoint[0] - (width / 2), - y = anchorPoint[1] - (height / 2); - return [ x, y, width, height ]; - }; - }; -// ********************************* END OF ENDPOINT TYPES ******************************************************************* - - -// ********************************* OVERLAY DEFINITIONS *********************************************************************** - - var AbstractOverlay = _jp.Overlays.AbstractOverlay = function (params) { - this.visible = true; - this.isAppendedAtTopLevel = true; - this.component = params.component; - this.loc = params.location == null ? 0.5 : params.location; - this.endpointLoc = params.endpointLocation == null ? [ 0.5, 0.5] : params.endpointLocation; - this.visible = params.visible !== false; - }; - AbstractOverlay.prototype = { - cleanup: function (force) { - if (force) { - this.component = null; - this.canvas = null; - this.endpointLoc = null; - } - }, - reattach:function(instance, component) { }, - setVisible: function (val) { - this.visible = val; - this.component.repaint(); - }, - isVisible: function () { - return this.visible; - }, - hide: function () { - this.setVisible(false); - }, - show: function () { - this.setVisible(true); - }, - incrementLocation: function (amount) { - this.loc += amount; - this.component.repaint(); - }, - setLocation: function (l) { - this.loc = l; - this.component.repaint(); - }, - getLocation: function () { - return this.loc; - }, - updateFrom:function() { } - }; - - - /* - * Class: Overlays.Arrow - * - * An arrow overlay, defined by four points: the head, the two sides of the tail, and a 'foldback' point at some distance along the length - * of the arrow that lines from each tail point converge into. The foldback point is defined using a decimal that indicates some fraction - * of the length of the arrow and has a default value of 0.623. A foldback point value of 1 would mean that the arrow had a straight line - * across the tail. - */ - /* - * @constructor - * - * @param {Object} params Constructor params. - * @param {Number} [params.length] Distance in pixels from head to tail baseline. default 20. - * @param {Number} [params.width] Width in pixels of the tail baseline. default 20. - * @param {String} [params.fill] Style to use when filling the arrow. defaults to "black". - * @param {String} [params.stroke] Style to use when stroking the arrow. defaults to null, which means the arrow is not stroked. - * @param {Number} [params.stroke-width] Line width to use when stroking the arrow. defaults to 1, but only used if stroke is not null. - * @param {Number} [params.foldback] Distance (as a decimal from 0 to 1 inclusive) along the length of the arrow marking the point the tail points should fold back to. defaults to 0.623. - * @param {Number} [params.location] Distance (as a decimal from 0 to 1 inclusive) marking where the arrow should sit on the connector. defaults to 0.5. - * @param {NUmber} [params.direction] Indicates the direction the arrow points in. valid values are -1 and 1; 1 is default. - */ - _jp.Overlays.Arrow = function (params) { - this.type = "Arrow"; - AbstractOverlay.apply(this, arguments); - this.isAppendedAtTopLevel = false; - params = params || {}; - var self = this; - - this.length = params.length || 20; - this.width = params.width || 20; - this.id = params.id; - this.direction = (params.direction || 1) < 0 ? -1 : 1; - var paintStyle = params.paintStyle || { "stroke-width": 1 }, - // how far along the arrow the lines folding back in come to. default is 62.3%. - foldback = params.foldback || 0.623; - - this.computeMaxSize = function () { - return self.width * 1.5; - }; - - this.elementCreated = function(p, component) { - this.path = p; - if (params.events) { - for (var i in params.events) { - _jp.on(p, i, params.events[i]); - } - } - }; - - this.draw = function (component, currentConnectionPaintStyle) { - - var hxy, mid, txy, tail, cxy; - if (component.pointAlongPathFrom) { - - if (_ju.isString(this.loc) || this.loc > 1 || this.loc < 0) { - var l = parseInt(this.loc, 10), - fromLoc = this.loc < 0 ? 1 : 0; - hxy = component.pointAlongPathFrom(fromLoc, l, false); - mid = component.pointAlongPathFrom(fromLoc, l - (this.direction * this.length / 2), false); - txy = _jg.pointOnLine(hxy, mid, this.length); - } - else if (this.loc === 1) { - hxy = component.pointOnPath(this.loc); - mid = component.pointAlongPathFrom(this.loc, -(this.length)); - txy = _jg.pointOnLine(hxy, mid, this.length); - - if (this.direction === -1) { - var _ = txy; - txy = hxy; - hxy = _; - } - } - else if (this.loc === 0) { - txy = component.pointOnPath(this.loc); - mid = component.pointAlongPathFrom(this.loc, this.length); - hxy = _jg.pointOnLine(txy, mid, this.length); - if (this.direction === -1) { - var __ = txy; - txy = hxy; - hxy = __; - } - } - else { - hxy = component.pointAlongPathFrom(this.loc, this.direction * this.length / 2); - mid = component.pointOnPath(this.loc); - txy = _jg.pointOnLine(hxy, mid, this.length); - } - - tail = _jg.perpendicularLineTo(hxy, txy, this.width); - cxy = _jg.pointOnLine(hxy, txy, foldback * this.length); - - var d = { hxy: hxy, tail: tail, cxy: cxy }, - stroke = paintStyle.stroke || currentConnectionPaintStyle.stroke, - fill = paintStyle.fill || currentConnectionPaintStyle.stroke, - lineWidth = paintStyle.strokeWidth || currentConnectionPaintStyle.strokeWidth; - - return { - component: component, - d: d, - "stroke-width": lineWidth, - stroke: stroke, - fill: fill, - minX: Math.min(hxy.x, tail[0].x, tail[1].x), - maxX: Math.max(hxy.x, tail[0].x, tail[1].x), - minY: Math.min(hxy.y, tail[0].y, tail[1].y), - maxY: Math.max(hxy.y, tail[0].y, tail[1].y) - }; - } - else { - return {component: component, minX: 0, maxX: 0, minY: 0, maxY: 0}; - } - }; - }; - _ju.extend(_jp.Overlays.Arrow, AbstractOverlay, { - updateFrom:function(d) { - this.length = d.length || this.length; - this.width = d.width|| this.width; - this.direction = d.direction != null ? d.direction : this.direction; - this.foldback = d.foldback|| this.foldback; - }, - cleanup:function() { - if (this.path && this.canvas) { - this.canvas.removeChild(this.path); - } - } - }); - - /* - * Class: Overlays.PlainArrow - * - * A basic arrow. This is in fact just one instance of the more generic case in which the tail folds back on itself to some - * point along the length of the arrow: in this case, that foldback point is the full length of the arrow. so it just does - * a 'call' to Arrow with foldback set appropriately. - */ - /* - * Function: Constructor - * See for allowed parameters for this overlay. - */ - _jp.Overlays.PlainArrow = function (params) { - params = params || {}; - var p = _jp.extend(params, {foldback: 1}); - _jp.Overlays.Arrow.call(this, p); - this.type = "PlainArrow"; - }; - _ju.extend(_jp.Overlays.PlainArrow, _jp.Overlays.Arrow); - - /* - * Class: Overlays.Diamond - * - * A diamond. Like PlainArrow, this is a concrete case of the more generic case of the tail points converging on some point...it just - * happens that in this case, that point is greater than the length of the the arrow. - * - * this could probably do with some help with positioning...due to the way it reuses the Arrow paint code, what Arrow thinks is the - * center is actually 1/4 of the way along for this guy. but we don't have any knowledge of pixels at this point, so we're kind of - * stuck when it comes to helping out the Arrow class. possibly we could pass in a 'transpose' parameter or something. the value - * would be -l/4 in this case - move along one quarter of the total length. - */ - /* - * Function: Constructor - * See for allowed parameters for this overlay. - */ - _jp.Overlays.Diamond = function (params) { - params = params || {}; - var l = params.length || 40, - p = _jp.extend(params, {length: l / 2, foldback: 2}); - _jp.Overlays.Arrow.call(this, p); - this.type = "Diamond"; - }; - _ju.extend(_jp.Overlays.Diamond, _jp.Overlays.Arrow); - - var _getDimensions = function (component, forceRefresh) { - if (component._jsPlumb.cachedDimensions == null || forceRefresh) { - component._jsPlumb.cachedDimensions = component.getDimensions(); - } - return component._jsPlumb.cachedDimensions; - }; - - // abstract superclass for overlays that add an element to the DOM. - var AbstractDOMOverlay = function (params) { - _jp.jsPlumbUIComponent.apply(this, arguments); - AbstractOverlay.apply(this, arguments); - - // hand off fired events to associated component. - var _f = this.fire; - this.fire = function () { - _f.apply(this, arguments); - if (this.component) { - this.component.fire.apply(this.component, arguments); - } - }; - - this.detached=false; - this.id = params.id; - this._jsPlumb.div = null; - this._jsPlumb.initialised = false; - this._jsPlumb.component = params.component; - this._jsPlumb.cachedDimensions = null; - this._jsPlumb.create = params.create; - this._jsPlumb.initiallyInvisible = params.visible === false; - - this.getElement = function () { - if (this._jsPlumb.div == null) { - var div = this._jsPlumb.div = _jp.getElement(this._jsPlumb.create(this._jsPlumb.component)); - div.style.position = "absolute"; - jsPlumb.addClass(div, this._jsPlumb.instance.overlayClass + " " + - (this.cssClass ? this.cssClass : - params.cssClass ? params.cssClass : "")); - this._jsPlumb.instance.appendElement(div); - this._jsPlumb.instance.getId(div); - this.canvas = div; - - // in IE the top left corner is what it placed at the desired location. This will not - // be fixed. IE8 is not going to be supported for much longer. - var ts = "translate(-50%, -50%)"; - div.style.webkitTransform = ts; - div.style.mozTransform = ts; - div.style.msTransform = ts; - div.style.oTransform = ts; - div.style.transform = ts; - - // write the related component into the created element - div._jsPlumb = this; - - if (params.visible === false) { - div.style.display = "none"; - } - } - return this._jsPlumb.div; - }; - - this.draw = function (component, currentConnectionPaintStyle, absolutePosition) { - var td = _getDimensions(this); - if (td != null && td.length === 2) { - var cxy = { x: 0, y: 0 }; - - // absolutePosition would have been set by a call to connection.setAbsoluteOverlayPosition. - if (absolutePosition) { - cxy = { x: absolutePosition[0], y: absolutePosition[1] }; - } - else if (component.pointOnPath) { - var loc = this.loc, absolute = false; - if (_ju.isString(this.loc) || this.loc < 0 || this.loc > 1) { - loc = parseInt(this.loc, 10); - absolute = true; - } - cxy = component.pointOnPath(loc, absolute); // a connection - } - else { - var locToUse = this.loc.constructor === Array ? this.loc : this.endpointLoc; - cxy = { x: locToUse[0] * component.w, - y: locToUse[1] * component.h }; - } - - var minx = cxy.x - (td[0] / 2), - miny = cxy.y - (td[1] / 2); - - return { - component: component, - d: { minx: minx, miny: miny, td: td, cxy: cxy }, - minX: minx, - maxX: minx + td[0], - minY: miny, - maxY: miny + td[1] - }; - } - else { - return {minX: 0, maxX: 0, minY: 0, maxY: 0}; - } - }; - }; - _ju.extend(AbstractDOMOverlay, [_jp.jsPlumbUIComponent, AbstractOverlay], { - getDimensions: function () { - return [1,1]; - }, - setVisible: function (state) { - if (this._jsPlumb.div) { - this._jsPlumb.div.style.display = state ? "block" : "none"; - // if initially invisible, dimensions are 0,0 and never get updated - if (state && this._jsPlumb.initiallyInvisible) { - _getDimensions(this, true); - this.component.repaint(); - this._jsPlumb.initiallyInvisible = false; - } - } - }, - /* - * Function: clearCachedDimensions - * Clears the cached dimensions for the label. As a performance enhancement, label dimensions are - * cached from 1.3.12 onwards. The cache is cleared when you change the label text, of course, but - * there are other reasons why the text dimensions might change - if you make a change through CSS, for - * example, you might change the font size. in that case you should explicitly call this method. - */ - clearCachedDimensions: function () { - this._jsPlumb.cachedDimensions = null; - }, - cleanup: function (force) { - if (force) { - if (this._jsPlumb.div != null) { - this._jsPlumb.div._jsPlumb = null; - this._jsPlumb.instance.removeElement(this._jsPlumb.div); - } - } - else { - // if not a forced cleanup, just detach child from parent for now. - if (this._jsPlumb && this._jsPlumb.div && this._jsPlumb.div.parentNode) { - this._jsPlumb.div.parentNode.removeChild(this._jsPlumb.div); - } - this.detached = true; - } - - }, - reattach:function(instance, component) { - if (this._jsPlumb.div != null) { - instance.getContainer().appendChild(this._jsPlumb.div); - } - this.detached = false; - }, - computeMaxSize: function () { - var td = _getDimensions(this); - return Math.max(td[0], td[1]); - }, - paint: function (p, containerExtents) { - if (!this._jsPlumb.initialised) { - this.getElement(); - p.component.appendDisplayElement(this._jsPlumb.div); - this._jsPlumb.initialised = true; - if (this.detached) { - this._jsPlumb.div.parentNode.removeChild(this._jsPlumb.div); - } - } - this._jsPlumb.div.style.left = (p.component.x + p.d.minx) + "px"; - this._jsPlumb.div.style.top = (p.component.y + p.d.miny) + "px"; - } - }); - - /* - * Class: Overlays.Custom - * A Custom overlay. You supply a 'create' function which returns some DOM element, and jsPlumb positions it. - * The 'create' function is passed a Connection or Endpoint. - */ - /* - * Function: Constructor - * - * Parameters: - * create - function for jsPlumb to call that returns a DOM element. - * location - distance (as a decimal from 0 to 1 inclusive) marking where the label should sit on the connector. defaults to 0.5. - * id - optional id to use for later retrieval of this overlay. - * - */ - _jp.Overlays.Custom = function (params) { - this.type = "Custom"; - AbstractDOMOverlay.apply(this, arguments); - }; - _ju.extend(_jp.Overlays.Custom, AbstractDOMOverlay); - - _jp.Overlays.GuideLines = function () { - var self = this; - self.length = 50; - self.strokeWidth = 5; - this.type = "GuideLines"; - AbstractOverlay.apply(this, arguments); - _jp.jsPlumbUIComponent.apply(this, arguments); - this.draw = function (connector, currentConnectionPaintStyle) { - - var head = connector.pointAlongPathFrom(self.loc, self.length / 2), - mid = connector.pointOnPath(self.loc), - tail = _jg.pointOnLine(head, mid, self.length), - tailLine = _jg.perpendicularLineTo(head, tail, 40), - headLine = _jg.perpendicularLineTo(tail, head, 20); - - return { - connector: connector, - head: head, - tail: tail, - headLine: headLine, - tailLine: tailLine, - minX: Math.min(head.x, tail.x, headLine[0].x, headLine[1].x), - minY: Math.min(head.y, tail.y, headLine[0].y, headLine[1].y), - maxX: Math.max(head.x, tail.x, headLine[0].x, headLine[1].x), - maxY: Math.max(head.y, tail.y, headLine[0].y, headLine[1].y) - }; - }; - - // this.cleanup = function() { }; // nothing to clean up for GuideLines - }; - - /* - * Class: Overlays.Label - - */ - /* - * Function: Constructor - * - * Parameters: - * cssClass - optional css class string to append to css class. This string is appended "as-is", so you can of course have multiple classes - * defined. This parameter is preferred to using labelStyle, borderWidth and borderStyle. - * label - the label to paint. May be a string or a function that returns a string. Nothing will be painted if your label is null or your - * label function returns null. empty strings _will_ be painted. - * location - distance (as a decimal from 0 to 1 inclusive) marking where the label should sit on the connector. defaults to 0.5. - * id - optional id to use for later retrieval of this overlay. - * - * - */ - _jp.Overlays.Label = function (params) { - this.labelStyle = params.labelStyle; - - var labelWidth = null, labelHeight = null, labelText = null, labelPadding = null; - this.cssClass = this.labelStyle != null ? this.labelStyle.cssClass : null; - var p = _jp.extend({ - create: function () { - return _jp.createElement("div"); - }}, params); - _jp.Overlays.Custom.call(this, p); - this.type = "Label"; - this.label = params.label || ""; - this.labelText = null; - if (this.labelStyle) { - var el = this.getElement(); - this.labelStyle.font = this.labelStyle.font || "12px sans-serif"; - el.style.font = this.labelStyle.font; - el.style.color = this.labelStyle.color || "black"; - if (this.labelStyle.fill) { - el.style.background = this.labelStyle.fill; - } - if (this.labelStyle.borderWidth > 0) { - var dStyle = this.labelStyle.borderStyle ? this.labelStyle.borderStyle : "black"; - el.style.border = this.labelStyle.borderWidth + "px solid " + dStyle; - } - if (this.labelStyle.padding) { - el.style.padding = this.labelStyle.padding; - } - } - - }; - _ju.extend(_jp.Overlays.Label, _jp.Overlays.Custom, { - cleanup: function (force) { - if (force) { - this.div = null; - this.label = null; - this.labelText = null; - this.cssClass = null; - this.labelStyle = null; - } - }, - getLabel: function () { - return this.label; - }, - /* - * Function: setLabel - * sets the label's, um, label. you would think i'd call this function - * 'setText', but you can pass either a Function or a String to this, so - * it makes more sense as 'setLabel'. This uses innerHTML on the label div, so keep - * that in mind if you need escaped HTML. - */ - setLabel: function (l) { - this.label = l; - this.labelText = null; - this.clearCachedDimensions(); - this.update(); - this.component.repaint(); - }, - getDimensions: function () { - this.update(); - return AbstractDOMOverlay.prototype.getDimensions.apply(this, arguments); - }, - update: function () { - if (typeof this.label === "function") { - var lt = this.label(this); - this.getElement().innerHTML = lt.replace(/\r\n/g, "
"); - } - else { - if (this.labelText == null) { - this.labelText = this.label; - this.getElement().innerHTML = this.labelText.replace(/\r\n/g, "
"); - } - } - }, - updateFrom:function(d) { - if(d.label != null){ - this.setLabel(d.label); - } - } - }); - - // ********************************* END OF OVERLAY DEFINITIONS *********************************************************************** - -}).call(typeof window !== 'undefined' ? window : this); - -/* - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -;(function() { - "use strict"; - - var root = this, - _ju = root.jsPlumbUtil, - _jpi = root.jsPlumbInstance; - - var GROUP_COLLAPSED_CLASS = "jtk-group-collapsed"; - var GROUP_EXPANDED_CLASS = "jtk-group-expanded"; - var GROUP_CONTAINER_SELECTOR = "[jtk-group-content]"; - var ELEMENT_DRAGGABLE_EVENT = "elementDraggable"; - var STOP = "stop"; - var REVERT = "revert"; - var GROUP_MANAGER = "_groupManager"; - var GROUP = "_jsPlumbGroup"; - var GROUP_DRAG_SCOPE = "_jsPlumbGroupDrag"; - var EVT_CHILD_ADDED = "group:addMember"; - var EVT_CHILD_REMOVED = "group:removeMember"; - var EVT_GROUP_ADDED = "group:add"; - var EVT_GROUP_REMOVED = "group:remove"; - var EVT_EXPAND = "group:expand"; - var EVT_COLLAPSE = "group:collapse"; - var EVT_GROUP_DRAG_STOP = "groupDragStop"; - var EVT_CONNECTION_MOVED = "connectionMoved"; - var EVT_INTERNAL_CONNECTION_DETACHED = "internal.connectionDetached"; - - var CMD_REMOVE_ALL = "removeAll"; - var CMD_ORPHAN_ALL = "orphanAll"; - var CMD_SHOW = "show"; - var CMD_HIDE = "hide"; - - var GroupManager = function(_jsPlumb) { - var _managedGroups = {}, _connectionSourceMap = {}, _connectionTargetMap = {}, self = this; - - _jsPlumb.bind("connection", function(p) { - if (p.source[GROUP] != null && p.target[GROUP] != null && p.source[GROUP] === p.target[GROUP]) { - _connectionSourceMap[p.connection.id] = p.source[GROUP]; - _connectionTargetMap[p.connection.id] = p.source[GROUP]; - } - else { - if (p.source[GROUP] != null) { - _ju.suggest(p.source[GROUP].connections.source, p.connection); - _connectionSourceMap[p.connection.id] = p.source[GROUP]; - } - if (p.target[GROUP] != null) { - _ju.suggest(p.target[GROUP].connections.target, p.connection); - _connectionTargetMap[p.connection.id] = p.target[GROUP]; - } - } - }); - - function _cleanupDetachedConnection(conn) { - delete conn.proxies; - var group = _connectionSourceMap[conn.id], f; - if (group != null) { - f = function(c) { return c.id === conn.id; }; - _ju.removeWithFunction(group.connections.source, f); - _ju.removeWithFunction(group.connections.target, f); - delete _connectionSourceMap[conn.id]; - } - - group = _connectionTargetMap[conn.id]; - if (group != null) { - f = function(c) { return c.id === conn.id; }; - _ju.removeWithFunction(group.connections.source, f); - _ju.removeWithFunction(group.connections.target, f); - delete _connectionTargetMap[conn.id]; - } - } - - _jsPlumb.bind(EVT_INTERNAL_CONNECTION_DETACHED, function(p) { - _cleanupDetachedConnection(p.connection); - }); - - _jsPlumb.bind(EVT_CONNECTION_MOVED, function(p) { - var connMap = p.index === 0 ? _connectionSourceMap : _connectionTargetMap; - var group = connMap[p.connection.id]; - if (group) { - var list = group.connections[p.index === 0 ? "source" : "target"]; - var idx = list.indexOf(p.connection); - if (idx !== -1) { - list.splice(idx, 1); - } - } - }); - - this.addGroup = function(group) { - _jsPlumb.addClass(group.getEl(), GROUP_EXPANDED_CLASS); - _managedGroups[group.id] = group; - group.manager = this; - _updateConnectionsForGroup(group); - _jsPlumb.fire(EVT_GROUP_ADDED, { group:group }); - }; - - this.addToGroup = function(group, el, doNotFireEvent) { - group = this.getGroup(group); - if (group) { - var groupEl = group.getEl(); - - if (el._isJsPlumbGroup) { - return; - } - var currentGroup = el._jsPlumbGroup; - // if already a member of this group, do nothing - if (currentGroup !== group) { - var elpos = _jsPlumb.getOffset(el, true); - var cpos = group.collapsed ? _jsPlumb.getOffset(groupEl, true) : _jsPlumb.getOffset(group.getDragArea(), true); - - // otherwise, transfer to this group. - if (currentGroup != null) { - currentGroup.remove(el, false, doNotFireEvent, false, group); - self.updateConnectionsForGroup(currentGroup); - } - group.add(el, doNotFireEvent/*, currentGroup*/); - - var handleDroppedConnections = function (list, index) { - var oidx = index === 0 ? 1 : 0; - list.each(function (c) { - c.setVisible(false); - if (c.endpoints[oidx].element._jsPlumbGroup === group) { - c.endpoints[oidx].setVisible(false); - _expandConnection(c, oidx, group); - } - else { - c.endpoints[index].setVisible(false); - _collapseConnection(c, index, group); - } - }); - }; - - if (group.collapsed) { - handleDroppedConnections(_jsPlumb.select({source: el}), 0); - handleDroppedConnections(_jsPlumb.select({target: el}), 1); - } - - var elId = _jsPlumb.getId(el); - _jsPlumb.dragManager.setParent(el, elId, groupEl, _jsPlumb.getId(groupEl), elpos); - - var newPosition = { left: elpos.left - cpos.left, top: elpos.top - cpos.top }; - - _jsPlumb.setPosition(el, newPosition); - - _jsPlumb.dragManager.revalidateParent(el, elId, elpos); - - self.updateConnectionsForGroup(group); - - _jsPlumb.revalidate(elId); - - if (!doNotFireEvent) { - var p = {group: group, el: el, pos:newPosition}; - if (currentGroup) { - p.sourceGroup = currentGroup; - } - _jsPlumb.fire(EVT_CHILD_ADDED, p); - } - } - } - }; - - this.removeFromGroup = function(group, el, doNotFireEvent) { - group = this.getGroup(group); - if (group) { - group.remove(el, null, doNotFireEvent); - } - }; - - this.getGroup = function(groupId) { - var group = groupId; - if (_ju.isString(groupId)) { - group = _managedGroups[groupId]; - if (group == null) { - throw new TypeError("No such group [" + groupId + "]"); - } - } - return group; - }; - - this.getGroups = function() { - var o = []; - for (var g in _managedGroups) { - o.push(_managedGroups[g]); - } - return o; - }; - - this.removeGroup = function(group, deleteMembers, manipulateDOM, doNotFireEvent) { - group = this.getGroup(group); - this.expandGroup(group, true); // this reinstates any original connections and removes all proxies, but does not fire an event. - var newPositions = group[deleteMembers ? CMD_REMOVE_ALL : CMD_ORPHAN_ALL](manipulateDOM, doNotFireEvent); - _jsPlumb.remove(group.getEl()); - delete _managedGroups[group.id]; - delete _jsPlumb._groups[group.id]; - _jsPlumb.fire(EVT_GROUP_REMOVED, { group:group }); - return newPositions; // this will be null in the case or remove, but be a map of {id->[x,y]} in the case of orphan - }; - - this.removeAllGroups = function(deleteMembers, manipulateDOM, doNotFireEvent) { - for (var g in _managedGroups) { - this.removeGroup(_managedGroups[g], deleteMembers, manipulateDOM, doNotFireEvent); - } - }; - - function _setVisible(group, state) { - var m = group.getMembers(); - for (var i = 0; i < m.length; i++) { - _jsPlumb[state ? CMD_SHOW : CMD_HIDE](m[i], true); - } - } - - var _collapseConnection = function(c, index, group) { - - var otherEl = c.endpoints[index === 0 ? 1 : 0].element; - if (otherEl[GROUP] && (!otherEl[GROUP].shouldProxy() && otherEl[GROUP].collapsed)) { - return; - } - - var groupEl = group.getEl(), groupElId = _jsPlumb.getId(groupEl); - - _jsPlumb.proxyConnection(c, index, groupEl, groupElId, function(c, index) { return group.getEndpoint(c, index); }, function(c, index) { return group.getAnchor(c, index); }); - }; - - this.collapseGroup = function(group) { - group = this.getGroup(group); - if (group == null || group.collapsed) { - return; - } - var groupEl = group.getEl(); - - // todo remove old proxy endpoints first, just in case? - //group.proxies.length = 0; - - // hide all connections - _setVisible(group, false); - - if (group.shouldProxy()) { - // collapses all connections in a group. - var _collapseSet = function (conns, index) { - for (var i = 0; i < conns.length; i++) { - var c = conns[i]; - _collapseConnection(c, index, group); - } - }; - - // setup proxies for sources and targets - _collapseSet(group.connections.source, 0); - _collapseSet(group.connections.target, 1); - } - - group.collapsed = true; - _jsPlumb.removeClass(groupEl, GROUP_EXPANDED_CLASS); - _jsPlumb.addClass(groupEl, GROUP_COLLAPSED_CLASS); - _jsPlumb.revalidate(groupEl); - _jsPlumb.fire(EVT_COLLAPSE, { group:group }); - }; - - var _expandConnection = function(c, index, group) { - _jsPlumb.unproxyConnection(c, index, _jsPlumb.getId(group.getEl())); - }; - - this.expandGroup = function(group, doNotFireEvent) { - - group = this.getGroup(group); - - if (group == null || !group.collapsed) { - return; - } - var groupEl = group.getEl(); - - _setVisible(group, true); - - if (group.shouldProxy()) { - // collapses all connections in a group. - var _expandSet = function (conns, index) { - for (var i = 0; i < conns.length; i++) { - var c = conns[i]; - _expandConnection(c, index, group); - } - }; - - // setup proxies for sources and targets - _expandSet(group.connections.source, 0); - _expandSet(group.connections.target, 1); - } - - group.collapsed = false; - _jsPlumb.addClass(groupEl, GROUP_EXPANDED_CLASS); - _jsPlumb.removeClass(groupEl, GROUP_COLLAPSED_CLASS); - _jsPlumb.revalidate(groupEl); - this.repaintGroup(group); - if (!doNotFireEvent) { - _jsPlumb.fire(EVT_EXPAND, { group: group}); - } - }; - - this.repaintGroup = function(group) { - group = this.getGroup(group); - var m = group.getMembers(); - for (var i = 0; i < m.length; i++) { - _jsPlumb.revalidate(m[i]); - } - }; - - // TODO refactor this with the code that responds to `connection` events. - function _updateConnectionsForGroup(group) { - var members = group.getMembers(); - var c1 = _jsPlumb.getConnections({source:members, scope:"*"}, true); - var c2 = _jsPlumb.getConnections({target:members, scope:"*"}, true); - var processed = {}; - group.connections.source.length = 0; - group.connections.target.length = 0; - var oneSet = function(c) { - for (var i = 0; i < c.length; i++) { - if (processed[c[i].id]) { - continue; - } - processed[c[i].id] = true; - if (c[i].source._jsPlumbGroup === group) { - if (c[i].target._jsPlumbGroup !== group) { - group.connections.source.push(c[i]); - } - _connectionSourceMap[c[i].id] = group; - } - else if (c[i].target._jsPlumbGroup === group) { - group.connections.target.push(c[i]); - _connectionTargetMap[c[i].id] = group; - } - } - }; - oneSet(c1); oneSet(c2); - } - - this.updateConnectionsForGroup = _updateConnectionsForGroup; - this.refreshAllGroups = function() { - for (var g in _managedGroups) { - _updateConnectionsForGroup(_managedGroups[g]); - _jsPlumb.dragManager.updateOffsets(_jsPlumb.getId(_managedGroups[g].getEl())); - } - }; - }; - - /** - * - * @param {jsPlumbInstance} _jsPlumb Associated jsPlumb instance. - * @param {Object} params - * @param {Element} params.el The DOM element representing the Group. - * @param {String} [params.id] Optional ID for the Group. A UUID will be assigned as the Group's ID if you do not provide one. - * @param {Boolean} [params.constrain=false] If true, child elements will not be able to be dragged outside of the Group container. - * @param {Boolean} [params.revert=true] By default, child elements revert to the container if dragged outside. You can change this by setting `revert:false`. This behaviour is also overridden if you set `orphan` or `prune`. - * @param {Boolean} [params.orphan=false] If true, child elements dropped outside of the Group container will be removed from the Group (but not from the DOM). - * @param {Boolean} [params.prune=false] If true, child elements dropped outside of the Group container will be removed from the Group and also from the DOM. - * @param {Boolean} [params.dropOverride=false] If true, a child element that has been dropped onto some other Group will not be subject to the controls imposed by `prune`, `revert` or `orphan`. - * @constructor - */ - var Group = function(_jsPlumb, params) { - var self = this; - var el = params.el; - this.getEl = function() { return el; }; - this.id = params.id || _ju.uuid(); - el._isJsPlumbGroup = true; - - var getDragArea = this.getDragArea = function() { - var da = _jsPlumb.getSelector(el, GROUP_CONTAINER_SELECTOR); - return da && da.length > 0 ? da[0] : el; - }; - - var ghost = params.ghost === true; - var constrain = ghost || (params.constrain === true); - var revert = params.revert !== false; - var orphan = params.orphan === true; - var prune = params.prune === true; - var dropOverride = params.dropOverride === true; - var proxied = params.proxied !== false; - var elements = []; - this.connections = { source:[], target:[], internal:[] }; - - // this function, and getEndpoint below, are stubs for a future setup in which we can choose endpoint - // and anchor based upon the connection and the index (source/target) of the endpoint to be proxied. - this.getAnchor = function(conn, endpointIndex) { - return params.anchor || "Continuous"; - }; - - this.getEndpoint = function(conn, endpointIndex) { - return params.endpoint || [ "Dot", { radius:10 }]; - }; - - this.collapsed = false; - if (params.draggable !== false) { - var opts = { - stop:function(params) { - _jsPlumb.fire(EVT_GROUP_DRAG_STOP, jsPlumb.extend(params, {group:self})); - }, - scope:GROUP_DRAG_SCOPE - }; - if (params.dragOptions) { - root.jsPlumb.extend(opts, params.dragOptions); - } - _jsPlumb.draggable(params.el, opts); - } - if (params.droppable !== false) { - _jsPlumb.droppable(params.el, { - drop:function(p) { - var el = p.drag.el; - if (el._isJsPlumbGroup) { - return; - } - var currentGroup = el._jsPlumbGroup; - if (currentGroup !== self) { - if (currentGroup != null) { - if (currentGroup.overrideDrop(el, self)) { - return; - } - } - _jsPlumb.getGroupManager().addToGroup(self, el, false); - } - - } - }); - } - var _each = function(_el, fn) { - var els = _el.nodeType == null ? _el : [ _el ]; - for (var i = 0; i < els.length; i++) { - fn(els[i]); - } - }; - - this.overrideDrop = function(_el, targetGroup) { - return dropOverride && (revert || prune || orphan); - }; - - this.add = function(_el, doNotFireEvent/*, sourceGroup*/) { - var dragArea = getDragArea(); - _each(_el, function(__el) { - - if (__el._jsPlumbGroup != null) { - if (__el._jsPlumbGroup === self) { - return; - } else { - __el._jsPlumbGroup.remove(__el, true, doNotFireEvent, false); - } - } - - __el._jsPlumbGroup = self; - elements.push(__el); - // test if draggable and add handlers if so. - if (_jsPlumb.isAlreadyDraggable(__el)) { - _bindDragHandlers(__el); - } - - if (__el.parentNode !== dragArea) { - dragArea.appendChild(__el); - } - - // if (!doNotFireEvent) { - // var p = {group: self, el: __el}; - // if (sourceGroup) { - // p.sourceGroup = sourceGroup; - // } - // //_jsPlumb.fire(EVT_CHILD_ADDED, p); - // } - }); - - _jsPlumb.getGroupManager().updateConnectionsForGroup(self); - }; - - this.remove = function(el, manipulateDOM, doNotFireEvent, doNotUpdateConnections, targetGroup) { - - _each(el, function(__el) { - if (__el._jsPlumbGroup === self) { - delete __el._jsPlumbGroup; - _ju.removeWithFunction(elements, function (e) { - return e === __el; - }); - - if (manipulateDOM) { - try { - self.getDragArea().removeChild(__el); - } catch (e) { - jsPlumbUtil.log("Could not remove element from Group " + e); - } - } - _unbindDragHandlers(__el); - if (!doNotFireEvent) { - var p = {group: self, el: __el}; - if (targetGroup) { - p.targetGroup = targetGroup; - } - _jsPlumb.fire(EVT_CHILD_REMOVED, p); - } - } - }); - if (!doNotUpdateConnections) { - _jsPlumb.getGroupManager().updateConnectionsForGroup(self); - } - }; - this.removeAll = function(manipulateDOM, doNotFireEvent) { - for (var i = 0, l = elements.length; i < l; i++) { - var el = elements[0]; - self.remove(el, manipulateDOM, doNotFireEvent, true); - _jsPlumb.remove(el, true); - } - elements.length = 0; - _jsPlumb.getGroupManager().updateConnectionsForGroup(self); - }; - this.orphanAll = function() { - var orphanedPositions = {}; - for (var i = 0; i < elements.length; i++) { - var newPosition = _orphan(elements[i]); - orphanedPositions[newPosition[0]] = newPosition[1]; - } - elements.length = 0; - - return orphanedPositions; - }; - this.getMembers = function() { return elements; }; - - el[GROUP] = this; - - _jsPlumb.bind(ELEMENT_DRAGGABLE_EVENT, function(dragParams) { - // if its for the current group, - if (dragParams.el._jsPlumbGroup === this) { - _bindDragHandlers(dragParams.el); - } - }.bind(this)); - - function _findParent(_el) { - return _el.offsetParent; - } - - function _isInsideParent(_el, pos) { - var p = _findParent(_el), - s = _jsPlumb.getSize(p), - ss = _jsPlumb.getSize(_el), - leftEdge = pos[0], - rightEdge = leftEdge + ss[0], - topEdge = pos[1], - bottomEdge = topEdge + ss[1]; - - return rightEdge > 0 && leftEdge < s[0] && bottomEdge > 0 && topEdge < s[1]; - } - - // - // orphaning an element means taking it out of the group and adding it to the main jsplumb container. - // we return the new calculated position from this method and the element's id. - // - function _orphan(_el) { - var id = _jsPlumb.getId(_el); - var pos = _jsPlumb.getOffset(_el); - _el.parentNode.removeChild(_el); - _jsPlumb.getContainer().appendChild(_el); - _jsPlumb.setPosition(_el, pos); - _unbindDragHandlers(_el); - _jsPlumb.dragManager.clearParent(_el, id); - return [id, pos]; - } - - // - // remove an element from the group, then either prune it from the jsplumb instance, or just orphan it. - // - function _pruneOrOrphan(p) { - - var out = []; - - function _one(el, left, top) { - var orphanedPosition = null; - if (!_isInsideParent(el, [left, top])) { - var group = el._jsPlumbGroup; - if (prune) { - _jsPlumb.remove(el); - } else { - orphanedPosition = _orphan(el); - } - - group.remove(el); - } - - return orphanedPosition; - } - - for (var i = 0; i < p.selection.length; i++) { - out.push(_one(p.selection[i][0], p.selection[i][1].left, p.selection[i][1].top)); - } - - return out.length === 1 ? out[0] : out; - - } - - // - // redraws the element - // - function _revalidate(_el) { - var id = _jsPlumb.getId(_el); - _jsPlumb.revalidate(_el); - _jsPlumb.dragManager.revalidateParent(_el, id); - } - - // - // unbind the group specific drag/revert handlers. - // - function _unbindDragHandlers(_el) { - if (!_el._katavorioDrag) { - return; - } - if (prune || orphan) { - _el._katavorioDrag.off(STOP, _pruneOrOrphan); - } - if (!prune && !orphan && revert) { - _el._katavorioDrag.off(REVERT, _revalidate); - _el._katavorioDrag.setRevert(null); - } - } - - function _bindDragHandlers(_el) { - if (!_el._katavorioDrag) { - return; - } - if (prune || orphan) { - _el._katavorioDrag.on(STOP, _pruneOrOrphan); - } - - if (constrain) { - _el._katavorioDrag.setConstrain(true); - } - - if (ghost) { - _el._katavorioDrag.setUseGhostProxy(true); - } - - if (!prune && !orphan && revert) { - _el._katavorioDrag.on(REVERT, _revalidate); - _el._katavorioDrag.setRevert(function(__el, pos) { - return !_isInsideParent(__el, pos); - }); - } - } - - this.shouldProxy = function() { - return proxied; - }; - - _jsPlumb.getGroupManager().addGroup(this); - }; - - /** - * Adds a group to the jsPlumb instance. - * @method addGroup - * @param {Object} params - * @return {Group} The newly created Group. - */ - _jpi.prototype.addGroup = function(params) { - var j = this; - j._groups = j._groups || {}; - if (j._groups[params.id] != null) { - throw new TypeError("cannot create Group [" + params.id + "]; a Group with that ID exists"); - } - if (params.el[GROUP] != null) { - throw new TypeError("cannot create Group [" + params.id + "]; the given element is already a Group"); - } - var group = new Group(j, params); - j._groups[group.id] = group; - if (params.collapsed) { - this.collapseGroup(group); - } - return group; - }; - - /** - * Add an element to a group. - * @method addToGroup - * @param {String} group Group, or ID of the group, to add the element to. - * @param {Element} el Element to add to the group. - */ - _jpi.prototype.addToGroup = function(group, el, doNotFireEvent) { - - var _one = function(_el) { - var id = this.getId(_el); - this.manage(id, _el); - this.getGroupManager().addToGroup(group, _el, doNotFireEvent); - }.bind(this); - - if (Array.isArray(el)) { - for (var i = 0; i < el.length; i++) { - _one(el[i]); - } - } else { - _one(el); - } - }; - - /** - * Remove an element from a group. - * @method removeFromGroup - * @param {String} group Group, or ID of the group, to remove the element from. - * @param {Element} el Element to add to the group. - */ - _jpi.prototype.removeFromGroup = function(group, el, doNotFireEvent) { - this.getGroupManager().removeFromGroup(group, el, doNotFireEvent); - }; - - /** - * Remove a group, and optionally remove its members from the jsPlumb instance. - * @method removeGroup - * @param {String|Group} group Group to delete, or ID of Group to delete. - * @param {Boolean} [deleteMembers=false] If true, group members will be removed along with the group. Otherwise they will - * just be 'orphaned' (returned to the main container). - * @returns {Map[String, Position}} When deleteMembers is false, this method returns a map of {id->position} - */ - _jpi.prototype.removeGroup = function(group, deleteMembers, manipulateDOM, doNotFireEvent) { - return this.getGroupManager().removeGroup(group, deleteMembers, manipulateDOM, doNotFireEvent); - }; - - /** - * Remove all groups, and optionally remove their members from the jsPlumb instance. - * @method removeAllGroup - * @param {Boolean} [deleteMembers=false] If true, group members will be removed along with the groups. Otherwise they will - * just be 'orphaned' (returned to the main container). - */ - _jpi.prototype.removeAllGroups = function(deleteMembers, manipulateDOM, doNotFireEvent) { - this.getGroupManager().removeAllGroups(deleteMembers, manipulateDOM, doNotFireEvent); - }; - - /** - * Get a Group - * @method getGroup - * @param {String} groupId ID of the group to get - * @return {Group} Group with the given ID, null if not found. - */ - _jpi.prototype.getGroup = function(groupId) { - return this.getGroupManager().getGroup(groupId); - }; - - /** - * Gets all the Groups managed by the jsPlumb instance. - * @returns {Group[]} List of Groups. Empty if none. - */ - _jpi.prototype.getGroups = function() { - return this.getGroupManager().getGroups(); - }; - - /** - * Expands a group element. jsPlumb doesn't do "everything" for you here, because what it means to expand a Group - * will vary from application to application. jsPlumb does these things: - * - * - Hides any connections that are internal to the group (connections between members, and connections from member of - * the group to the group itself) - * - Proxies all connections for which the source or target is a member of the group. - * - Hides the proxied connections. - * - Adds the jtk-group-expanded class to the group's element - * - Removes the jtk-group-collapsed class from the group's element. - * - * @method expandGroup - * @param {String|Group} group Group to expand, or ID of Group to expand. - */ - _jpi.prototype.expandGroup = function(group) { - this.getGroupManager().expandGroup(group); - }; - - /** - * Collapses a group element. jsPlumb doesn't do "everything" for you here, because what it means to collapse a Group - * will vary from application to application. jsPlumb does these things: - * - * - Shows any connections that are internal to the group (connections between members, and connections from member of - * the group to the group itself) - * - Removes proxies for all connections for which the source or target is a member of the group. - * - Shows the previously proxied connections. - * - Adds the jtk-group-collapsed class to the group's element - * - Removes the jtk-group-expanded class from the group's element. - * - * @method expandGroup - * @param {String|Group} group Group to expand, or ID of Group to expand. - */ - _jpi.prototype.collapseGroup = function(groupId) { - this.getGroupManager().collapseGroup(groupId); - }; - - - _jpi.prototype.repaintGroup = function(group) { - this.getGroupManager().repaintGroup(group); - }; - - /** - * Collapses or expands a group element depending on its current state. See notes in the collapseGroup and expandGroup method. - * - * @method toggleGroup - * @param {String|Group} group Group to expand/collapse, or ID of Group to expand/collapse. - */ - _jpi.prototype.toggleGroup = function(group) { - group = this.getGroupManager().getGroup(group); - if (group != null) { - this.getGroupManager()[group.collapsed ? "expandGroup" : "collapseGroup"](group); - } - }; - - // - // lazy init a group manager for the given jsplumb instance. - // - _jpi.prototype.getGroupManager = function() { - var mgr = this[GROUP_MANAGER]; - if (mgr == null) { - mgr = this[GROUP_MANAGER] = new GroupManager(this); - } - return mgr; - }; - - _jpi.prototype.removeGroupManager = function() { - delete this[GROUP_MANAGER]; - }; - - /** - * Gets the Group that the given element belongs to, null if none. - * @method getGroupFor - * @param {String|Element} el Element, or element ID. - * @returns {Group} A Group, if found, or null. - */ - _jpi.prototype.getGroupFor = function(el) { - el = this.getElement(el); - if (el) { - return el[GROUP]; - } - }; - -}).call(typeof window !== 'undefined' ? window : this); - - -/* - * This file contains the 'flowchart' connectors, consisting of vertical and horizontal line segments. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - var STRAIGHT = "Straight"; - var ARC = "Arc"; - - var Flowchart = function (params) { - this.type = "Flowchart"; - params = params || {}; - params.stub = params.stub == null ? 30 : params.stub; - var segments, - _super = _jp.Connectors.AbstractConnector.apply(this, arguments), - midpoint = params.midpoint == null ? 0.5 : params.midpoint, - alwaysRespectStubs = params.alwaysRespectStubs === true, - lastx = null, lasty = null, lastOrientation, - cornerRadius = params.cornerRadius != null ? params.cornerRadius : 0, - - // TODO now common between this and AbstractBezierEditor; refactor into superclass? - loopbackRadius = params.loopbackRadius || 25, - isLoopbackCurrently = false, - - sgn = function (n) { - return n < 0 ? -1 : n === 0 ? 0 : 1; - }, - segmentDirections = function(segment) { - return [ - sgn( segment[2] - segment[0] ), - sgn( segment[3] - segment[1] ) - ]; - }, - /** - * helper method to add a segment. - */ - addSegment = function (segments, x, y, paintInfo) { - if (lastx === x && lasty === y) { - return; - } - var lx = lastx == null ? paintInfo.sx : lastx, - ly = lasty == null ? paintInfo.sy : lasty, - o = lx === x ? "v" : "h"; - - lastx = x; - lasty = y; - segments.push([ lx, ly, x, y, o ]); - }, - segLength = function (s) { - return Math.sqrt(Math.pow(s[0] - s[2], 2) + Math.pow(s[1] - s[3], 2)); - }, - _cloneArray = function (a) { - var _a = []; - _a.push.apply(_a, a); - return _a; - }, - writeSegments = function (conn, segments, paintInfo) { - var current = null, next, currentDirection, nextDirection; - for (var i = 0; i < segments.length - 1; i++) { - - current = current || _cloneArray(segments[i]); - next = _cloneArray(segments[i + 1]); - - currentDirection = segmentDirections(current); - nextDirection = segmentDirections(next); - - if (cornerRadius > 0 && current[4] !== next[4]) { - - var minSegLength = Math.min(segLength(current), segLength(next)); - var radiusToUse = Math.min(cornerRadius, minSegLength / 2); - - current[2] -= currentDirection[0] * radiusToUse; - current[3] -= currentDirection[1] * radiusToUse; - next[0] += nextDirection[0] * radiusToUse; - next[1] += nextDirection[1] * radiusToUse; - - var ac = (currentDirection[1] === nextDirection[0] && nextDirection[0] === 1) || - ((currentDirection[1] === nextDirection[0] && nextDirection[0] === 0) && currentDirection[0] !== nextDirection[1]) || - (currentDirection[1] === nextDirection[0] && nextDirection[0] === -1), - sgny = next[1] > current[3] ? 1 : -1, - sgnx = next[0] > current[2] ? 1 : -1, - sgnEqual = sgny === sgnx, - cx = (sgnEqual && ac || (!sgnEqual && !ac)) ? next[0] : current[2], - cy = (sgnEqual && ac || (!sgnEqual && !ac)) ? current[3] : next[1]; - - _super.addSegment(conn, STRAIGHT, { - x1: current[0], y1: current[1], x2: current[2], y2: current[3] - }); - - _super.addSegment(conn, ARC, { - r: radiusToUse, - x1: current[2], - y1: current[3], - x2: next[0], - y2: next[1], - cx: cx, - cy: cy, - ac: ac - }); - } - else { - // dx + dy are used to adjust for line width. - var dx = (current[2] === current[0]) ? 0 : (current[2] > current[0]) ? (paintInfo.lw / 2) : -(paintInfo.lw / 2), - dy = (current[3] === current[1]) ? 0 : (current[3] > current[1]) ? (paintInfo.lw / 2) : -(paintInfo.lw / 2); - - _super.addSegment(conn, STRAIGHT, { - x1: current[0] - dx, y1: current[1] - dy, x2: current[2] + dx, y2: current[3] + dy - }); - } - current = next; - } - if (next != null) { - // last segment - _super.addSegment(conn, STRAIGHT, { - x1: next[0], y1: next[1], x2: next[2], y2: next[3] - }); - } - }; - - this._compute = function (paintInfo, params) { - - segments = []; - lastx = null; - lasty = null; - lastOrientation = null; - - var commonStubCalculator = function () { - return [paintInfo.startStubX, paintInfo.startStubY, paintInfo.endStubX, paintInfo.endStubY]; - }, - stubCalculators = { - perpendicular: commonStubCalculator, - orthogonal: commonStubCalculator, - opposite: function (axis) { - var pi = paintInfo, - idx = axis === "x" ? 0 : 1, - areInProximity = { - "x": function () { - return ( (pi.so[idx] === 1 && ( - ( (pi.startStubX > pi.endStubX) && (pi.tx > pi.startStubX) ) || - ( (pi.sx > pi.endStubX) && (pi.tx > pi.sx))))) || - - ( (pi.so[idx] === -1 && ( - ( (pi.startStubX < pi.endStubX) && (pi.tx < pi.startStubX) ) || - ( (pi.sx < pi.endStubX) && (pi.tx < pi.sx))))); - }, - "y": function () { - return ( (pi.so[idx] === 1 && ( - ( (pi.startStubY > pi.endStubY) && (pi.ty > pi.startStubY) ) || - ( (pi.sy > pi.endStubY) && (pi.ty > pi.sy))))) || - - ( (pi.so[idx] === -1 && ( - ( (pi.startStubY < pi.endStubY) && (pi.ty < pi.startStubY) ) || - ( (pi.sy < pi.endStubY) && (pi.ty < pi.sy))))); - } - }; - - if (!alwaysRespectStubs && areInProximity[axis]()) { - return { - "x": [(paintInfo.sx + paintInfo.tx) / 2, paintInfo.startStubY, (paintInfo.sx + paintInfo.tx) / 2, paintInfo.endStubY], - "y": [paintInfo.startStubX, (paintInfo.sy + paintInfo.ty) / 2, paintInfo.endStubX, (paintInfo.sy + paintInfo.ty) / 2] - }[axis]; - } - else { - return [paintInfo.startStubX, paintInfo.startStubY, paintInfo.endStubX, paintInfo.endStubY]; - } - } - }; - - // calculate Stubs. - var stubs = stubCalculators[paintInfo.anchorOrientation](paintInfo.sourceAxis), - idx = paintInfo.sourceAxis === "x" ? 0 : 1, - oidx = paintInfo.sourceAxis === "x" ? 1 : 0, - ss = stubs[idx], - oss = stubs[oidx], - es = stubs[idx + 2], - oes = stubs[oidx + 2]; - - // add the start stub segment. use stubs for loopback as it will look better, with the loop spaced - // away from the element. - addSegment(segments, stubs[0], stubs[1], paintInfo); - - // if its a loopback and we should treat it differently. - // if (false && params.sourcePos[0] === params.targetPos[0] && params.sourcePos[1] === params.targetPos[1]) { - // - // // we use loopbackRadius here, as statemachine connectors do. - // // so we go radius to the left from stubs[0], then upwards by 2*radius, to the right by 2*radius, - // // down by 2*radius, left by radius. - // addSegment(segments, stubs[0] - loopbackRadius, stubs[1], paintInfo); - // addSegment(segments, stubs[0] - loopbackRadius, stubs[1] - (2 * loopbackRadius), paintInfo); - // addSegment(segments, stubs[0] + loopbackRadius, stubs[1] - (2 * loopbackRadius), paintInfo); - // addSegment(segments, stubs[0] + loopbackRadius, stubs[1], paintInfo); - // addSegment(segments, stubs[0], stubs[1], paintInfo); - // - // } - // else { - - - var midx = paintInfo.startStubX + ((paintInfo.endStubX - paintInfo.startStubX) * midpoint), - midy = paintInfo.startStubY + ((paintInfo.endStubY - paintInfo.startStubY) * midpoint); - - var orientations = {x: [0, 1], y: [1, 0]}, - lineCalculators = { - perpendicular: function (axis) { - var pi = paintInfo, - sis = { - x: [ - [[1, 2, 3, 4], null, [2, 1, 4, 3]], - null, - [[4, 3, 2, 1], null, [3, 4, 1, 2]] - ], - y: [ - [[3, 2, 1, 4], null, [2, 3, 4, 1]], - null, - [[4, 1, 2, 3], null, [1, 4, 3, 2]] - ] - }, - stubs = { - x: [[pi.startStubX, pi.endStubX], null, [pi.endStubX, pi.startStubX]], - y: [[pi.startStubY, pi.endStubY], null, [pi.endStubY, pi.startStubY]] - }, - midLines = { - x: [[midx, pi.startStubY], [midx, pi.endStubY]], - y: [[pi.startStubX, midy], [pi.endStubX, midy]] - }, - linesToEnd = { - x: [[pi.endStubX, pi.startStubY]], - y: [[pi.startStubX, pi.endStubY]] - }, - startToEnd = { - x: [[pi.startStubX, pi.endStubY], [pi.endStubX, pi.endStubY]], - y: [[pi.endStubX, pi.startStubY], [pi.endStubX, pi.endStubY]] - }, - startToMidToEnd = { - x: [[pi.startStubX, midy], [pi.endStubX, midy], [pi.endStubX, pi.endStubY]], - y: [[midx, pi.startStubY], [midx, pi.endStubY], [pi.endStubX, pi.endStubY]] - }, - otherStubs = { - x: [pi.startStubY, pi.endStubY], - y: [pi.startStubX, pi.endStubX] - }, - soIdx = orientations[axis][0], toIdx = orientations[axis][1], - _so = pi.so[soIdx] + 1, - _to = pi.to[toIdx] + 1, - otherFlipped = (pi.to[toIdx] === -1 && (otherStubs[axis][1] < otherStubs[axis][0])) || (pi.to[toIdx] === 1 && (otherStubs[axis][1] > otherStubs[axis][0])), - stub1 = stubs[axis][_so][0], - stub2 = stubs[axis][_so][1], - segmentIndexes = sis[axis][_so][_to]; - - if (pi.segment === segmentIndexes[3] || (pi.segment === segmentIndexes[2] && otherFlipped)) { - return midLines[axis]; - } - else if (pi.segment === segmentIndexes[2] && stub2 < stub1) { - return linesToEnd[axis]; - } - else if ((pi.segment === segmentIndexes[2] && stub2 >= stub1) || (pi.segment === segmentIndexes[1] && !otherFlipped)) { - return startToMidToEnd[axis]; - } - else if (pi.segment === segmentIndexes[0] || (pi.segment === segmentIndexes[1] && otherFlipped)) { - return startToEnd[axis]; - } - }, - orthogonal: function (axis, startStub, otherStartStub, endStub, otherEndStub) { - var pi = paintInfo, - extent = { - "x": pi.so[0] === -1 ? Math.min(startStub, endStub) : Math.max(startStub, endStub), - "y": pi.so[1] === -1 ? Math.min(startStub, endStub) : Math.max(startStub, endStub) - }[axis]; - - return { - "x": [ - [extent, otherStartStub], - [extent, otherEndStub], - [endStub, otherEndStub] - ], - "y": [ - [otherStartStub, extent], - [otherEndStub, extent], - [otherEndStub, endStub] - ] - }[axis]; - }, - opposite: function (axis, ss, oss, es) { - var pi = paintInfo, - otherAxis = {"x": "y", "y": "x"}[axis], - dim = {"x": "height", "y": "width"}[axis], - comparator = pi["is" + axis.toUpperCase() + "GreaterThanStubTimes2"]; - - if (params.sourceEndpoint.elementId === params.targetEndpoint.elementId) { - var _val = oss + ((1 - params.sourceEndpoint.anchor[otherAxis]) * params.sourceInfo[dim]) + _super.maxStub; - return { - "x": [ - [ss, _val], - [es, _val] - ], - "y": [ - [_val, ss], - [_val, es] - ] - }[axis]; - - } - else if (!comparator || (pi.so[idx] === 1 && ss > es) || (pi.so[idx] === -1 && ss < es)) { - return { - "x": [ - [ss, midy], - [es, midy] - ], - "y": [ - [midx, ss], - [midx, es] - ] - }[axis]; - } - else if ((pi.so[idx] === 1 && ss < es) || (pi.so[idx] === -1 && ss > es)) { - return { - "x": [ - [midx, pi.sy], - [midx, pi.ty] - ], - "y": [ - [pi.sx, midy], - [pi.tx, midy] - ] - }[axis]; - } - } - }; - - // compute the rest of the line - var p = lineCalculators[paintInfo.anchorOrientation](paintInfo.sourceAxis, ss, oss, es, oes); - if (p) { - for (var i = 0; i < p.length; i++) { - addSegment(segments, p[i][0], p[i][1], paintInfo); - } - } - - // line to end stub - addSegment(segments, stubs[2], stubs[3], paintInfo); - - //} - - // end stub to end (common) - addSegment(segments, paintInfo.tx, paintInfo.ty, paintInfo); - - - - // write out the segments. - writeSegments(this, segments, paintInfo); - - }; - }; - - _jp.Connectors.Flowchart = Flowchart; - _ju.extend(_jp.Connectors.Flowchart, _jp.Connectors.AbstractConnector); - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the code for the Bezier connector type. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - - _jp.Connectors.AbstractBezierConnector = function(params) { - params = params || {}; - var showLoopback = params.showLoopback !== false, - curviness = params.curviness || 10, - margin = params.margin || 5, - proximityLimit = params.proximityLimit || 80, - clockwise = params.orientation && params.orientation === "clockwise", - loopbackRadius = params.loopbackRadius || 25, - isLoopbackCurrently = false, - _super; - - this._compute = function (paintInfo, p) { - - var sp = p.sourcePos, - tp = p.targetPos, - _w = Math.abs(sp[0] - tp[0]), - _h = Math.abs(sp[1] - tp[1]); - - if (!showLoopback || (p.sourceEndpoint.elementId !== p.targetEndpoint.elementId)) { - isLoopbackCurrently = false; - this._computeBezier(paintInfo, p, sp, tp, _w, _h); - } else { - isLoopbackCurrently = true; - // a loopback connector. draw an arc from one anchor to the other. - var x1 = p.sourcePos[0], y1 = p.sourcePos[1] - margin, - cx = x1, cy = y1 - loopbackRadius, - // canvas sizing stuff, to ensure the whole painted area is visible. - _x = cx - loopbackRadius, - _y = cy - loopbackRadius; - - _w = 2 * loopbackRadius; - _h = 2 * loopbackRadius; - - paintInfo.points[0] = _x; - paintInfo.points[1] = _y; - paintInfo.points[2] = _w; - paintInfo.points[3] = _h; - - // ADD AN ARC SEGMENT. - _super.addSegment(this, "Arc", { - loopback: true, - x1: (x1 - _x) + 4, - y1: y1 - _y, - startAngle: 0, - endAngle: 2 * Math.PI, - r: loopbackRadius, - ac: !clockwise, - x2: (x1 - _x) - 4, - y2: y1 - _y, - cx: cx - _x, - cy: cy - _y - }); - } - }; - - _super = _jp.Connectors.AbstractConnector.apply(this, arguments); - return _super; - }; - _ju.extend(_jp.Connectors.AbstractBezierConnector, _jp.Connectors.AbstractConnector); - - var Bezier = function (params) { - params = params || {}; - this.type = "Bezier"; - - var _super = _jp.Connectors.AbstractBezierConnector.apply(this, arguments), - majorAnchor = params.curviness || 150, - minorAnchor = 10; - - this.getCurviness = function () { - return majorAnchor; - }; - - this._findControlPoint = function (point, sourceAnchorPosition, targetAnchorPosition, sourceEndpoint, targetEndpoint, soo, too) { - // determine if the two anchors are perpendicular to each other in their orientation. we swap the control - // points around if so (code could be tightened up) - var perpendicular = soo[0] !== too[0] || soo[1] === too[1], - p = []; - - if (!perpendicular) { - if (soo[0] === 0) { - p.push(sourceAnchorPosition[0] < targetAnchorPosition[0] ? point[0] + minorAnchor : point[0] - minorAnchor); - } - else { - p.push(point[0] - (majorAnchor * soo[0])); - } - - if (soo[1] === 0) { - p.push(sourceAnchorPosition[1] < targetAnchorPosition[1] ? point[1] + minorAnchor : point[1] - minorAnchor); - } - else { - p.push(point[1] + (majorAnchor * too[1])); - } - } - else { - if (too[0] === 0) { - p.push(targetAnchorPosition[0] < sourceAnchorPosition[0] ? point[0] + minorAnchor : point[0] - minorAnchor); - } - else { - p.push(point[0] + (majorAnchor * too[0])); - } - - if (too[1] === 0) { - p.push(targetAnchorPosition[1] < sourceAnchorPosition[1] ? point[1] + minorAnchor : point[1] - minorAnchor); - } - else { - p.push(point[1] + (majorAnchor * soo[1])); - } - } - - return p; - }; - - this._computeBezier = function (paintInfo, p, sp, tp, _w, _h) { - - var _CP, _CP2, - _sx = sp[0] < tp[0] ? _w : 0, - _sy = sp[1] < tp[1] ? _h : 0, - _tx = sp[0] < tp[0] ? 0 : _w, - _ty = sp[1] < tp[1] ? 0 : _h; - - _CP = this._findControlPoint([_sx, _sy], sp, tp, p.sourceEndpoint, p.targetEndpoint, paintInfo.so, paintInfo.to); - _CP2 = this._findControlPoint([_tx, _ty], tp, sp, p.targetEndpoint, p.sourceEndpoint, paintInfo.to, paintInfo.so); - - - _super.addSegment(this, "Bezier", { - x1: _sx, y1: _sy, x2: _tx, y2: _ty, - cp1x: _CP[0], cp1y: _CP[1], cp2x: _CP2[0], cp2y: _CP2[1] - }); - }; - - - }; - - _jp.Connectors.Bezier = Bezier; - _ju.extend(Bezier, _jp.Connectors.AbstractBezierConnector); - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the state machine connectors, which extend AbstractBezierConnector. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - - var _segment = function (x1, y1, x2, y2) { - if (x1 <= x2 && y2 <= y1) { - return 1; - } - else if (x1 <= x2 && y1 <= y2) { - return 2; - } - else if (x2 <= x1 && y2 >= y1) { - return 3; - } - return 4; - }, - - // the control point we will use depends on the faces to which each end of the connection is assigned, specifically whether or not the - // two faces are parallel or perpendicular. if they are parallel then the control point lies on the midpoint of the axis in which they - // are parellel and varies only in the other axis; this variation is proportional to the distance that the anchor points lie from the - // center of that face. if the two faces are perpendicular then the control point is at some distance from both the midpoints; the amount and - // direction are dependent on the orientation of the two elements. 'seg', passed in to this method, tells you which segment the target element - // lies in with respect to the source: 1 is top right, 2 is bottom right, 3 is bottom left, 4 is top left. - // - // sourcePos and targetPos are arrays of info about where on the source and target each anchor is located. their contents are: - // - // 0 - absolute x - // 1 - absolute y - // 2 - proportional x in element (0 is left edge, 1 is right edge) - // 3 - proportional y in element (0 is top edge, 1 is bottom edge) - // - _findControlPoint = function (midx, midy, segment, sourceEdge, targetEdge, dx, dy, distance, proximityLimit) { - // TODO (maybe) - // - if anchor pos is 0.5, make the control point take into account the relative position of the elements. - if (distance <= proximityLimit) { - return [midx, midy]; - } - - if (segment === 1) { - if (sourceEdge[3] <= 0 && targetEdge[3] >= 1) { - return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; - } - else if (sourceEdge[2] >= 1 && targetEdge[2] <= 0) { - return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; - } - else { - return [ midx + (-1 * dx) , midy + (-1 * dy) ]; - } - } - else if (segment === 2) { - if (sourceEdge[3] >= 1 && targetEdge[3] <= 0) { - return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; - } - else if (sourceEdge[2] >= 1 && targetEdge[2] <= 0) { - return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; - } - else { - return [ midx + dx, midy + (-1 * dy) ]; - } - } - else if (segment === 3) { - if (sourceEdge[3] >= 1 && targetEdge[3] <= 0) { - return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; - } - else if (sourceEdge[2] <= 0 && targetEdge[2] >= 1) { - return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; - } - else { - return [ midx + (-1 * dx) , midy + (-1 * dy) ]; - } - } - else if (segment === 4) { - if (sourceEdge[3] <= 0 && targetEdge[3] >= 1) { - return [ midx + (sourceEdge[2] < 0.5 ? -1 * dx : dx), midy ]; - } - else if (sourceEdge[2] <= 0 && targetEdge[2] >= 1) { - return [ midx, midy + (sourceEdge[3] < 0.5 ? -1 * dy : dy) ]; - } - else { - return [ midx + dx , midy + (-1 * dy) ]; - } - } - - }; - - var StateMachine = function (params) { - params = params || {}; - this.type = "StateMachine"; - - var _super = _jp.Connectors.AbstractBezierConnector.apply(this, arguments), - curviness = params.curviness || 10, - margin = params.margin || 5, - proximityLimit = params.proximityLimit || 80, - clockwise = params.orientation && params.orientation === "clockwise", - _controlPoint; - - this._computeBezier = function(paintInfo, params, sp, tp, w, h) { - var _sx = params.sourcePos[0] < params.targetPos[0] ? 0 : w, - _sy = params.sourcePos[1] < params.targetPos[1] ? 0 : h, - _tx = params.sourcePos[0] < params.targetPos[0] ? w : 0, - _ty = params.sourcePos[1] < params.targetPos[1] ? h : 0; - - // now adjust for the margin - if (params.sourcePos[2] === 0) { - _sx -= margin; - } - if (params.sourcePos[2] === 1) { - _sx += margin; - } - if (params.sourcePos[3] === 0) { - _sy -= margin; - } - if (params.sourcePos[3] === 1) { - _sy += margin; - } - if (params.targetPos[2] === 0) { - _tx -= margin; - } - if (params.targetPos[2] === 1) { - _tx += margin; - } - if (params.targetPos[3] === 0) { - _ty -= margin; - } - if (params.targetPos[3] === 1) { - _ty += margin; - } - - // - // these connectors are quadratic bezier curves, having a single control point. if both anchors - // are located at 0.5 on their respective faces, the control point is set to the midpoint and you - // get a straight line. this is also the case if the two anchors are within 'proximityLimit', since - // it seems to make good aesthetic sense to do that. outside of that, the control point is positioned - // at 'curviness' pixels away along the normal to the straight line connecting the two anchors. - // - // there may be two improvements to this. firstly, we might actually support the notion of avoiding nodes - // in the UI, or at least making a good effort at doing so. if a connection would pass underneath some node, - // for example, we might increase the distance the control point is away from the midpoint in a bid to - // steer it around that node. this will work within limits, but i think those limits would also be the likely - // limits for, once again, aesthetic good sense in the layout of a chart using these connectors. - // - // the second possible change is actually two possible changes: firstly, it is possible we should gradually - // decrease the 'curviness' as the distance between the anchors decreases; start tailing it off to 0 at some - // point (which should be configurable). secondly, we might slightly increase the 'curviness' for connectors - // with respect to how far their anchor is from the center of its respective face. this could either look cool, - // or stupid, and may indeed work only in a way that is so subtle as to have been a waste of time. - // - - var _midx = (_sx + _tx) / 2, - _midy = (_sy + _ty) / 2, - segment = _segment(_sx, _sy, _tx, _ty), - distance = Math.sqrt(Math.pow(_tx - _sx, 2) + Math.pow(_ty - _sy, 2)), - cp1x, cp2x, cp1y, cp2y; - - - // calculate the control point. this code will be where we'll put in a rudimentary element avoidance scheme; it - // will work by extending the control point to force the curve to be, um, curvier. - _controlPoint = _findControlPoint(_midx, - _midy, - segment, - params.sourcePos, - params.targetPos, - curviness, curviness, - distance, - proximityLimit); - - cp1x = _controlPoint[0]; - cp2x = _controlPoint[0]; - cp1y = _controlPoint[1]; - cp2y = _controlPoint[1]; - - _super.addSegment(this, "Bezier", { - x1: _tx, y1: _ty, x2: _sx, y2: _sy, - cp1x: cp1x, cp1y: cp1y, - cp2x: cp2x, cp2y: cp2y - }); - }; - }; - - _jp.Connectors.StateMachine = StateMachine; - _ju.extend(StateMachine, _jp.Connectors.AbstractBezierConnector); - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the 'flowchart' connectors, consisting of vertical and horizontal line segments. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - var STRAIGHT = "Straight"; - - var Straight = function (params) { - this.type = STRAIGHT; - var _super = _jp.Connectors.AbstractConnector.apply(this, arguments); - - this._compute = function (paintInfo, _) { - _super.addSegment(this, STRAIGHT, {x1: paintInfo.sx, y1: paintInfo.sy, x2: paintInfo.startStubX, y2: paintInfo.startStubY}); - _super.addSegment(this, STRAIGHT, {x1: paintInfo.startStubX, y1: paintInfo.startStubY, x2: paintInfo.endStubX, y2: paintInfo.endStubY}); - _super.addSegment(this, STRAIGHT, {x1: paintInfo.endStubX, y1: paintInfo.endStubY, x2: paintInfo.tx, y2: paintInfo.ty}); - }; - }; - - _jp.Connectors.Straight = Straight; - _ju.extend(Straight, _jp.Connectors.AbstractConnector); - -}).call(typeof window !== 'undefined' ? window : this); -/* - * This file contains the SVG renderers. - * - * Copyright (c) 2010 - 2018 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - -// ************************** SVG utility methods ******************************************** - - "use strict"; - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil; - - var svgAttributeMap = { - "stroke-linejoin": "stroke-linejoin", - "stroke-dashoffset": "stroke-dashoffset", - "stroke-linecap": "stroke-linecap" - }, - STROKE_DASHARRAY = "stroke-dasharray", - DASHSTYLE = "dashstyle", - LINEAR_GRADIENT = "linearGradient", - RADIAL_GRADIENT = "radialGradient", - DEFS = "defs", - FILL = "fill", - STOP = "stop", - STROKE = "stroke", - STROKE_WIDTH = "stroke-width", - STYLE = "style", - NONE = "none", - JSPLUMB_GRADIENT = "jsplumb_gradient_", - LINE_WIDTH = "strokeWidth", - ns = { - svg: "http://www.w3.org/2000/svg" - }, - _attr = function (node, attributes) { - for (var i in attributes) { - node.setAttribute(i, "" + attributes[i]); - } - }, - _node = function (name, attributes) { - attributes = attributes || {}; - attributes.version = "1.1"; - attributes.xmlns = ns.svg; - return _jp.createElementNS(ns.svg, name, null, null, attributes); - }, - _pos = function (d) { - return "position:absolute;left:" + d[0] + "px;top:" + d[1] + "px"; - }, - _clearGradient = function (parent) { - var els = parent.querySelectorAll(" defs,linearGradient,radialGradient"); - for (var i = 0; i < els.length; i++) { - els[i].parentNode.removeChild(els[i]); - } - }, - _updateGradient = function (parent, node, style, dimensions, uiComponent) { - var id = JSPLUMB_GRADIENT + uiComponent._jsPlumb.instance.idstamp(); - // first clear out any existing gradient - _clearGradient(parent); - // this checks for an 'offset' property in the gradient, and in the absence of it, assumes - // we want a linear gradient. if it's there, we create a radial gradient. - // it is possible that a more explicit means of defining the gradient type would be - // better. relying on 'offset' means that we can never have a radial gradient that uses - // some default offset, for instance. - // issue 244 suggested the 'gradientUnits' attribute; without this, straight/flowchart connectors with gradients would - // not show gradients when the line was perfectly horizontal or vertical. - var g; - if (!style.gradient.offset) { - g = _node(LINEAR_GRADIENT, {id: id, gradientUnits: "userSpaceOnUse"}); - } - else { - g = _node(RADIAL_GRADIENT, { id: id }); - } - - var defs = _node(DEFS); - parent.appendChild(defs); - defs.appendChild(g); - - // the svg radial gradient seems to treat stops in the reverse - // order to how canvas does it. so we want to keep all the maths the same, but - // iterate the actual style declarations in reverse order, if the x indexes are not in order. - for (var i = 0; i < style.gradient.stops.length; i++) { - var styleToUse = uiComponent.segment === 1 || uiComponent.segment === 2 ? i : style.gradient.stops.length - 1 - i, - stopColor = style.gradient.stops[styleToUse][1], - s = _node(STOP, {"offset": Math.floor(style.gradient.stops[i][0] * 100) + "%", "stop-color": stopColor}); - - g.appendChild(s); - } - var applyGradientTo = style.stroke ? STROKE : FILL; - node.setAttribute(applyGradientTo, "url(#" + id + ")"); - }, - _applyStyles = function (parent, node, style, dimensions, uiComponent) { - - node.setAttribute(FILL, style.fill ? style.fill : NONE); - node.setAttribute(STROKE, style.stroke ? style.stroke : NONE); - - if (style.gradient) { - _updateGradient(parent, node, style, dimensions, uiComponent); - } - else { - // make sure we clear any existing gradient - _clearGradient(parent); - node.setAttribute(STYLE, ""); - } - - if (style.strokeWidth) { - node.setAttribute(STROKE_WIDTH, style.strokeWidth); - } - - // in SVG there is a stroke-dasharray attribute we can set, and its syntax looks like - // the syntax in VML but is actually kind of nasty: values are given in the pixel - // coordinate space, whereas in VML they are multiples of the width of the stroked - // line, which makes a lot more sense. for that reason, jsPlumb is supporting both - // the native svg 'stroke-dasharray' attribute, and also the 'dashstyle' concept from - // VML, which will be the preferred method. the code below this converts a dashstyle - // attribute given in terms of stroke width into a pixel representation, by using the - // stroke's lineWidth. - if (style[DASHSTYLE] && style[LINE_WIDTH] && !style[STROKE_DASHARRAY]) { - var sep = style[DASHSTYLE].indexOf(",") === -1 ? " " : ",", - parts = style[DASHSTYLE].split(sep), - styleToUse = ""; - parts.forEach(function (p) { - styleToUse += (Math.floor(p * style.strokeWidth) + sep); - }); - node.setAttribute(STROKE_DASHARRAY, styleToUse); - } - else if (style[STROKE_DASHARRAY]) { - node.setAttribute(STROKE_DASHARRAY, style[STROKE_DASHARRAY]); - } - - // extra attributes such as join type, dash offset. - for (var i in svgAttributeMap) { - if (style[i]) { - node.setAttribute(svgAttributeMap[i], style[i]); - } - } - }, - _appendAtIndex = function (svg, path, idx) { - if (svg.childNodes.length > idx) { - svg.insertBefore(path, svg.childNodes[idx]); - } - else { - svg.appendChild(path); - } - }; - - /** - utility methods for other objects to use. - */ - _ju.svg = { - node: _node, - attr: _attr, - pos: _pos - }; - - // ************************** / SVG utility methods ******************************************** - - /* - * Base class for SVG components. - */ - var SvgComponent = function (params) { - var pointerEventsSpec = params.pointerEventsSpec || "all", renderer = {}; - - _jp.jsPlumbUIComponent.apply(this, params.originalArgs); - this.canvas = null; - this.path = null; - this.svg = null; - this.bgCanvas = null; - - var clazz = params.cssClass + " " + (params.originalArgs[0].cssClass || ""), - svgParams = { - "style": "", - "width": 0, - "height": 0, - "pointer-events": pointerEventsSpec, - "position": "absolute" - }; - - this.svg = _node("svg", svgParams); - - if (params.useDivWrapper) { - this.canvas = _jp.createElement("div", { position : "absolute" }); - _ju.sizeElement(this.canvas, 0, 0, 1, 1); - this.canvas.className = clazz; - } - else { - _attr(this.svg, { "class": clazz }); - this.canvas = this.svg; - } - - params._jsPlumb.appendElement(this.canvas, params.originalArgs[0].parent); - if (params.useDivWrapper) { - this.canvas.appendChild(this.svg); - } - - var displayElements = [ this.canvas ]; - this.getDisplayElements = function () { - return displayElements; - }; - - this.appendDisplayElement = function (el) { - displayElements.push(el); - }; - - this.paint = function (style, anchor, extents) { - if (style != null) { - - var xy = [ this.x, this.y ], wh = [ this.w, this.h ], p; - if (extents != null) { - if (extents.xmin < 0) { - xy[0] += extents.xmin; - } - if (extents.ymin < 0) { - xy[1] += extents.ymin; - } - wh[0] = extents.xmax + ((extents.xmin < 0) ? -extents.xmin : 0); - wh[1] = extents.ymax + ((extents.ymin < 0) ? -extents.ymin : 0); - } - - if (params.useDivWrapper) { - _ju.sizeElement(this.canvas, xy[0], xy[1], wh[0], wh[1]); - xy[0] = 0; - xy[1] = 0; - p = _pos([ 0, 0 ]); - } - else { - p = _pos([ xy[0], xy[1] ]); - } - - renderer.paint.apply(this, arguments); - - _attr(this.svg, { - "style": p, - "width": wh[0] || 0, - "height": wh[1] || 0 - }); - } - }; - - return { - renderer: renderer - }; - }; - - _ju.extend(SvgComponent, _jp.jsPlumbUIComponent, { - cleanup: function (force) { - if (force || this.typeId == null) { - if (this.canvas) { - this.canvas._jsPlumb = null; - } - if (this.svg) { - this.svg._jsPlumb = null; - } - if (this.bgCanvas) { - this.bgCanvas._jsPlumb = null; - } - - if (this.canvas && this.canvas.parentNode) { - this.canvas.parentNode.removeChild(this.canvas); - } - if (this.bgCanvas && this.bgCanvas.parentNode) { - this.canvas.parentNode.removeChild(this.canvas); - } - - this.svg = null; - this.canvas = null; - this.path = null; - this.group = null; - } - else { - // if not a forced cleanup, just detach from DOM for now. - if (this.canvas && this.canvas.parentNode) { - this.canvas.parentNode.removeChild(this.canvas); - } - if (this.bgCanvas && this.bgCanvas.parentNode) { - this.bgCanvas.parentNode.removeChild(this.bgCanvas); - } - } - }, - reattach:function(instance) { - var c = instance.getContainer(); - if (this.canvas && this.canvas.parentNode == null) { - c.appendChild(this.canvas); - } - if (this.bgCanvas && this.bgCanvas.parentNode == null) { - c.appendChild(this.bgCanvas); - } - }, - setVisible: function (v) { - if (this.canvas) { - this.canvas.style.display = v ? "block" : "none"; - } - } - }); - - /* - * Base class for SVG connectors. - */ - _jp.ConnectorRenderers.svg = function (params) { - var self = this, - _super = SvgComponent.apply(this, [ - { - cssClass: params._jsPlumb.connectorClass, - originalArgs: arguments, - pointerEventsSpec: "none", - _jsPlumb: params._jsPlumb - } - ]); - - _super.renderer.paint = function (style, anchor, extents) { - - var segments = self.getSegments(), p = "", offset = [0, 0]; - if (extents.xmin < 0) { - offset[0] = -extents.xmin; - } - if (extents.ymin < 0) { - offset[1] = -extents.ymin; - } - - if (segments.length > 0) { - - p = self.getPathData(); - - var a = { - d: p, - transform: "translate(" + offset[0] + "," + offset[1] + ")", - "pointer-events": params["pointer-events"] || "visibleStroke" - }, - outlineStyle = null, - d = [self.x, self.y, self.w, self.h]; - - // outline style. actually means drawing an svg object underneath the main one. - if (style.outlineStroke) { - var outlineWidth = style.outlineWidth || 1, - outlineStrokeWidth = style.strokeWidth + (2 * outlineWidth); - outlineStyle = _jp.extend({}, style); - delete outlineStyle.gradient; - outlineStyle.stroke = style.outlineStroke; - outlineStyle.strokeWidth = outlineStrokeWidth; - - if (self.bgPath == null) { - self.bgPath = _node("path", a); - _jp.addClass(self.bgPath, _jp.connectorOutlineClass); - _appendAtIndex(self.svg, self.bgPath, 0); - } - else { - _attr(self.bgPath, a); - } - - _applyStyles(self.svg, self.bgPath, outlineStyle, d, self); - } - - if (self.path == null) { - self.path = _node("path", a); - _appendAtIndex(self.svg, self.path, style.outlineStroke ? 1 : 0); - } - else { - _attr(self.path, a); - } - - _applyStyles(self.svg, self.path, style, d, self); - } - }; - }; - _ju.extend(_jp.ConnectorRenderers.svg, SvgComponent); - -// ******************************* svg segment renderer ***************************************************** - - -// ******************************* /svg segments ***************************************************** - - /* - * Base class for SVG endpoints. - */ - var SvgEndpoint = _jp.SvgEndpoint = function (params) { - var _super = SvgComponent.apply(this, [ - { - cssClass: params._jsPlumb.endpointClass, - originalArgs: arguments, - pointerEventsSpec: "all", - useDivWrapper: true, - _jsPlumb: params._jsPlumb - } - ]); - - _super.renderer.paint = function (style) { - var s = _jp.extend({}, style); - if (s.outlineStroke) { - s.stroke = s.outlineStroke; - } - - if (this.node == null) { - this.node = this.makeNode(s); - this.svg.appendChild(this.node); - } - else if (this.updateNode != null) { - this.updateNode(this.node); - } - _applyStyles(this.svg, this.node, s, [ this.x, this.y, this.w, this.h ], this); - _pos(this.node, [ this.x, this.y ]); - }.bind(this); - - }; - _ju.extend(SvgEndpoint, SvgComponent); - - /* - * SVG Dot Endpoint - */ - _jp.Endpoints.svg.Dot = function () { - _jp.Endpoints.Dot.apply(this, arguments); - SvgEndpoint.apply(this, arguments); - this.makeNode = function (style) { - return _node("circle", { - "cx": this.w / 2, - "cy": this.h / 2, - "r": this.radius - }); - }; - this.updateNode = function (node) { - _attr(node, { - "cx": this.w / 2, - "cy": this.h / 2, - "r": this.radius - }); - }; - }; - _ju.extend(_jp.Endpoints.svg.Dot, [_jp.Endpoints.Dot, SvgEndpoint]); - - /* - * SVG Rectangle Endpoint - */ - _jp.Endpoints.svg.Rectangle = function () { - _jp.Endpoints.Rectangle.apply(this, arguments); - SvgEndpoint.apply(this, arguments); - this.makeNode = function (style) { - return _node("rect", { - "width": this.w, - "height": this.h - }); - }; - this.updateNode = function (node) { - _attr(node, { - "width": this.w, - "height": this.h - }); - }; - }; - _ju.extend(_jp.Endpoints.svg.Rectangle, [_jp.Endpoints.Rectangle, SvgEndpoint]); - - /* - * SVG Image Endpoint is the default image endpoint. - */ - _jp.Endpoints.svg.Image = _jp.Endpoints.Image; - /* - * Blank endpoint in svg renderer is the default Blank endpoint. - */ - _jp.Endpoints.svg.Blank = _jp.Endpoints.Blank; - /* - * Label overlay in svg renderer is the default Label overlay. - */ - _jp.Overlays.svg.Label = _jp.Overlays.Label; - /* - * Custom overlay in svg renderer is the default Custom overlay. - */ - _jp.Overlays.svg.Custom = _jp.Overlays.Custom; - - var AbstractSvgArrowOverlay = function (superclass, originalArgs) { - superclass.apply(this, originalArgs); - _jp.jsPlumbUIComponent.apply(this, originalArgs); - this.isAppendedAtTopLevel = false; - var self = this; - this.path = null; - this.paint = function (params, containerExtents) { - // only draws on connections, not endpoints. - if (params.component.svg && containerExtents) { - if (this.path == null) { - this.path = _node("path", { - "pointer-events": "all" - }); - params.component.svg.appendChild(this.path); - if (this.elementCreated) { - this.elementCreated(this.path, params.component); - } - - this.canvas = params.component.svg; // for the sake of completeness; this behaves the same as other overlays - } - var clazz = originalArgs && (originalArgs.length === 1) ? (originalArgs[0].cssClass || "") : "", - offset = [0, 0]; - - if (containerExtents.xmin < 0) { - offset[0] = -containerExtents.xmin; - } - if (containerExtents.ymin < 0) { - offset[1] = -containerExtents.ymin; - } - - _attr(this.path, { - "d": makePath(params.d), - "class": clazz, - stroke: params.stroke ? params.stroke : null, - fill: params.fill ? params.fill : null, - transform: "translate(" + offset[0] + "," + offset[1] + ")" - }); - } - }; - var makePath = function (d) { - return (isNaN(d.cxy.x) || isNaN(d.cxy.y)) ? "" : "M" + d.hxy.x + "," + d.hxy.y + - " L" + d.tail[0].x + "," + d.tail[0].y + - " L" + d.cxy.x + "," + d.cxy.y + - " L" + d.tail[1].x + "," + d.tail[1].y + - " L" + d.hxy.x + "," + d.hxy.y; - }; - this.transfer = function(target) { - if (target.canvas && this.path && this.path.parentNode) { - this.path.parentNode.removeChild(this.path); - target.canvas.appendChild(this.path); - } - }; - }; - _ju.extend(AbstractSvgArrowOverlay, [_jp.jsPlumbUIComponent, _jp.Overlays.AbstractOverlay], { - cleanup: function (force) { - if (this.path != null) { - if (force) { - this._jsPlumb.instance.removeElement(this.path); - } - else { - if (this.path.parentNode) { - this.path.parentNode.removeChild(this.path); - } - } - } - }, - reattach:function(instance, component) { - if (this.path && component.canvas) { - component.canvas.appendChild(this.path); - } - }, - setVisible: function (v) { - if (this.path != null) { - (this.path.style.display = (v ? "block" : "none")); - } - } - }); - - _jp.Overlays.svg.Arrow = function () { - AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.Arrow, arguments]); - }; - _ju.extend(_jp.Overlays.svg.Arrow, [ _jp.Overlays.Arrow, AbstractSvgArrowOverlay ]); - - _jp.Overlays.svg.PlainArrow = function () { - AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.PlainArrow, arguments]); - }; - _ju.extend(_jp.Overlays.svg.PlainArrow, [ _jp.Overlays.PlainArrow, AbstractSvgArrowOverlay ]); - - _jp.Overlays.svg.Diamond = function () { - AbstractSvgArrowOverlay.apply(this, [_jp.Overlays.Diamond, arguments]); - }; - _ju.extend(_jp.Overlays.svg.Diamond, [ _jp.Overlays.Diamond, AbstractSvgArrowOverlay ]); - - // a test - _jp.Overlays.svg.GuideLines = function () { - var path = null, self = this, p1_1, p1_2; - _jp.Overlays.GuideLines.apply(this, arguments); - this.paint = function (params, containerExtents) { - if (path == null) { - path = _node("path"); - params.connector.svg.appendChild(path); - self.attachListeners(path, params.connector); - self.attachListeners(path, self); - - p1_1 = _node("path"); - params.connector.svg.appendChild(p1_1); - self.attachListeners(p1_1, params.connector); - self.attachListeners(p1_1, self); - - p1_2 = _node("path"); - params.connector.svg.appendChild(p1_2); - self.attachListeners(p1_2, params.connector); - self.attachListeners(p1_2, self); - } - - var offset = [0, 0]; - if (containerExtents.xmin < 0) { - offset[0] = -containerExtents.xmin; - } - if (containerExtents.ymin < 0) { - offset[1] = -containerExtents.ymin; - } - - _attr(path, { - "d": makePath(params.head, params.tail), - stroke: "red", - fill: null, - transform: "translate(" + offset[0] + "," + offset[1] + ")" - }); - - _attr(p1_1, { - "d": makePath(params.tailLine[0], params.tailLine[1]), - stroke: "blue", - fill: null, - transform: "translate(" + offset[0] + "," + offset[1] + ")" - }); - - _attr(p1_2, { - "d": makePath(params.headLine[0], params.headLine[1]), - stroke: "green", - fill: null, - transform: "translate(" + offset[0] + "," + offset[1] + ")" - }); - }; - - var makePath = function (d1, d2) { - return "M " + d1.x + "," + d1.y + - " L" + d2.x + "," + d2.y; - }; - }; - _ju.extend(_jp.Overlays.svg.GuideLines, _jp.Overlays.GuideLines); -}).call(typeof window !== 'undefined' ? window : this); - -/* - * This file contains code used when jsPlumb is being rendered in a DOM. - * - * Copyright (c) 2010 - 2019 jsPlumb (hello@jsplumbtoolkit.com) - * - * https://jsplumbtoolkit.com - * https://github.com/jsplumb/jsplumb - * - * Dual licensed under the MIT and GPL2 licenses. - */ -; -(function () { - - "use strict"; - - var root = this, _jp = root.jsPlumb, _ju = root.jsPlumbUtil, - _jk = root.Katavorio, _jg = root.Biltong; - - var _getEventManager = function(instance) { - var e = instance._mottle; - if (!e) { - e = instance._mottle = new root.Mottle(); - } - return e; - }; - - var _getDragManager = function (instance, category) { - - category = category || "main"; - var key = "_katavorio_" + category; - var k = instance[key], - e = instance.getEventManager(); - - if (!k) { - k = new _jk({ - bind: e.on, - unbind: e.off, - getSize: _jp.getSize, - getConstrainingRectangle:function(el) { - return [ el.parentNode.scrollWidth, el.parentNode.scrollHeight ]; - }, - getPosition: function (el, relativeToRoot) { - // if this is a nested draggable then compute the offset against its own offsetParent, otherwise - // compute against the Container's origin. see also the getUIPosition method below. - var o = instance.getOffset(el, relativeToRoot, el._katavorioDrag ? el.offsetParent : null); - return [o.left, o.top]; - }, - setPosition: function (el, xy) { - el.style.left = xy[0] + "px"; - el.style.top = xy[1] + "px"; - }, - addClass: _jp.addClass, - removeClass: _jp.removeClass, - intersects: _jg.intersects, - indexOf: function(l, i) { return l.indexOf(i); }, - scope:instance.getDefaultScope(), - css: { - noSelect: instance.dragSelectClass, - droppable: "jtk-droppable", - draggable: "jtk-draggable", - drag: "jtk-drag", - selected: "jtk-drag-selected", - active: "jtk-drag-active", - hover: "jtk-drag-hover", - ghostProxy:"jtk-ghost-proxy" - } - }); - k.setZoom(instance.getZoom()); - instance[key] = k; - instance.bind("zoom", k.setZoom); - } - return k; - }; - - var _dragStart=function(params) { - var options = params.el._jsPlumbDragOptions; - var cont = true; - if (options.canDrag) { - cont = options.canDrag(); - } - if (cont) { - this.setHoverSuspended(true); - this.select({source: params.el}).addClass(this.elementDraggingClass + " " + this.sourceElementDraggingClass, true); - this.select({target: params.el}).addClass(this.elementDraggingClass + " " + this.targetElementDraggingClass, true); - this.setConnectionBeingDragged(true); - } - return cont; - }; - var _dragMove=function(params) { - var ui = this.getUIPosition(arguments, this.getZoom()); - if (ui != null) { - var o = params.el._jsPlumbDragOptions; - this.draw(params.el, ui, null, true); - if (o._dragging) { - this.addClass(params.el, "jtk-dragged"); - } - o._dragging = true; - } - }; - var _dragStop=function(params) { - var elements = params.selection, uip; - - var _one = function (_e) { - if (_e[1] != null) { - // run the reported offset through the code that takes parent containers - // into account, to adjust if necessary (issue 554) - uip = this.getUIPosition([{ - el:_e[2].el, - pos:[_e[1].left, _e[1].top] - }]); - this.draw(_e[2].el, uip); - } - - if (_e[0]._jsPlumbDragOptions != null) { - delete _e[0]._jsPlumbDragOptions._dragging; - } - - this.removeClass(_e[0], "jtk-dragged"); - this.select({source: _e[2].el}).removeClass(this.elementDraggingClass + " " + this.sourceElementDraggingClass, true); - this.select({target: _e[2].el}).removeClass(this.elementDraggingClass + " " + this.targetElementDraggingClass, true); - this.getDragManager().dragEnded(_e[2].el); - }.bind(this); - - for (var i = 0; i < elements.length; i++) { - _one(elements[i]); - } - - this.setHoverSuspended(false); - this.setConnectionBeingDragged(false); - }; - - var _animProps = function (o, p) { - var _one = function (pName) { - if (p[pName] != null) { - if (_ju.isString(p[pName])) { - var m = p[pName].match(/-=/) ? -1 : 1, - v = p[pName].substring(2); - return o[pName] + (m * v); - } - else { - return p[pName]; - } - } - else { - return o[pName]; - } - }; - return [ _one("left"), _one("top") ]; - }; - - var _genLoc = function (prefix, e) { - if (e == null) { - return [ 0, 0 ]; - } - var ts = _touches(e), t = _getTouch(ts, 0); - return [t[prefix + "X"], t[prefix + "Y"]]; - }, - _pageLocation = _genLoc.bind(this, "page"), - _screenLocation = _genLoc.bind(this, "screen"), - _clientLocation = _genLoc.bind(this, "client"), - _getTouch = function (touches, idx) { - return touches.item ? touches.item(idx) : touches[idx]; - }, - _touches = function (e) { - return e.touches && e.touches.length > 0 ? e.touches : - e.changedTouches && e.changedTouches.length > 0 ? e.changedTouches : - e.targetTouches && e.targetTouches.length > 0 ? e.targetTouches : - [ e ]; - }; - - /** - Manages dragging for some instance of jsPlumb. - - TODO instead of this being accessed directly, it should subscribe to events on the jsPlumb instance: every method - in here is called directly by jsPlumb. But what should happen is that we have unpublished events that this listens - to. The only trick is getting one of these instantiated with every jsPlumb instance: it needs to have a hook somehow. - Basically the general idea is to pull ALL the drag code out (prototype method registrations plus this) into a - dedicated drag script), that does not necessarily need to be included. - - - */ - var DragManager = function (_currentInstance) { - var _draggables = {}, _dlist = [], _delements = {}, _elementsWithEndpoints = {}, - // elementids mapped to the draggable to which they belong. - _draggablesForElements = {}; - - /** - register some element as draggable. right now the drag init stuff is done elsewhere, and it is - possible that will continue to be the case. - */ - this.register = function (el) { - var id = _currentInstance.getId(el), - parentOffset; - - if (!_draggables[id]) { - _draggables[id] = el; - _dlist.push(el); - _delements[id] = {}; - } - - // look for child elements that have endpoints and register them against this draggable. - var _oneLevel = function (p) { - if (p) { - for (var i = 0; i < p.childNodes.length; i++) { - if (p.childNodes[i].nodeType !== 3 && p.childNodes[i].nodeType !== 8) { - var cEl = jsPlumb.getElement(p.childNodes[i]), - cid = _currentInstance.getId(p.childNodes[i], null, true); - if (cid && _elementsWithEndpoints[cid] && _elementsWithEndpoints[cid] > 0) { - if (!parentOffset) { - parentOffset = _currentInstance.getOffset(el); - } - var cOff = _currentInstance.getOffset(cEl); - _delements[id][cid] = { - id: cid, - offset: { - left: cOff.left - parentOffset.left, - top: cOff.top - parentOffset.top - } - }; - _draggablesForElements[cid] = id; - } - _oneLevel(p.childNodes[i]); - } - } - } - }; - - _oneLevel(el); - }; - - // refresh the offsets for child elements of this element. - this.updateOffsets = function (elId, childOffsetOverrides) { - if (elId != null) { - childOffsetOverrides = childOffsetOverrides || {}; - var domEl = jsPlumb.getElement(elId), - id = _currentInstance.getId(domEl), - children = _delements[id], - parentOffset; - - if (children) { - for (var i in children) { - if (children.hasOwnProperty(i)) { - var cel = jsPlumb.getElement(i), - cOff = childOffsetOverrides[i] || _currentInstance.getOffset(cel); - - // do not update if we have a value already and we'd just be writing 0,0 - if (cel.offsetParent == null && _delements[id][i] != null) { - continue; - } - - if (!parentOffset) { - parentOffset = _currentInstance.getOffset(domEl); - } - - _delements[id][i] = { - id: i, - offset: { - left: cOff.left - parentOffset.left, - top: cOff.top - parentOffset.top - } - }; - _draggablesForElements[i] = id; - } - } - } - } - }; - - /** - notification that an endpoint was added to the given el. we go up from that el's parent - node, looking for a parent that has been registered as a draggable. if we find one, we add this - el to that parent's list of elements to update on drag (if it is not there already) - */ - this.endpointAdded = function (el, id) { - - id = id || _currentInstance.getId(el); - - var b = document.body, - p = el.parentNode; - - _elementsWithEndpoints[id] = _elementsWithEndpoints[id] ? _elementsWithEndpoints[id] + 1 : 1; - - while (p != null && p !== b) { - var pid = _currentInstance.getId(p, null, true); - if (pid && _draggables[pid]) { - var pLoc = _currentInstance.getOffset(p); - - if (_delements[pid][id] == null) { - var cLoc = _currentInstance.getOffset(el); - _delements[pid][id] = { - id: id, - offset: { - left: cLoc.left - pLoc.left, - top: cLoc.top - pLoc.top - } - }; - _draggablesForElements[id] = pid; - } - break; - } - p = p.parentNode; - } - }; - - this.endpointDeleted = function (endpoint) { - if (_elementsWithEndpoints[endpoint.elementId]) { - _elementsWithEndpoints[endpoint.elementId]--; - if (_elementsWithEndpoints[endpoint.elementId] <= 0) { - for (var i in _delements) { - if (_delements.hasOwnProperty(i) && _delements[i]) { - delete _delements[i][endpoint.elementId]; - delete _draggablesForElements[endpoint.elementId]; - } - } - } - } - }; - - this.changeId = function (oldId, newId) { - _delements[newId] = _delements[oldId]; - _delements[oldId] = {}; - _draggablesForElements[newId] = _draggablesForElements[oldId]; - _draggablesForElements[oldId] = null; - }; - - this.getElementsForDraggable = function (id) { - return _delements[id]; - }; - - this.elementRemoved = function (elementId) { - var elId = _draggablesForElements[elementId]; - if (elId) { - delete _delements[elId][elementId]; - delete _draggablesForElements[elementId]; - } - }; - - this.reset = function () { - _draggables = {}; - _dlist = []; - _delements = {}; - _elementsWithEndpoints = {}; - }; - - // - // notification drag ended. We check automatically if need to update some - // ancestor's offsets. - // - this.dragEnded = function (el) { - if (el.offsetParent != null) { - var id = _currentInstance.getId(el), - ancestor = _draggablesForElements[id]; - - if (ancestor) { - this.updateOffsets(ancestor); - } - } - }; - - this.setParent = function (el, elId, p, pId, currentChildLocation) { - var current = _draggablesForElements[elId]; - if (!_delements[pId]) { - _delements[pId] = {}; - } - var pLoc = _currentInstance.getOffset(p), - cLoc = currentChildLocation || _currentInstance.getOffset(el); - - if (current && _delements[current]) { - delete _delements[current][elId]; - } - - _delements[pId][elId] = { - id:elId, - offset : { - left: cLoc.left - pLoc.left, - top: cLoc.top - pLoc.top - } - }; - _draggablesForElements[elId] = pId; - }; - - this.clearParent = function(el, elId) { - var current = _draggablesForElements[elId]; - if (current) { - delete _delements[current][elId]; - delete _draggablesForElements[elId]; - } - }; - - this.revalidateParent = function(el, elId, childOffset) { - var current = _draggablesForElements[elId]; - if (current) { - var co = {}; - co[elId] = childOffset; - this.updateOffsets(current, co); - _currentInstance.revalidate(current); - } - }; - - this.getDragAncestor = function (el) { - var de = jsPlumb.getElement(el), - id = _currentInstance.getId(de), - aid = _draggablesForElements[id]; - - if (aid) { - return jsPlumb.getElement(aid); - } - else { - return null; - } - }; - - }; - - var _setClassName = function (el, cn, classList) { - cn = _ju.fastTrim(cn); - if (typeof el.className.baseVal !== "undefined") { - el.className.baseVal = cn; - } - else { - el.className = cn; - } - - // recent (i currently have 61.0.3163.100) version of chrome do not update classList when you set the base val - // of an svg element's className. in the long run we'd like to move to just using classList anyway - try { - var cl = el.classList; - if (cl != null) { - while (cl.length > 0) { - cl.remove(cl.item(0)); - } - for (var i = 0; i < classList.length; i++) { - if (classList[i]) { - cl.add(classList[i]); - } - } - } - } - catch(e) { - // not fatal - _ju.log("JSPLUMB: cannot set class list", e); - } - }, - _getClassName = function (el) { - return (typeof el.className.baseVal === "undefined") ? el.className : el.className.baseVal; - }, - _classManip = function (el, classesToAdd, classesToRemove) { - classesToAdd = classesToAdd == null ? [] : _ju.isArray(classesToAdd) ? classesToAdd : classesToAdd.split(/\s+/); - classesToRemove = classesToRemove == null ? [] : _ju.isArray(classesToRemove) ? classesToRemove : classesToRemove.split(/\s+/); - - var className = _getClassName(el), - curClasses = className.split(/\s+/); - - var _oneSet = function (add, classes) { - for (var i = 0; i < classes.length; i++) { - if (add) { - if (curClasses.indexOf(classes[i]) === -1) { - curClasses.push(classes[i]); - } - } - else { - var idx = curClasses.indexOf(classes[i]); - if (idx !== -1) { - curClasses.splice(idx, 1); - } - } - } - }; - - _oneSet(true, classesToAdd); - _oneSet(false, classesToRemove); - - _setClassName(el, curClasses.join(" "), curClasses); - }; - - root.jsPlumb.extend(root.jsPlumbInstance.prototype, { - - headless: false, - - pageLocation: _pageLocation, - screenLocation: _screenLocation, - clientLocation: _clientLocation, - - getDragManager:function() { - if (this.dragManager == null) { - this.dragManager = new DragManager(this); - } - - return this.dragManager; - }, - - recalculateOffsets:function(elId) { - this.getDragManager().updateOffsets(elId); - }, - - createElement:function(tag, style, clazz, atts) { - return this.createElementNS(null, tag, style, clazz, atts); - }, - - createElementNS:function(ns, tag, style, clazz, atts) { - var e = ns == null ? document.createElement(tag) : document.createElementNS(ns, tag); - var i; - style = style || {}; - for (i in style) { - e.style[i] = style[i]; - } - - if (clazz) { - e.className = clazz; - } - - atts = atts || {}; - for (i in atts) { - e.setAttribute(i, "" + atts[i]); - } - - return e; - }, - - getAttribute: function (el, attName) { - return el.getAttribute != null ? el.getAttribute(attName) : null; - }, - - setAttribute: function (el, a, v) { - if (el.setAttribute != null) { - el.setAttribute(a, v); - } - }, - - setAttributes: function (el, atts) { - for (var i in atts) { - if (atts.hasOwnProperty(i)) { - el.setAttribute(i, atts[i]); - } - } - }, - appendToRoot: function (node) { - document.body.appendChild(node); - }, - getRenderModes: function () { - return [ "svg" ]; - }, - getClass:_getClassName, - addClass: function (el, clazz) { - jsPlumb.each(el, function (e) { - _classManip(e, clazz); - }); - }, - hasClass: function (el, clazz) { - el = jsPlumb.getElement(el); - if (el.classList) { - return el.classList.contains(clazz); - } - else { - return _getClassName(el).indexOf(clazz) !== -1; - } - }, - removeClass: function (el, clazz) { - jsPlumb.each(el, function (e) { - _classManip(e, null, clazz); - }); - }, - toggleClass:function(el, clazz) { - if (jsPlumb.hasClass(el, clazz)) { - jsPlumb.removeClass(el, clazz); - } else { - jsPlumb.addClass(el, clazz); - } - }, - updateClasses: function (el, toAdd, toRemove) { - jsPlumb.each(el, function (e) { - _classManip(e, toAdd, toRemove); - }); - }, - setClass: function (el, clazz) { - if (clazz != null) { - jsPlumb.each(el, function (e) { - _setClassName(e, clazz, clazz.split(/\s+/)); - }); - } - }, - setPosition: function (el, p) { - el.style.left = p.left + "px"; - el.style.top = p.top + "px"; - }, - getPosition: function (el) { - var _one = function (prop) { - var v = el.style[prop]; - return v ? v.substring(0, v.length - 2) : 0; - }; - return { - left: _one("left"), - top: _one("top") - }; - }, - getStyle:function(el, prop) { - if (typeof window.getComputedStyle !== 'undefined') { - return getComputedStyle(el, null).getPropertyValue(prop); - } else { - return el.currentStyle[prop]; - } - }, - getSelector: function (ctx, spec) { - var sel = null; - if (arguments.length === 1) { - sel = ctx.nodeType != null ? ctx : document.querySelectorAll(ctx); - } - else { - sel = ctx.querySelectorAll(spec); - } - - return sel; - }, - getOffset:function(el, relativeToRoot, container) { - el = jsPlumb.getElement(el); - container = container || this.getContainer(); - var out = { - left: el.offsetLeft, - top: el.offsetTop - }, - op = (relativeToRoot || (container != null && (el !== container && el.offsetParent !== container))) ? el.offsetParent : null, - _maybeAdjustScroll = function(offsetParent) { - if (offsetParent != null && offsetParent !== document.body && (offsetParent.scrollTop > 0 || offsetParent.scrollLeft > 0)) { - out.left -= offsetParent.scrollLeft; - out.top -= offsetParent.scrollTop; - } - }.bind(this); - - while (op != null) { - out.left += op.offsetLeft; - out.top += op.offsetTop; - _maybeAdjustScroll(op); - op = relativeToRoot ? op.offsetParent : - op.offsetParent === container ? null : op.offsetParent; - } - - // if container is scrolled and the element (or its offset parent) is not absolute or fixed, adjust accordingly. - if (container != null && !relativeToRoot && (container.scrollTop > 0 || container.scrollLeft > 0)) { - var pp = el.offsetParent != null ? this.getStyle(el.offsetParent, "position") : "static", - p = this.getStyle(el, "position"); - if (p !== "absolute" && p !== "fixed" && pp !== "absolute" && pp !== "fixed") { - out.left -= container.scrollLeft; - out.top -= container.scrollTop; - } - } - return out; - }, - // - // return x+y proportion of the given element's size corresponding to the location of the given event. - // - getPositionOnElement: function (evt, el, zoom) { - var box = typeof el.getBoundingClientRect !== "undefined" ? el.getBoundingClientRect() : { left: 0, top: 0, width: 0, height: 0 }, - body = document.body, - docElem = document.documentElement, - scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop, - scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft, - clientTop = docElem.clientTop || body.clientTop || 0, - clientLeft = docElem.clientLeft || body.clientLeft || 0, - pst = 0, - psl = 0, - top = box.top + scrollTop - clientTop + (pst * zoom), - left = box.left + scrollLeft - clientLeft + (psl * zoom), - cl = jsPlumb.pageLocation(evt), - w = box.width || (el.offsetWidth * zoom), - h = box.height || (el.offsetHeight * zoom), - x = (cl[0] - left) / w, - y = (cl[1] - top) / h; - - return [ x, y ]; - }, - - /** - * Gets the absolute position of some element as read from the left/top properties in its style. - * @method getAbsolutePosition - * @param {Element} el The element to retrieve the absolute coordinates from. **Note** this is a DOM element, not a selector from the underlying library. - * @return {Number[]} [left, top] pixel values. - */ - getAbsolutePosition: function (el) { - var _one = function (s) { - var ss = el.style[s]; - if (ss) { - return parseFloat(ss.substring(0, ss.length - 2)); - } - }; - return [ _one("left"), _one("top") ]; - }, - - /** - * Sets the absolute position of some element by setting the left/top properties in its style. - * @method setAbsolutePosition - * @param {Element} el The element to set the absolute coordinates on. **Note** this is a DOM element, not a selector from the underlying library. - * @param {Number[]} xy x and y coordinates - * @param {Number[]} [animateFrom] Optional previous xy to animate from. - * @param {Object} [animateOptions] Options for the animation. - */ - setAbsolutePosition: function (el, xy, animateFrom, animateOptions) { - if (animateFrom) { - this.animate(el, { - left: "+=" + (xy[0] - animateFrom[0]), - top: "+=" + (xy[1] - animateFrom[1]) - }, animateOptions); - } - else { - el.style.left = xy[0] + "px"; - el.style.top = xy[1] + "px"; - } - }, - /** - * gets the size for the element, in an array : [ width, height ]. - */ - getSize: function (el) { - return [ el.offsetWidth, el.offsetHeight ]; - }, - getWidth: function (el) { - return el.offsetWidth; - }, - getHeight: function (el) { - return el.offsetHeight; - }, - getRenderMode : function() { return "svg"; }, - draggable : function (el, options) { - var info; - el = _ju.isArray(el) || (el.length != null && !_ju.isString(el)) ? el: [ el ]; - Array.prototype.slice.call(el).forEach(function(_el) { - info = this.info(_el); - if (info.el) { - this._initDraggableIfNecessary(info.el, true, options, info.id, true); - } - }.bind(this)); - return this; - }, - snapToGrid : function(el, x, y) { - var out = []; - var _oneEl = function(_el) { - var info = this.info(_el); - if (info.el != null && info.el._katavorioDrag) { - var snapped = info.el._katavorioDrag.snap(x, y); - this.revalidate(info.el); - out.push([info.el, snapped]); - } - }.bind(this); - - // if you call this method with 0 arguments or 2 arguments it is assumed you want to snap all managed elements to - // a grid. if you supply one argument or 3, then you are assumed to be specifying one element. - if(arguments.length === 1 || arguments.length === 3) { - _oneEl(el, x, y); - } else { - var _me = this.getManagedElements(); - for (var mel in _me) { - _oneEl(mel, arguments[0], arguments[1]); - } - } - - return out; - }, - initDraggable: function (el, options, category) { - _getDragManager(this, category).draggable(el, options); - el._jsPlumbDragOptions = options; - }, - destroyDraggable: function (el, category) { - _getDragManager(this, category).destroyDraggable(el); - delete el._jsPlumbDragOptions; - }, - unbindDraggable: function (el, evt, fn, category) { - _getDragManager(this, category).destroyDraggable(el, evt, fn); - }, - setDraggable : function (element, draggable) { - return jsPlumb.each(element, function (el) { - if (this.isDragSupported(el)) { - this._draggableStates[this.getAttribute(el, "id")] = draggable; - this.setElementDraggable(el, draggable); - } - }.bind(this)); - }, - _draggableStates : {}, - /* - * toggles the draggable state of the given element(s). - * el is either an id, or an element object, or a list of ids/element objects. - */ - toggleDraggable : function (el) { - var state; - jsPlumb.each(el, function (el) { - var elId = this.getAttribute(el, "id"); - state = this._draggableStates[elId] == null ? false : this._draggableStates[elId]; - state = !state; - this._draggableStates[elId] = state; - this.setDraggable(el, state); - return state; - }.bind(this)); - return state; - }, - _initDraggableIfNecessary : function (element, isDraggable, dragOptions, id, fireEvent) { - // TODO FIRST: move to DragManager. including as much of the decision to init dragging as possible. - if (!jsPlumb.headless) { - var _draggable = isDraggable == null ? false : isDraggable; - if (_draggable) { - if (jsPlumb.isDragSupported(element, this)) { - var options = dragOptions || this.Defaults.DragOptions; - options = jsPlumb.extend({}, options); // make a copy. - if (!jsPlumb.isAlreadyDraggable(element, this)) { - var dragEvent = jsPlumb.dragEvents.drag, - stopEvent = jsPlumb.dragEvents.stop, - startEvent = jsPlumb.dragEvents.start; - - this.manage(id, element); - - options[startEvent] = _ju.wrap(options[startEvent], _dragStart.bind(this)); - - options[dragEvent] = _ju.wrap(options[dragEvent], _dragMove.bind(this)); - - options[stopEvent] = _ju.wrap(options[stopEvent], _dragStop.bind(this)); - - var elId = this.getId(element); // need ID - - this._draggableStates[elId] = true; - var draggable = this._draggableStates[elId]; - - options.disabled = draggable == null ? false : !draggable; - this.initDraggable(element, options); - this.getDragManager().register(element); - if (fireEvent) { - this.fire("elementDraggable", {el:element, options:options}); - } - } - else { - // already draggable. attach any start, drag or stop listeners to the current Drag. - if (dragOptions.force) { - this.initDraggable(element, options); - } - } - } - } - } - }, - animationSupported:true, - getElement: function (el) { - if (el == null) { - return null; - } - // here we pluck the first entry if el was a list of entries. - // this is not my favourite thing to do, but previous versions of - // jsplumb supported jquery selectors, and it is possible a selector - // will be passed in here. - el = typeof el === "string" ? el : el.length != null && el.enctype == null ? el[0] : el; - return typeof el === "string" ? document.getElementById(el) : el; - }, - removeElement: function (element) { - _getDragManager(this).elementRemoved(element); - this.getEventManager().remove(element); - }, - // - // this adapter supports a rudimentary animation function. no easing is supported. only - // left/top properties are supported. property delta args are expected to be in the form - // - // +=x.xxxx - // - // or - // - // -=x.xxxx - // - doAnimate: function (el, properties, options) { - options = options || {}; - var o = this.getOffset(el), - ap = _animProps(o, properties), - ldist = ap[0] - o.left, - tdist = ap[1] - o.top, - d = options.duration || 250, - step = 15, steps = d / step, - linc = (step / d) * ldist, - tinc = (step / d) * tdist, - idx = 0, - _int = setInterval(function () { - _jp.setPosition(el, { - left: o.left + (linc * (idx + 1)), - top: o.top + (tinc * (idx + 1)) - }); - if (options.step != null) { - options.step(idx, Math.ceil(steps)); - } - idx++; - if (idx >= steps) { - window.clearInterval(_int); - if (options.complete != null) { - options.complete(); - } - } - }, step); - }, - // DRAG/DROP - - - destroyDroppable: function (el, category) { - _getDragManager(this, category).destroyDroppable(el); - }, - unbindDroppable: function (el, evt, fn, category) { - _getDragManager(this, category).destroyDroppable(el, evt, fn); - }, - - droppable :function(el, options) { - el = _ju.isArray(el) || (el.length != null && !_ju.isString(el)) ? el: [ el ]; - var info; - options = options || {}; - options.allowLoopback = false; - Array.prototype.slice.call(el).forEach(function(_el) { - info = this.info(_el); - if (info.el) { - this.initDroppable(info.el, options); - } - }.bind(this)); - return this; - }, - - initDroppable: function (el, options, category) { - _getDragManager(this, category).droppable(el, options); - }, - isAlreadyDraggable: function (el) { - return el._katavorioDrag != null; - }, - isDragSupported: function (el, options) { - return true; - }, - isDropSupported: function (el, options) { - return true; - }, - isElementDraggable: function (el) { - el = _jp.getElement(el); - return el._katavorioDrag && el._katavorioDrag.isEnabled(); - }, - getDragObject: function (eventArgs) { - return eventArgs[0].drag.getDragElement(); - }, - getDragScope: function (el) { - return el._katavorioDrag && el._katavorioDrag.scopes.join(" ") || ""; - }, - getDropEvent: function (args) { - return args[0].e; - }, - getUIPosition: function (eventArgs, zoom) { - // here the position reported to us by Katavorio is relative to the element's offsetParent. For top - // level nodes that is fine, but if we have a nested draggable then its offsetParent is actually - // not going to be the jsplumb container; it's going to be some child of that element. In that case - // we want to adjust the UI position to account for the offsetParent's position relative to the Container - // origin. - var el = eventArgs[0].el; - if (el.offsetParent == null) { - return null; - } - var finalPos = eventArgs[0].finalPos || eventArgs[0].pos; - var p = { left:finalPos[0], top:finalPos[1] }; - if (el._katavorioDrag && el.offsetParent !== this.getContainer()) { - var oc = this.getOffset(el.offsetParent); - p.left += oc.left; - p.top += oc.top; - } - return p; - }, - setDragFilter: function (el, filter, _exclude) { - if (el._katavorioDrag) { - el._katavorioDrag.setFilter(filter, _exclude); - } - }, - setElementDraggable: function (el, draggable) { - el = _jp.getElement(el); - if (el._katavorioDrag) { - el._katavorioDrag.setEnabled(draggable); - } - }, - setDragScope: function (el, scope) { - if (el._katavorioDrag) { - el._katavorioDrag.k.setDragScope(el, scope); - } - }, - setDropScope:function(el, scope) { - if (el._katavorioDrop && el._katavorioDrop.length > 0) { - el._katavorioDrop[0].k.setDropScope(el, scope); - } - }, - addToPosse:function(el, spec) { - var specs = Array.prototype.slice.call(arguments, 1); - var dm = _getDragManager(this); - _jp.each(el, function(_el) { - _el = [ _jp.getElement(_el) ]; - _el.push.apply(_el, specs ); - dm.addToPosse.apply(dm, _el); - }); - }, - setPosse:function(el, spec) { - var specs = Array.prototype.slice.call(arguments, 1); - var dm = _getDragManager(this); - _jp.each(el, function(_el) { - _el = [ _jp.getElement(_el) ]; - _el.push.apply(_el, specs ); - dm.setPosse.apply(dm, _el); - }); - }, - removeFromPosse:function(el, posseId) { - var specs = Array.prototype.slice.call(arguments, 1); - var dm = _getDragManager(this); - _jp.each(el, function(_el) { - _el = [ _jp.getElement(_el) ]; - _el.push.apply(_el, specs ); - dm.removeFromPosse.apply(dm, _el); - }); - }, - removeFromAllPosses:function(el) { - var dm = _getDragManager(this); - _jp.each(el, function(_el) { dm.removeFromAllPosses(_jp.getElement(_el)); }); - }, - setPosseState:function(el, posseId, state) { - var dm = _getDragManager(this); - _jp.each(el, function(_el) { dm.setPosseState(_jp.getElement(_el), posseId, state); }); - }, - dragEvents: { - 'start': 'start', 'stop': 'stop', 'drag': 'drag', 'step': 'step', - 'over': 'over', 'out': 'out', 'drop': 'drop', 'complete': 'complete', - 'beforeStart':'beforeStart' - }, - animEvents: { - 'step': "step", 'complete': 'complete' - }, - stopDrag: function (el) { - if (el._katavorioDrag) { - el._katavorioDrag.abort(); - } - }, - addToDragSelection: function (spec) { - _getDragManager(this).select(spec); - }, - removeFromDragSelection: function (spec) { - _getDragManager(this).deselect(spec); - }, - clearDragSelection: function () { - _getDragManager(this).deselectAll(); - }, - trigger: function (el, event, originalEvent, payload) { - this.getEventManager().trigger(el, event, originalEvent, payload); - }, - doReset:function() { - // look for katavorio instances and reset each one if found. - for (var key in this) { - if (key.indexOf("_katavorio_") === 0) { - this[key].reset(); - } - } - }, - getEventManager:function() { - return _getEventManager(this); - }, - on : function(el, event, callback) { - // TODO: here we would like to map the tap event if we know its - // an internal bind to a click. we have to know its internal because only - // then can we be sure that the UP event wont be consumed (tap is a synthesized - // event from a mousedown followed by a mouseup). - //event = { "click":"tap", "dblclick":"dbltap"}[event] || event; - this.getEventManager().on.apply(this, arguments); - return this; - }, - off : function(el, event, callback) { - this.getEventManager().off.apply(this, arguments); - return this; - } - - }); - - var ready = function (f) { - var _do = function () { - if (/complete|loaded|interactive/.test(document.readyState) && typeof(document.body) !== "undefined" && document.body != null) { - f(); - } - else { - setTimeout(_do, 9); - } - }; - - _do(); - }; - ready(_jp.init); - -}).call(typeof window !== 'undefined' ? window : this); diff --git a/admin/vue-admin-template/src/components/Workflow/lineCondition.vue b/admin/vue-admin-template/src/components/Workflow/lineCondition.vue deleted file mode 100644 index d8aa62898353f90bef4fb292e206f22712c3139e..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/lineCondition.vue +++ /dev/null @@ -1,81 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/mixins.js b/admin/vue-admin-template/src/components/Workflow/mixins.js deleted file mode 100644 index e8516380bdb991cd0a1ef5e53a3b764dec845cd1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/mixins.js +++ /dev/null @@ -1,157 +0,0 @@ -export const easyFlowMixin = { - data() { - return { - jsplumbSetting: { - // 动态锚点、位置自适应 - Anchors: ['Top', 'TopCenter', 'TopRight', 'TopLeft', 'Right', 'RightMiddle', 'Bottom', 'BottomCenter', 'BottomRight', 'BottomLeft', 'Left', 'LeftMiddle'], - // 容器ID - Container: 'efContainer', - // 连线的样式，直线或者曲线等，可选值: StateMachine、Flowchart，Bezier、Straight - // Connector: ['Bezier', {curviness: 100}], - // Connector: ['Straight', {stub: 20, gap: 1}], - Connector: ['Flowchart', {stub: 30, gap: 1, alwaysRespectStubs: false, midpoint: 0.5, cornerRadius: 10}], - // Connector: ['StateMachine', {margin: 5, curviness: 10, proximityLimit: 80}], - // 鼠标不能拖动删除线 - ConnectionsDetachable: false, - // 删除线的时候节点不删除 - DeleteEndpointsOnDetach: false, - /** - * 连线的两端端点类型：圆形 - * radius: 圆的半径，越大圆越大 - */ - // Endpoint: ['Dot', {radius: 5, cssClass: 'ef-dot', hoverClass: 'ef-dot-hover'}], - /** - * 连线的两端端点类型：矩形 - * height: 矩形的高 - * width: 矩形的宽 - */ - // Endpoint: ['Rectangle', {height: 20, width: 20, cssClass: 'ef-rectangle', hoverClass: 'ef-rectangle-hover'}], - /** - * 图像端点 - */ - // Endpoint: ['Image', {src: 'https://www.easyicon.net/api/resizeApi.php?id=1181776&size=32', cssClass: 'ef-img', hoverClass: 'ef-img-hover'}], - /** - * 空白端点 - */ - Endpoint: ['Blank', {Overlays: ''}], - // Endpoints: [['Dot', {radius: 5, cssClass: 'ef-dot', hoverClass: 'ef-dot-hover'}], ['Rectangle', {height: 20, width: 20, cssClass: 'ef-rectangle', hoverClass: 'ef-rectangle-hover'}]], - /** - * 连线的两端端点样式 - * fill: 颜色值，如：#12aabb，为空不显示 - * outlineWidth: 外边线宽度 - */ - EndpointStyle: {fill: '#1879ffa1', outlineWidth: 1}, - // 是否打开jsPlumb的内部日志记录 - LogEnabled: true, - /** - * 连线的样式 - */ - PaintStyle: { - // 线的颜色 - stroke: '#E0E3E7', - // 线的粗细，值越大线越粗 - strokeWidth: 1, - // 设置外边线的颜色，默认设置透明，这样别人就看不见了，点击线的时候可以不用精确点击，参考 https://blog.csdn.net/roymno2/article/details/72717101 - outlineStroke: 'transparent', - // 线外边的宽，值越大，线的点击范围越大 - outlineWidth: 10 - }, - DragOptions: {cursor: 'pointer', zIndex: 2000}, - /** - * 叠加 参考： https://www.jianshu.com/p/d9e9918fd928 - */ - Overlays: [ - // 箭头叠加 - ['Arrow', { - width: 10, // 箭头尾部的宽度 - length: 8, // 从箭头的尾部到头部的距离 - location: 1, // 位置，建议使用0～1之间 - direction: 1, // 方向，默认值为1（表示向前），可选-1（表示向后） - foldback: 0.623 // 折回，也就是尾翼的角度，默认0.623，当为1时，为正三角 - }], - // ['Diamond', { - // events: { - // dblclick: function (diamondOverlay, originalEvent) { - // console.log('double click on diamond overlay for : ' + diamondOverlay.component) - // } - // } - // }], - ['Label', { - label: '', - location: 0.1, - cssClass: 'aLabel' - }] - ], - // 绘制图的模式 svg、canvas - RenderMode: 'svg', - // 鼠标滑过线的样式 - HoverPaintStyle: {stroke: '#b0b2b5', strokeWidth: 1}, - // 滑过锚点效果 - // EndpointHoverStyle: {fill: 'red'} - Scope: 'jsPlumb_DefaultScope' // 范围，具有相同scope的点才可连接 - }, - /** - * 连线参数 - */ - jsplumbConnectOptions: { - isSource: true, - isTarget: true, - // 动态锚点、提供了4个方向 Continuous、AutoDefault - anchor: 'Continuous', - // 设置连线上面的label样式 - labelStyle: { - cssClass: 'flowLabel' - }, - // 修改了jsplumb 源码，支持label 为空传入自定义style - emptyLabelStyle: { - cssClass: 'emptyFlowLabel' - } - }, - /** - * 源点配置参数 - */ - jsplumbSourceOptions: { - // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 - filter: '.flow-node-drag', - filterExclude: false, - anchor: 'Continuous', - // 是否允许自己连接自己 - allowLoopback: true, - maxConnections: -1, - onMaxConnections: function (info, e) { - console.log(`超过了最大值连线: ${info.maxConnections}`) - } - }, - // 参考 https://www.cnblogs.com/mq0036/p/7942139.html - jsplumbSourceOptions2: { - // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 - filter: '.flow-node-drag', - filterExclude: false, - // anchor: 'Continuous', - // 是否允许自己连接自己 - allowLoopback: true, - connector: ['Flowchart', {curviness: 50}], - connectorStyle: { - // 线的颜色 - stroke: 'red', - // 线的粗细，值越大线越粗 - strokeWidth: 1, - // 设置外边线的颜色，默认设置透明，这样别人就看不见了，点击线的时候可以不用精确点击，参考 https://blog.csdn.net/roymno2/article/details/72717101 - outlineStroke: 'transparent', - // 线外边的宽，值越大，线的点击范围越大 - outlineWidth: 10 - }, - connectorHoverStyle: {stroke: 'red', strokeWidth: 2} - }, - jsplumbTargetOptions: { - // 设置可以拖拽的类名，只要鼠标移动到该类名上的DOM，就可以拖拽连线 - filter: '.flow-node-drag', - filterExclude: false, - // 是否允许自己连接自己 - anchor: 'Continuous', - allowLoopback: true, - dropOptions: {hoverClass: 'ef-drop-hover'} - } - } - } -} diff --git a/admin/vue-admin-template/src/components/Workflow/node.vue b/admin/vue-admin-template/src/components/Workflow/node.vue deleted file mode 100644 index 3a15bd1a4bebd46d853de9951b4ce5f3116642c8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/node.vue +++ /dev/null @@ -1,79 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/components/Workflow/nodeUser.vue b/admin/vue-admin-template/src/components/Workflow/nodeUser.vue deleted file mode 100644 index 4c5850c298c7e22ed147cfee4d02fdc4ff6c63ae..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/nodeUser.vue +++ /dev/null @@ -1,136 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/node_form.vue b/admin/vue-admin-template/src/components/Workflow/node_form.vue deleted file mode 100644 index abaa8ac34c2d3b20cc1ab5fbccd51039db8126d8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/node_form.vue +++ /dev/null @@ -1,274 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/node_menu.vue b/admin/vue-admin-template/src/components/Workflow/node_menu.vue deleted file mode 100644 index 92a73e3912ead3004e272b58aa32f89054d7299d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/node_menu.vue +++ /dev/null @@ -1,170 +0,0 @@ - - diff --git a/admin/vue-admin-template/src/components/Workflow/panel.vue b/admin/vue-admin-template/src/components/Workflow/panel.vue deleted file mode 100644 index 68470cd2fe52fe1ef5c960750e7337c6cfabeeed..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/panel.vue +++ /dev/null @@ -1,809 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/components/Workflow/panelView.vue b/admin/vue-admin-template/src/components/Workflow/panelView.vue deleted file mode 100644 index 31cca58d5b1dc5ea7ab1aa554814d09468220158..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/panelView.vue +++ /dev/null @@ -1,751 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/components/Workflow/rejectNode.vue b/admin/vue-admin-template/src/components/Workflow/rejectNode.vue deleted file mode 100644 index 242d20cc9e106dd10035fbd3103119a663e786e1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/rejectNode.vue +++ /dev/null @@ -1,75 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/components/Workflow/utils.js b/admin/vue-admin-template/src/components/Workflow/utils.js deleted file mode 100644 index 2874a4155840a3ee45d22710c84d5b8352e2524a..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/Workflow/utils.js +++ /dev/null @@ -1,29 +0,0 @@ -// 是否具有该线 -export function hasLine(data, from, to) { - for (let i = 0; i < data.lineList.length; i++) { - let line = data.lineList[i] - if (line.from === from && line.to === to) { - return true - } - } - return false -} - -// 是否含有相反的线 -export function hashOppositeLine(data, from, to) { - return hasLine(data, to, from) -} - -// 获取连线 -export function getConnector(jsp, from, to) { - let connection = jsp.getConnections({ - source: from, - target: to - })[0] - return connection -} - -// 获取唯一标识 -export function uuid() { - return Math.random().toString(36).substr(3, 10) -} diff --git a/admin/vue-admin-template/src/components/javascriptEditor.vue b/admin/vue-admin-template/src/components/javascriptEditor.vue deleted file mode 100644 index 25189f7ef28a8105b484fe368e0fe0790bfb9e53..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/components/javascriptEditor.vue +++ /dev/null @@ -1,78 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/icons/index.js b/admin/vue-admin-template/src/icons/index.js deleted file mode 100644 index 2c6b309c96cc2e43761a691860858f232f6d5d1a..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/index.js +++ /dev/null @@ -1,9 +0,0 @@ -import Vue from 'vue' -import SvgIcon from '@/components/SvgIcon'// svg component - -// register globally -Vue.component('svg-icon', SvgIcon) - -const req = require.context('./svg', false, /\.svg$/) -const requireAll = requireContext => requireContext.keys().map(requireContext) -requireAll(req) diff --git a/admin/vue-admin-template/src/icons/svg/dashboard.svg b/admin/vue-admin-template/src/icons/svg/dashboard.svg deleted file mode 100644 index 5317d37029218281b4da78eccf40ce9e94941301..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/dashboard.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/example.svg b/admin/vue-admin-template/src/icons/svg/example.svg deleted file mode 100644 index 46f42b5323d11686c44b573729db0df115343d5c..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/example.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/eye-open.svg b/admin/vue-admin-template/src/icons/svg/eye-open.svg deleted file mode 100644 index 88dcc98e6c80d145e3807f00a6e5ed91ce5371e4..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/eye-open.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/eye.svg b/admin/vue-admin-template/src/icons/svg/eye.svg deleted file mode 100644 index 16ed2d872d1cadeb36fc9101cbf77397fbf4fd70..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/eye.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/form.svg b/admin/vue-admin-template/src/icons/svg/form.svg deleted file mode 100644 index dcbaa185a845cdf01a7fdfb849c224ce9c4af011..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/form.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/link.svg b/admin/vue-admin-template/src/icons/svg/link.svg deleted file mode 100644 index 48197ba4da7b4314a16a19a698fe96c1b2a7ad0b..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/link.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/nested.svg b/admin/vue-admin-template/src/icons/svg/nested.svg deleted file mode 100644 index 06713a86c6a3db0cd5eeb26cf81ffb27b538e9a1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/nested.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/password.svg b/admin/vue-admin-template/src/icons/svg/password.svg deleted file mode 100644 index e291d85df22083536bb2e40fd18120ef6d6b141d..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/password.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/table.svg b/admin/vue-admin-template/src/icons/svg/table.svg deleted file mode 100644 index 0e3dc9dea5a0ff92d617cdfee4f10ef600a02433..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/table.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/tree.svg b/admin/vue-admin-template/src/icons/svg/tree.svg deleted file mode 100644 index dd4b7dd22fe06076831935066592caec48e323b0..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/tree.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svg/user.svg b/admin/vue-admin-template/src/icons/svg/user.svg deleted file mode 100644 index 0ba0716a62a92f7cb2f2e6f3c745ace2be6b3b31..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svg/user.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/admin/vue-admin-template/src/icons/svgo.yml b/admin/vue-admin-template/src/icons/svgo.yml deleted file mode 100644 index d11906aec26dd14372dd1b298f72270c38cce1b7..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/icons/svgo.yml +++ /dev/null @@ -1,22 +0,0 @@ -# replace default config - -# multipass: true -# full: true - -plugins: - - # - name - # - # or: - # - name: false - # - name: true - # - # or: - # - name: - # param1: 1 - # param2: 2 - -- removeAttrs: - attrs: - - 'fill' - - 'fill-rule' diff --git a/admin/vue-admin-template/src/layout/MyLayout.vue b/admin/vue-admin-template/src/layout/MyLayout.vue deleted file mode 100644 index a05eece5cfa55019cc9a131b6edf609b289e5fc0..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/MyLayout.vue +++ /dev/null @@ -1,84 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/layout/components/AppMain.vue b/admin/vue-admin-template/src/layout/components/AppMain.vue deleted file mode 100644 index f6a3286f585e7f86e8c9913c53615d2d74afc497..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/AppMain.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - diff --git a/admin/vue-admin-template/src/layout/components/MyAppMain.vue b/admin/vue-admin-template/src/layout/components/MyAppMain.vue deleted file mode 100644 index 59542fe1caee571cc9e99567eff8448667e8f87a..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/MyAppMain.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - diff --git a/admin/vue-admin-template/src/layout/components/Navbar.vue b/admin/vue-admin-template/src/layout/components/Navbar.vue deleted file mode 100644 index 0ca5cf6a09fa5a73a304573ef406910b2f5cddea..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Navbar.vue +++ /dev/null @@ -1,139 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/FixiOSBug.js b/admin/vue-admin-template/src/layout/components/Sidebar/FixiOSBug.js deleted file mode 100644 index bc14856f0768d6b1aed2f59bbfed3f2775977ac8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/FixiOSBug.js +++ /dev/null @@ -1,26 +0,0 @@ -export default { - computed: { - device() { - return this.$store.state.app.device - } - }, - mounted() { - // In order to fix the click on menu on the ios device will trigger the mouseleave bug - // https://github.com/PanJiaChen/vue-element-admin/issues/1135 - this.fixBugIniOS() - }, - methods: { - fixBugIniOS() { - const $subMenu = this.$refs.subMenu - if ($subMenu) { - const handleMouseleave = $subMenu.handleMouseleave - $subMenu.handleMouseleave = (e) => { - if (this.device === 'mobile') { - return - } - handleMouseleave(e) - } - } - } - } -} diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/Item.vue b/admin/vue-admin-template/src/layout/components/Sidebar/Item.vue deleted file mode 100644 index aa1f5da4de23482ad3fdb4a0d8d07772117ecd36..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/Item.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/Link.vue b/admin/vue-admin-template/src/layout/components/Sidebar/Link.vue deleted file mode 100644 index 530b3d5b3749538745ffbf2fcb32547a4de3bfa3..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/Link.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/Logo.vue b/admin/vue-admin-template/src/layout/components/Sidebar/Logo.vue deleted file mode 100644 index 040fab64696f4a2406edc9a0182a234e2619ed3f..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/Logo.vue +++ /dev/null @@ -1,82 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/SidebarItem.vue b/admin/vue-admin-template/src/layout/components/Sidebar/SidebarItem.vue deleted file mode 100644 index a418c3d712a6d23a6aa70f4fa779011cac3b64ef..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/SidebarItem.vue +++ /dev/null @@ -1,95 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/layout/components/Sidebar/index.vue b/admin/vue-admin-template/src/layout/components/Sidebar/index.vue deleted file mode 100644 index da39034fd058f2dac91ff5d9cc0157e74189b9b1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/Sidebar/index.vue +++ /dev/null @@ -1,56 +0,0 @@ - - - diff --git a/admin/vue-admin-template/src/layout/components/index.js b/admin/vue-admin-template/src/layout/components/index.js deleted file mode 100644 index 5b7e91bd1358795134e83a58d6d8122dfb51ea70..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/components/index.js +++ /dev/null @@ -1,4 +0,0 @@ -export { default as Navbar } from './Navbar' -export { default as Sidebar } from './Sidebar' -export { default as AppMain } from './AppMain' -export { default as MyAppMain } from './MyAppMain' diff --git a/admin/vue-admin-template/src/layout/index.vue b/admin/vue-admin-template/src/layout/index.vue deleted file mode 100644 index db22a7bc3eb02e559fb32f99667288e6cfe0783a..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/index.vue +++ /dev/null @@ -1,93 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/layout/mixin/ResizeHandler.js b/admin/vue-admin-template/src/layout/mixin/ResizeHandler.js deleted file mode 100644 index e8d0df8c237c20405aacc19a1e317ce5b09cd5d1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/layout/mixin/ResizeHandler.js +++ /dev/null @@ -1,45 +0,0 @@ -import store from '@/store' - -const { body } = document -const WIDTH = 992 // refer to Bootstrap's responsive design - -export default { - watch: { - $route(route) { - if (this.device === 'mobile' && this.sidebar.opened) { - store.dispatch('app/closeSideBar', { withoutAnimation: false }) - } - } - }, - beforeMount() { - window.addEventListener('resize', this.$_resizeHandler) - }, - beforeDestroy() { - window.removeEventListener('resize', this.$_resizeHandler) - }, - mounted() { - const isMobile = this.$_isMobile() - if (isMobile) { - store.dispatch('app/toggleDevice', 'mobile') - store.dispatch('app/closeSideBar', { withoutAnimation: true }) - } - }, - methods: { - // use $_ for mixins properties - // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential - $_isMobile() { - const rect = body.getBoundingClientRect() - return rect.width - 1 < WIDTH - }, - $_resizeHandler() { - if (!document.hidden) { - const isMobile = this.$_isMobile() - store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop') - - if (isMobile) { - store.dispatch('app/closeSideBar', { withoutAnimation: true }) - } - } - } - } -} diff --git a/admin/vue-admin-template/src/main.js b/admin/vue-admin-template/src/main.js deleted file mode 100644 index be4a2147cdd02d33f05142d69e7cc3c9f10d6561..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/main.js +++ /dev/null @@ -1,55 +0,0 @@ -import Vue from 'vue' - -import 'normalize.css/normalize.css' // A modern alternative to CSS resets - -import ElementUI from 'element-ui' -import 'element-ui/lib/theme-chalk/index.css' -import locale from 'element-ui/lib/locale/lang/en' // lang i18n - -import '@/styles/index.scss' // global css -import '@/components/Workflow/index.css' - -import App from './App' -import store from './store' -import router from './router' - -import '@/icons' // icon -import '@/permission' // permission control - -//拖拽 - -import VueDraggableResizable from 'vue-draggable-resizable' - -// 可选择导入默认样式 -import 'vue-draggable-resizable/dist/VueDraggableResizable.css' - -Vue.component('vue-draggable-resizable', VueDraggableResizable) - - - -/** - * If you don't want to use mock-server - * you want to use MockJs for mock api - * you can execute: mockXHR() - * - * Currently MockJs will be used in the production environment, - * please remove it before going online ! ! ! - */ -// if (process.env.NODE_ENV === 'production') { -// const { mockXHR } = require('../mock') -// mockXHR() -// } - -// set ElementUI lang to EN -Vue.use(ElementUI, { locale }) -// 如果想要中文版 element-ui，按如下方式声明 -// Vue.use(ElementUI) - -Vue.config.productionTip = false - -new Vue({ - el: '#app', - router, - store, - render: h => h(App) -}) diff --git a/admin/vue-admin-template/src/permission.js b/admin/vue-admin-template/src/permission.js deleted file mode 100644 index b51d661c1934043be30c1c2f52a36965a65a2be7..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/permission.js +++ /dev/null @@ -1,64 +0,0 @@ -import router from './router' -import store from './store' -import { Message } from 'element-ui' -import NProgress from 'nprogress' // progress bar -import 'nprogress/nprogress.css' // progress bar style -import { getToken } from '@/utils/auth' // get token from cookie -import getPageTitle from '@/utils/get-page-title' - -NProgress.configure({ showSpinner: false }) // NProgress Configuration - -const whiteList = ['/login'] // no redirect whitelist - -router.beforeEach(async(to, from, next) => { - // start progress bar - NProgress.start() - - // set page title - document.title = getPageTitle(to.meta.title) - - // determine whether the user has logged in - const hasToken = getToken() - - if (hasToken) {//hasToken - if (to.path === '/login') { - // if is logged in, redirect to the home page - next({ path: '/' }) - NProgress.done() - } else { - const hasGetUserInfo = store.getters.name - if (hasGetUserInfo) { - next() - } else { - try { - // get user info - await store.dispatch('user/getInfo') - - next() - } catch (error) { - // remove token and go to login page to re-login - await store.dispatch('user/resetToken') - Message.error(error || 'Has Error') - next(`/login?redirect=${to.path}`) - NProgress.done() - } - } - } - } else { - /* has no token*/ - - if (whiteList.indexOf(to.path) !== -1) { - // in the free login whitelist, go directly - next() - } else { - // other pages that do not have permission to access are redirected to the login page. - next(`/login?redirect=${to.path}`) - NProgress.done() - } - } -}) - -router.afterEach(() => { - // finish progress bar - NProgress.done() -}) diff --git a/admin/vue-admin-template/src/router/index.js b/admin/vue-admin-template/src/router/index.js deleted file mode 100644 index c9a0c1b22a17a743fd60d0c0da52ba9071b7294b..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/router/index.js +++ /dev/null @@ -1,138 +0,0 @@ -import Vue from 'vue' -import Router from 'vue-router' - -Vue.use(Router) - -/* Layout */ -import Layout from '@/layout' -import MyLayout from '@/layout/MyLayout' - -/** - * Note: sub-menu only appear when route children.length >= 1 - * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html - * - * hidden: true if set true, item will not show in the sidebar(default is false) - * alwaysShow: true if set true, will always show the root menu - * if not set alwaysShow, when item has more than one children route, - * it will becomes nested mode, otherwise not show the root menu - * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb - * name:'router-name' the name is used by (must set!!!) - * meta : { - roles: ['admin','editor'] control the page roles (you can set multiple roles) - title: 'title' the name show in sidebar and breadcrumb (recommend set) - icon: 'svg-name'/'el-icon-x' the icon show in the sidebar - breadcrumb: false if set false, the item will hidden in breadcrumb(default is true) - activeMenu: '/example/list' if set path, the sidebar will highlight the path you set - } - */ - -/** - * constantRoutes - * a base page that does not have permission requirements - * all roles can be accessed - */ -export const constantRoutes = [ - { - path: '/login', - component: () => import('@/views/login/index'), - hidden: true - }, - - { - path: '/404', - component: () => import('@/views/404'), - hidden: true - }, - - { - path: '/', - component: Layout, - redirect: '/workflow/list', - children: [{ - path: 'dashboard', - name: 'Dashboard', - component: () => import('@/views/dashboard/index'), - meta: { title: '工作台', icon: 'dashboard' } - }] - }, - - { - path: '/workflow', - component: Layout, - children: [{ - path: 'list', - name: 'workflow', - component: () => import('@/views/workflow/index'), - meta: { title: '流程设计', icon: 'dashboard' } - }, - { - path: 'simulation', - name: 'simulation', - hidden:true, - component: () => import('@/views/workFlowSimulation/index'), - meta: { title: '流程模拟', icon: 'dashboard' } - } - ] - }, - - { - path: '/editworkflow', - component: MyLayout, - name: 'editworkflow', - hidden:true, - meta: { title: 'editworkflow', icon: 'el-icon-s-help' }, - children: [ - { - path: 'edit', - name: 'editworkflow', - meta: { title: 'editworkflow', icon: 'el-icon-s-help' }, - component: () => import('@/views/workflow/edit'), - }, - { - path: 'detail', - name: 'editworkflow', - meta: { title: 'editworkflow', icon: 'el-icon-s-help' }, - component: () => import('@/views/workflow/detail'), - }, - ] - }, - - // { - // path: '/editscreen', - // component: MyLayout, - // name: 'Screen', - // hidden:true, - // meta: { title: 'Screen', icon: 'el-icon-s-help' }, - // children: [ - // { - // path: 'edit', - // name: 'editscreen', - // meta: { title: 'Screen', icon: 'el-icon-s-help' }, - // component: () => import('@/views/screen/edit'), - // }, - // ] - // }, - - - - - - // 404 page must be placed at the end !!! - { path: '*', redirect: '/404', hidden: true } -] - -const createRouter = () => new Router({ - // mode: 'history', // require service support - scrollBehavior: () => ({ y: 0 }), - routes: constantRoutes -}) - -const router = createRouter() - -// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465 -export function resetRouter() { - const newRouter = createRouter() - router.matcher = newRouter.matcher // reset router -} - -export default router diff --git a/admin/vue-admin-template/src/settings.js b/admin/vue-admin-template/src/settings.js deleted file mode 100644 index ae3c4949a90d81fe8637934e39f383747b6bb798..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/settings.js +++ /dev/null @@ -1,16 +0,0 @@ -module.exports = { - - title: 'Vue Admin Template', - - /** - * @type {boolean} true | false - * @description Whether fix the header - */ - fixedHeader: false, - - /** - * @type {boolean} true | false - * @description Whether show the logo in sidebar - */ - sidebarLogo: false -} diff --git a/admin/vue-admin-template/src/store/getters.js b/admin/vue-admin-template/src/store/getters.js deleted file mode 100644 index 5ab7b4c8ba23fe62a23208cafeca2b9a3a5a2a40..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/getters.js +++ /dev/null @@ -1,8 +0,0 @@ -const getters = { - sidebar: state => state.app.sidebar, - device: state => state.app.device, - token: state => state.user.token, - avatar: state => state.user.avatar, - name: state => state.user.name -} -export default getters diff --git a/admin/vue-admin-template/src/store/index.js b/admin/vue-admin-template/src/store/index.js deleted file mode 100644 index 3bb701be3dc80c2e0f1898a2eff9c6aac62af75e..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/index.js +++ /dev/null @@ -1,21 +0,0 @@ -import Vue from 'vue' -import Vuex from 'vuex' -import getters from './getters' -import app from './modules/app' -import settings from './modules/settings' -import user from './modules/user' -import workflow from './modules/workflow' - -Vue.use(Vuex) - -const store = new Vuex.Store({ - modules: { - app, - settings, - user, - workflow, - }, - getters -}) - -export default store diff --git a/admin/vue-admin-template/src/store/modules/app.js b/admin/vue-admin-template/src/store/modules/app.js deleted file mode 100644 index 2b8a8da4efd3f5ae32426f614e442cae9168be59..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/modules/app.js +++ /dev/null @@ -1,55 +0,0 @@ -import Cookies from 'js-cookie' - -const state = { - sidebar: { - opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true, - withoutAnimation: false - }, - device: 'desktop' -} - -const mutations = { - TOGGLE_SIDEBAR: state => { - state.sidebar.opened = !state.sidebar.opened - state.sidebar.withoutAnimation = false - if (state.sidebar.opened) { - Cookies.set('sidebarStatus', 1) - } else { - Cookies.set('sidebarStatus', 0) - } - }, - CLOSE_SIDEBAR: (state, withoutAnimation) => { - Cookies.set('sidebarStatus', 0) - state.sidebar.opened = false - state.sidebar.withoutAnimation = withoutAnimation - }, - TOGGLE_DEVICE: (state, device) => { - state.device = device - } -} - -const actions = { - toggleSideBar({ commit }) { - commit('TOGGLE_SIDEBAR') - }, - closeSideBar({ commit }, { withoutAnimation }) { - commit('CLOSE_SIDEBAR', withoutAnimation) - }, - toggleDevice({ commit }, device) { - commit('TOGGLE_DEVICE', device) - } -} - -const getters={ - resourceUploadUrl:state=>{ - return process.env.VUE_APP_BASE_API+'/resource/upload' - } -} - -export default { - namespaced: true, - state, - mutations, - actions, - getters -} diff --git a/admin/vue-admin-template/src/store/modules/settings.js b/admin/vue-admin-template/src/store/modules/settings.js deleted file mode 100644 index b3f33f8325ecab51b781c7318e7826a4a4476569..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/modules/settings.js +++ /dev/null @@ -1,32 +0,0 @@ -import defaultSettings from '@/settings' - -const { showSettings, fixedHeader, sidebarLogo } = defaultSettings - -const state = { - showSettings: showSettings, - fixedHeader: fixedHeader, - sidebarLogo: sidebarLogo -} - -const mutations = { - CHANGE_SETTING: (state, { key, value }) => { - // eslint-disable-next-line no-prototype-builtins - if (state.hasOwnProperty(key)) { - state[key] = value - } - } -} - -const actions = { - changeSetting({ commit }, data) { - commit('CHANGE_SETTING', data) - } -} - -export default { - namespaced: true, - state, - mutations, - actions -} - diff --git a/admin/vue-admin-template/src/store/modules/user.js b/admin/vue-admin-template/src/store/modules/user.js deleted file mode 100644 index bff6b5754893fc8247498683aaa24a244d8f1ec1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/modules/user.js +++ /dev/null @@ -1,105 +0,0 @@ -import { login, logout, getInfo } from '@/api/user' -import { getToken, setToken, removeToken } from '@/utils/auth' -import { resetRouter } from '@/router' - -const getDefaultState = () => { - return { - token: getToken(), - name: '', - avatar: '' - } -} - -const state = getDefaultState() - -const mutations = { - RESET_STATE: (state) => { - Object.assign(state, getDefaultState()) - }, - SET_TOKEN: (state, token) => { - state.token = token - }, - SET_NAME: (state, name) => { - state.name = name - }, - SET_AVATAR: (state, avatar) => { - state.avatar = avatar - } -} - -const actions = { - // user login - login({ commit }, userInfo) { - const { username, password } = userInfo - return new Promise((resolve, reject) => { - setToken(new Date().getTime()) - resolve() - // login({ username: username.trim(), password: password }).then(response => { - // const { data } = response - // commit('SET_TOKEN', data.token) - // setToken(data.token) - // resolve() - // }).catch(error => { - // reject(error) - // }) - }) - }, - - // get user info - getInfo({ commit, state }) { - return new Promise((resolve, reject) => { - - commit('SET_NAME', "admin") - commit('SET_AVATAR', 'https://himg.bdimg.com/sys/portraitn/item/942f5139303436cd06') - resolve({}) - - - // getInfo(state.token).then(response => { - // const { data } = response - - // if (!data) { - // return reject('Verification failed, please Login again.') - // } - - // const { name, avatar } = data - - // commit('SET_NAME', name) - // commit('SET_AVATAR', avatar) - // resolve(data) - // }).catch(error => { - // reject(error) - // }) - }) - }, - - // user logout - logout({ commit, state }) { - return new Promise((resolve, reject) => { - logout(state.token).then(() => { - removeToken() // must remove token first - resetRouter() - commit('RESET_STATE') - resolve() - }).catch(error => { - reject(error) - }) - }) - }, - - // remove token - resetToken({ commit }) { - return new Promise(resolve => { - removeToken() // must remove token first - commit('RESET_STATE') - resolve() - }) - } -} - -export default { - namespaced: true, - state, - mutations, - actions -} - diff --git a/admin/vue-admin-template/src/store/modules/workflow.js b/admin/vue-admin-template/src/store/modules/workflow.js deleted file mode 100644 index 96470ff5dc45d80ce97c7eeb03248b2125c83be6..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/store/modules/workflow.js +++ /dev/null @@ -1,162 +0,0 @@ -import workflow from '@/api/workflow' -import { getToken, setToken, removeToken } from '@/utils/auth' -import { resetRouter } from '@/router' -import { MessageBox, Message } from 'element-ui' -import request from '@/utils/request' - - -const getDefaultState = () => { - return { - - } -} - -const state = getDefaultState() - -const mutations = { - -} - -const actions = { - - baseAction(func) { - var promise = func(); - return new Promise((resolve, reject) => { - - promise.then(response => { - if (response && response.code == 'success') - resolve(response.data) - else { - debugger - Message({ - message: response.msg, - type: 'error', - duration: 5 * 1000 - }) - reject(response.data) - } - }).catch(error => { - reject(error) - }) - }) - } - , - // get user info - getAllconditions({ commit, state }) { - - return actions.baseAction(() => { - return workflow.getAllconditions(); - }) - }, - getAllUserSelectors({ commit, state }) { - return actions.baseAction(() => { - return workflow.getAllUserSelectors(); - }) - }, - getAllWorkflows({ commit, state }) { - return actions.baseAction(() => { - return workflow.getAllWorkflows(); - }) - }, - getUserSelectionsOfUserSelector({ commit, state }, params) { - return actions.baseAction(() => { - return workflow.getUserSelectionsOfUserSelector(params); - }) - }, - createWorkFlow({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.createWorkFlow(data); - }) - }, - getAllWorkflowVersions({ commit, state }, params) { - return actions.baseAction(() => { - return workflow.getAllWorkflowVersions(params); - }) - }, - getWorkflowVersion({ commit, state }, params) { - return actions.baseAction(() => { - debugger - return workflow.getWorkflowVersion(params); - }) - }, - updateWorkflowActiveVersion({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.updateWorkflowActiveVersion(data); - }) - }, - updateWorkflow({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.updateWorkflow(data); - }) - }, - createWorkTask({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.createWorkTask(data); - }) - }, - startWorkTask({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.startWorkTask(data); - }) - }, - passProve({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.passProve(data); - }) - }, - rejectProve({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.rejectProve(data); - }) - }, - withdrawProve({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.withdrawProve(data); - }) - }, forwardProve({ commit, state }, data) { - return actions.baseAction(() => { - return workflow.forwardProve(data); - }) - }, - getAllTaskStepsOfWorkTask({ commit, state }, params) { - return actions.baseAction(() => { - return workflow.getAllTaskStepsOfWorkTask(params); - }) - }, - clearSimulationRecord({ commit, state }) { - return actions.baseAction(() => { - return workflow.clearSimulationRecord(); - }) - }, - getAllUserForSimulation({commit,state}){ - return request({ - url: '/workflow/getAllUserForSimulation' , - method: 'get', - }) - }, - getWorkTask({commit,state},params){ - return request({ - url: '/workflow/getWorkTask' , - method: 'get', - params:params - }) - }, - getUnHandlerWorkStepsOfUser({commit,state},params){ - return request({ - url: '/workflow/getUnHandlerWorkStepsOfUser' , - method: 'get', - params:params - }) - }, - - - -} - -export default { - namespaced: true, - state, - mutations, - actions -} - diff --git a/admin/vue-admin-template/src/styles/element-ui.scss b/admin/vue-admin-template/src/styles/element-ui.scss deleted file mode 100644 index 00624119c460a57d7ff146397db37350705af5a4..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/element-ui.scss +++ /dev/null @@ -1,49 +0,0 @@ -// cover some element-ui styles - -.el-breadcrumb__inner, -.el-breadcrumb__inner a { - font-weight: 400 !important; -} - -.el-upload { - input[type="file"] { - display: none !important; - } -} - -.el-upload__input { - display: none; -} - - -// to fixed https://github.com/ElemeFE/element/issues/2461 -.el-dialog { - transform: none; - left: 0; - position: relative; - margin: 0 auto; -} - -// refine element ui upload -.upload-container { - .el-upload { - width: 100%; - - .el-upload-dragger { - width: 100%; - height: 200px; - } - } -} - -// dropdown -.el-dropdown-menu { - a { - display: block - } -} - -// to fix el-date-picker css style -.el-range-separator { - box-sizing: content-box; -} diff --git a/admin/vue-admin-template/src/styles/index.scss b/admin/vue-admin-template/src/styles/index.scss deleted file mode 100644 index 3b4da517cd9b276c82ab9b51a85cc0a206f2c102..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/index.scss +++ /dev/null @@ -1,65 +0,0 @@ -@import './variables.scss'; -@import './mixin.scss'; -@import './transition.scss'; -@import './element-ui.scss'; -@import './sidebar.scss'; - -body { - height: 100%; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; - font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; -} - -label { - font-weight: 700; -} - -html { - height: 100%; - box-sizing: border-box; -} - -#app { - height: 100%; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - -a:focus, -a:active { - outline: none; -} - -a, -a:focus, -a:hover { - cursor: pointer; - color: inherit; - text-decoration: none; -} - -div:focus { - outline: none; -} - -.clearfix { - &:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } -} - -// main-container global css -.app-container { - padding: 20px; -} diff --git a/admin/vue-admin-template/src/styles/mixin.scss b/admin/vue-admin-template/src/styles/mixin.scss deleted file mode 100644 index 36b74bbd995e7cc5c6baab1ce6808ecfda8c27ae..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/mixin.scss +++ /dev/null @@ -1,28 +0,0 @@ -@mixin clearfix { - &:after { - content: ""; - display: table; - clear: both; - } -} - -@mixin scrollBar { - &::-webkit-scrollbar-track-piece { - background: #d3dce6; - } - - &::-webkit-scrollbar { - width: 6px; - } - - &::-webkit-scrollbar-thumb { - background: #99a9bf; - border-radius: 20px; - } -} - -@mixin relative { - position: relative; - width: 100%; - height: 100%; -} diff --git a/admin/vue-admin-template/src/styles/sidebar.scss b/admin/vue-admin-template/src/styles/sidebar.scss deleted file mode 100644 index 94760cc76136d17fe1350793dd07b98e85d370bb..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/sidebar.scss +++ /dev/null @@ -1,226 +0,0 @@ -#app { - - .main-container { - min-height: 100%; - transition: margin-left .28s; - margin-left: $sideBarWidth; - position: relative; - } - - .sidebar-container { - transition: width 0.28s; - width: $sideBarWidth !important; - background-color: $menuBg; - height: 100%; - position: fixed; - font-size: 0px; - top: 0; - bottom: 0; - left: 0; - z-index: 1001; - overflow: hidden; - - // reset element-ui css - .horizontal-collapse-transition { - transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; - } - - .scrollbar-wrapper { - overflow-x: hidden !important; - } - - .el-scrollbar__bar.is-vertical { - right: 0px; - } - - .el-scrollbar { - height: 100%; - } - - &.has-logo { - .el-scrollbar { - height: calc(100% - 50px); - } - } - - .is-horizontal { - display: none; - } - - a { - display: inline-block; - width: 100%; - overflow: hidden; - } - - .svg-icon { - margin-right: 16px; - } - - .sub-el-icon { - margin-right: 12px; - margin-left: -2px; - } - - .el-menu { - border: none; - height: 100%; - width: 100% !important; - } - - // menu hover - .submenu-title-noDropdown, - .el-submenu__title { - &:hover { - background-color: $menuHover !important; - } - } - - .is-active>.el-submenu__title { - color: $subMenuActiveText !important; - } - - & .nest-menu .el-submenu>.el-submenu__title, - & .el-submenu .el-menu-item { - min-width: $sideBarWidth !important; - background-color: $subMenuBg !important; - - &:hover { - background-color: $subMenuHover !important; - } - } - } - - .hideSidebar { - .sidebar-container { - width: 54px !important; - } - - .main-container { - margin-left: 54px; - } - - .submenu-title-noDropdown { - padding: 0 !important; - position: relative; - - .el-tooltip { - padding: 0 !important; - - .svg-icon { - margin-left: 20px; - } - - .sub-el-icon { - margin-left: 19px; - } - } - } - - .el-submenu { - overflow: hidden; - - &>.el-submenu__title { - padding: 0 !important; - - .svg-icon { - margin-left: 20px; - } - - .sub-el-icon { - margin-left: 19px; - } - - .el-submenu__icon-arrow { - display: none; - } - } - } - - .el-menu--collapse { - .el-submenu { - &>.el-submenu__title { - &>span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; - } - } - } - } - } - - .el-menu--collapse .el-menu .el-submenu { - min-width: $sideBarWidth !important; - } - - // mobile responsive - .mobile { - .main-container { - margin-left: 0px; - } - - .sidebar-container { - transition: transform .28s; - width: $sideBarWidth !important; - } - - &.hideSidebar { - .sidebar-container { - pointer-events: none; - transition-duration: 0.3s; - transform: translate3d(-$sideBarWidth, 0, 0); - } - } - } - - .withoutAnimation { - - .main-container, - .sidebar-container { - transition: none; - } - } -} - -// when menu collapsed -.el-menu--vertical { - &>.el-menu { - .svg-icon { - margin-right: 16px; - } - .sub-el-icon { - margin-right: 12px; - margin-left: -2px; - } - } - - .nest-menu .el-submenu>.el-submenu__title, - .el-menu-item { - &:hover { - // you can use $subMenuHover - background-color: $menuHover !important; - } - } - - // the scroll bar appears when the subMenu is too long - >.el-menu--popup { - max-height: 100vh; - overflow-y: auto; - - &::-webkit-scrollbar-track-piece { - background: #d3dce6; - } - - &::-webkit-scrollbar { - width: 6px; - } - - &::-webkit-scrollbar-thumb { - background: #99a9bf; - border-radius: 20px; - } - } -} diff --git a/admin/vue-admin-template/src/styles/transition.scss b/admin/vue-admin-template/src/styles/transition.scss deleted file mode 100644 index 4cb27cc811e28605bb6d0657a6257f0c901f6809..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/transition.scss +++ /dev/null @@ -1,48 +0,0 @@ -// global transition css - -/* fade */ -.fade-enter-active, -.fade-leave-active { - transition: opacity 0.28s; -} - -.fade-enter, -.fade-leave-active { - opacity: 0; -} - -/* fade-transform */ -.fade-transform-leave-active, -.fade-transform-enter-active { - transition: all .5s; -} - -.fade-transform-enter { - opacity: 0; - transform: translateX(-30px); -} - -.fade-transform-leave-to { - opacity: 0; - transform: translateX(30px); -} - -/* breadcrumb transition */ -.breadcrumb-enter-active, -.breadcrumb-leave-active { - transition: all .5s; -} - -.breadcrumb-enter, -.breadcrumb-leave-active { - opacity: 0; - transform: translateX(20px); -} - -.breadcrumb-move { - transition: all .5s; -} - -.breadcrumb-leave-active { - position: absolute; -} diff --git a/admin/vue-admin-template/src/styles/variables.scss b/admin/vue-admin-template/src/styles/variables.scss deleted file mode 100644 index be5577263874f458b69364b492fd1dd6f26247fa..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/styles/variables.scss +++ /dev/null @@ -1,25 +0,0 @@ -// sidebar -$menuText:#bfcbd9; -$menuActiveText:#409EFF; -$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951 - -$menuBg:#304156; -$menuHover:#263445; - -$subMenuBg:#1f2d3d; -$subMenuHover:#001528; - -$sideBarWidth: 210px; - -// the :export directive is the magic sauce for webpack -// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass -:export { - menuText: $menuText; - menuActiveText: $menuActiveText; - subMenuActiveText: $subMenuActiveText; - menuBg: $menuBg; - menuHover: $menuHover; - subMenuBg: $subMenuBg; - subMenuHover: $subMenuHover; - sideBarWidth: $sideBarWidth; -} diff --git a/admin/vue-admin-template/src/utils/auth.js b/admin/vue-admin-template/src/utils/auth.js deleted file mode 100644 index 059af188c3a0a741d0b23eeaee580549150c79e8..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/utils/auth.js +++ /dev/null @@ -1,15 +0,0 @@ -import Cookies from 'js-cookie' - -const TokenKey = 'vue_admin_template_token' - -export function getToken() { - return Cookies.get(TokenKey) -} - -export function setToken(token) { - return Cookies.set(TokenKey, token) -} - -export function removeToken() { - return Cookies.remove(TokenKey) -} diff --git a/admin/vue-admin-template/src/utils/get-page-title.js b/admin/vue-admin-template/src/utils/get-page-title.js deleted file mode 100644 index a6de99dde35f92f0a5d28573d62661f38542b942..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/utils/get-page-title.js +++ /dev/null @@ -1,10 +0,0 @@ -import defaultSettings from '@/settings' - -const title = defaultSettings.title || 'Vue Admin Template' - -export default function getPageTitle(pageTitle) { - if (pageTitle) { - return `${pageTitle} - ${title}` - } - return `${title}` -} diff --git a/admin/vue-admin-template/src/utils/index.js b/admin/vue-admin-template/src/utils/index.js deleted file mode 100644 index 6132b614e68e2933f28ccb487ef515bd45614901..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/utils/index.js +++ /dev/null @@ -1,131 +0,0 @@ -/** - * Created by PanJiaChen on 16/11/18. - */ - -/** - * Parse the time to string - * @param {(Object|string|number)} time - * @param {string} cFormat - * @returns {string | null} - */ -export function parseTime(time, cFormat) { - if (arguments.length === 0 || !time) { - return null - } - const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' - let date - if (typeof time === 'object') { - date = time - } else { - if ((typeof time === 'string')) { - if ((/^[0-9]+$/.test(time))) { - // support "1548221490638" - time = parseInt(time) - } else { - // support safari - // https://stackoverflow.com/questions/4310953/invalid-date-in-safari - time = time.replace(new RegExp(/-/gm), '/') - } - } - - if ((typeof time === 'number') && (time.toString().length === 10)) { - time = time * 1000 - } - date = new Date(time) - } - const formatObj = { - y: date.getFullYear(), - m: date.getMonth() + 1, - d: date.getDate(), - h: date.getHours(), - i: date.getMinutes(), - s: date.getSeconds(), - a: date.getDay() - } - const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => { - const value = formatObj[key] - // Note: getDay() returns 0 on Sunday - if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] } - return value.toString().padStart(2, '0') - }) - return time_str -} - -/** - * @param {number} time - * @param {string} option - * @returns {string} - */ -export function formatTime(time, option) { - if (('' + time).length === 10) { - time = parseInt(time) * 1000 - } else { - time = +time - } - const d = new Date(time) - const now = Date.now() - - const diff = (now - d) / 1000 - - if (diff < 30) { - return '刚刚' - } else if (diff < 3600) { - // less 1 hour - return Math.ceil(diff / 60) + '分钟前' - } else if (diff < 3600 * 24) { - return Math.ceil(diff / 3600) + '小时前' - } else if (diff < 3600 * 24 * 2) { - return '1天前' - } - if (option) { - return parseTime(time, option) - } else { - return ( - d.getMonth() + - 1 + - '月' + - d.getDate() + - '日' + - d.getHours() + - '时' + - d.getMinutes() + - '分' - ) - } -} - -/** - * @param {string} url - * @returns {Object} - */ -export function param2Obj(url) { - const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') - if (!search) { - return {} - } - const obj = {} - const searchArr = search.split('&') - searchArr.forEach(v => { - const index = v.indexOf('=') - if (index !== -1) { - const name = v.substring(0, index) - const val = v.substring(index + 1, v.length) - obj[name] = val - } - }) - return obj -} - -export function uuid() { - var s = []; - var hexDigits = "0123456789abcdef"; - for (var i = 0; i < 36; i++) { - s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); - } - s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 - s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 - s[8] = s[13] = s[18] = s[23] = "-"; - - var uuid = s.join(""); - return uuid; -} diff --git a/admin/vue-admin-template/src/utils/request.js b/admin/vue-admin-template/src/utils/request.js deleted file mode 100644 index 7ee44f06096ff93828e372b1301760d85a2d2034..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/utils/request.js +++ /dev/null @@ -1,94 +0,0 @@ -import axios from 'axios' -import { MessageBox, Message } from 'element-ui' -import store from '@/store' -import { getToken } from '@/utils/auth' - -// create an axios instance -const service = axios.create({ - baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url - // withCredentials: true, // send cookies when cross-domain requests - timeout: 12000 // request timeout -}) - -// request interceptor -service.interceptors.request.use( - config => { - // do something before request is sent - - if (store.getters.token) { - // let each request carry token - // ['X-Token'] is a custom headers key - // please modify it according to the actual situation - config.headers['X-Token'] = getToken() - } - return config - }, - error => { - // do something with request error - console.log(error) // for debug - debugger - return Promise.reject(error) - } -) - -// response interceptor -service.interceptors.response.use( - /** - * If you want to get http information such as headers or status - * Please return response => response - */ - - /** - * Determine the request status by custom code - * Here is just an example - * You can also judge the status by HTTP Status Code - */ - response => { - const res = response.data - if(res.code=="error") - { - return Promise.reject(new Error(res.message || 'Error')) - } - else{ - return res - - } - - // if the custom code is not 20000, it is judged as an error. - // if (res.code !== 20000) { - // Message({ - // message: res.message || 'Error', - // type: 'error', - // duration: 5 * 1000 - // }) - - // // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; - // if (res.code === 50008 || res.code === 50012 || res.code === 50014) { - // // to re-login - // MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { - // confirmButtonText: 'Re-Login', - // cancelButtonText: 'Cancel', - // type: 'warning' - // }).then(() => { - // store.dispatch('user/resetToken').then(() => { - // location.reload() - // }) - // }) - // } - // return Promise.reject(new Error(res.message || 'Error')) - // } else { - // return res - // } - }, - error => { - console.log('err' + error) // for debug - Message({ - message: error.message, - type: 'error', - duration: 5 * 1000 - }) - return Promise.reject(error) - } -) - -export default service diff --git a/admin/vue-admin-template/src/utils/validate.js b/admin/vue-admin-template/src/utils/validate.js deleted file mode 100644 index 8d962ad4a25007489f5630e0e41b285247ac8cb1..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/utils/validate.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Created by PanJiaChen on 16/11/18. - */ - -/** - * @param {string} path - * @returns {Boolean} - */ -export function isExternal(path) { - return /^(https?:|mailto:|tel:)/.test(path) -} - -/** - * @param {string} str - * @returns {Boolean} - */ -export function validUsername(str) { - const valid_map = ['admin', 'editor'] - return valid_map.indexOf(str.trim()) >= 0 -} diff --git a/admin/vue-admin-template/src/views/404.vue b/admin/vue-admin-template/src/views/404.vue deleted file mode 100644 index 1791f55a34ef18dae1cbd583d62f997bf33fffa9..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/404.vue +++ /dev/null @@ -1,228 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/dashboard/index.vue b/admin/vue-admin-template/src/views/dashboard/index.vue deleted file mode 100644 index 48eb3cf2dbc82230b0a905c442ebf1e85622af74..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/dashboard/index.vue +++ /dev/null @@ -1,90 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/login/index.vue b/admin/vue-admin-template/src/views/login/index.vue deleted file mode 100644 index 1db246453d6911cb0c1045ffd9b09865160ded4a..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/login/index.vue +++ /dev/null @@ -1,237 +0,0 @@ - - - - - - - diff --git a/admin/vue-admin-template/src/views/workFlowSimulation/index.vue b/admin/vue-admin-template/src/views/workFlowSimulation/index.vue deleted file mode 100644 index 7f5be29877269ad28a8d28335b01944c325504c9..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workFlowSimulation/index.vue +++ /dev/null @@ -1,438 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workFlowSimulation/nodeUser.vue b/admin/vue-admin-template/src/views/workFlowSimulation/nodeUser.vue deleted file mode 100644 index 8fda6da92b93926e01a13fe6cb64259e815872ce..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workFlowSimulation/nodeUser.vue +++ /dev/null @@ -1,138 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workFlowSimulation/userSelections.vue b/admin/vue-admin-template/src/views/workFlowSimulation/userSelections.vue deleted file mode 100644 index 463ef9063a7e88670e487b59ee3fe0f7d3c751db..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workFlowSimulation/userSelections.vue +++ /dev/null @@ -1,119 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/createForm.vue b/admin/vue-admin-template/src/views/workflow/createForm.vue deleted file mode 100644 index fa0773cff911c47b5dac866c10fc396ecf1319b3..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/createForm.vue +++ /dev/null @@ -1,123 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/detail.vue b/admin/vue-admin-template/src/views/workflow/detail.vue deleted file mode 100644 index c7fa44fa3c2ad53671faca6fd41da132166d27e9..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/detail.vue +++ /dev/null @@ -1,69 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/edit.vue b/admin/vue-admin-template/src/views/workflow/edit.vue deleted file mode 100644 index 585e42d487aaea3dc3a4c47b507d0c676de677dd..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/edit.vue +++ /dev/null @@ -1,68 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/index.vue b/admin/vue-admin-template/src/views/workflow/index.vue deleted file mode 100644 index 94067221ce2e62701e65be821a780584299c2f8c..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/index.vue +++ /dev/null @@ -1,94 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/updateForm.vue b/admin/vue-admin-template/src/views/workflow/updateForm.vue deleted file mode 100644 index f466bb27edcb4d4bef50571605c3431ca54c7266..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/updateForm.vue +++ /dev/null @@ -1,133 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/src/views/workflow/updateVersionForm.vue b/admin/vue-admin-template/src/views/workflow/updateVersionForm.vue deleted file mode 100644 index 67e5bc211425b8d87cee2dde799d0431b4f5f144..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/src/views/workflow/updateVersionForm.vue +++ /dev/null @@ -1,138 +0,0 @@ - - - - - diff --git a/admin/vue-admin-template/tests/unit/.eslintrc.js b/admin/vue-admin-template/tests/unit/.eslintrc.js deleted file mode 100644 index 958d51ba27f55d294e6950088886d7ad71199d74..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/.eslintrc.js +++ /dev/null @@ -1,5 +0,0 @@ -module.exports = { - env: { - jest: true - } -} diff --git a/admin/vue-admin-template/tests/unit/components/Breadcrumb.spec.js b/admin/vue-admin-template/tests/unit/components/Breadcrumb.spec.js deleted file mode 100644 index 1d94c8fc7114473c0f9e9875ee727276a109a149..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/components/Breadcrumb.spec.js +++ /dev/null @@ -1,98 +0,0 @@ -import { mount, createLocalVue } from '@vue/test-utils' -import VueRouter from 'vue-router' -import ElementUI from 'element-ui' -import Breadcrumb from '@/components/Breadcrumb/index.vue' - -const localVue = createLocalVue() -localVue.use(VueRouter) -localVue.use(ElementUI) - -const routes = [ - { - path: '/', - name: 'home', - children: [{ - path: 'dashboard', - name: 'dashboard' - }] - }, - { - path: '/menu', - name: 'menu', - children: [{ - path: 'menu1', - name: 'menu1', - meta: { title: 'menu1' }, - children: [{ - path: 'menu1-1', - name: 'menu1-1', - meta: { title: 'menu1-1' } - }, - { - path: 'menu1-2', - name: 'menu1-2', - redirect: 'noredirect', - meta: { title: 'menu1-2' }, - children: [{ - path: 'menu1-2-1', - name: 'menu1-2-1', - meta: { title: 'menu1-2-1' } - }, - { - path: 'menu1-2-2', - name: 'menu1-2-2' - }] - }] - }] - }] - -const router = new VueRouter({ - routes -}) - -describe('Breadcrumb.vue', () => { - const wrapper = mount(Breadcrumb, { - localVue, - router - }) - it('dashboard', () => { - router.push('/dashboard') - const len = wrapper.findAll('.el-breadcrumb__inner').length - expect(len).toBe(1) - }) - it('normal route', () => { - router.push('/menu/menu1') - const len = wrapper.findAll('.el-breadcrumb__inner').length - expect(len).toBe(2) - }) - it('nested route', () => { - router.push('/menu/menu1/menu1-2/menu1-2-1') - const len = wrapper.findAll('.el-breadcrumb__inner').length - expect(len).toBe(4) - }) - it('no meta.title', () => { - router.push('/menu/menu1/menu1-2/menu1-2-2') - const len = wrapper.findAll('.el-breadcrumb__inner').length - expect(len).toBe(3) - }) - // it('click link', () => { - // router.push('/menu/menu1/menu1-2/menu1-2-2') - // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner') - // const second = breadcrumbArray.at(1) - // console.log(breadcrumbArray) - // const href = second.find('a').attributes().href - // expect(href).toBe('#/menu/menu1') - // }) - // it('noRedirect', () => { - // router.push('/menu/menu1/menu1-2/menu1-2-1') - // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner') - // const redirectBreadcrumb = breadcrumbArray.at(2) - // expect(redirectBreadcrumb.contains('a')).toBe(false) - // }) - it('last breadcrumb', () => { - router.push('/menu/menu1/menu1-2/menu1-2-1') - const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner') - const redirectBreadcrumb = breadcrumbArray.at(3) - expect(redirectBreadcrumb.contains('a')).toBe(false) - }) -}) diff --git a/admin/vue-admin-template/tests/unit/components/Hamburger.spec.js b/admin/vue-admin-template/tests/unit/components/Hamburger.spec.js deleted file mode 100644 index 01ea303a5e16f875972722d7665383836b20654c..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/components/Hamburger.spec.js +++ /dev/null @@ -1,18 +0,0 @@ -import { shallowMount } from '@vue/test-utils' -import Hamburger from '@/components/Hamburger/index.vue' -describe('Hamburger.vue', () => { - it('toggle click', () => { - const wrapper = shallowMount(Hamburger) - const mockFn = jest.fn() - wrapper.vm.$on('toggleClick', mockFn) - wrapper.find('.hamburger').trigger('click') - expect(mockFn).toBeCalled() - }) - it('prop isActive', () => { - const wrapper = shallowMount(Hamburger) - wrapper.setProps({ isActive: true }) - expect(wrapper.contains('.is-active')).toBe(true) - wrapper.setProps({ isActive: false }) - expect(wrapper.contains('.is-active')).toBe(false) - }) -}) diff --git a/admin/vue-admin-template/tests/unit/components/SvgIcon.spec.js b/admin/vue-admin-template/tests/unit/components/SvgIcon.spec.js deleted file mode 100644 index 31467a9f6fba16a81a90923db02da289248e2bc6..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/components/SvgIcon.spec.js +++ /dev/null @@ -1,22 +0,0 @@ -import { shallowMount } from '@vue/test-utils' -import SvgIcon from '@/components/SvgIcon/index.vue' -describe('SvgIcon.vue', () => { - it('iconClass', () => { - const wrapper = shallowMount(SvgIcon, { - propsData: { - iconClass: 'test' - } - }) - expect(wrapper.find('use').attributes().href).toBe('#icon-test') - }) - it('className', () => { - const wrapper = shallowMount(SvgIcon, { - propsData: { - iconClass: 'test' - } - }) - expect(wrapper.classes().length).toBe(1) - wrapper.setProps({ className: 'test' }) - expect(wrapper.classes().includes('test')).toBe(true) - }) -}) diff --git a/admin/vue-admin-template/tests/unit/utils/formatTime.spec.js b/admin/vue-admin-template/tests/unit/utils/formatTime.spec.js deleted file mode 100644 index 24e165b42df1d849b994d6f477eea79da9431e51..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/utils/formatTime.spec.js +++ /dev/null @@ -1,30 +0,0 @@ -import { formatTime } from '@/utils/index.js' - -describe('Utils:formatTime', () => { - const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01" - const retrofit = 5 * 1000 - - it('ten digits timestamp', () => { - expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分') - }) - it('test now', () => { - expect(formatTime(+new Date() - 1)).toBe('刚刚') - }) - it('less two minute', () => { - expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前') - }) - it('less two hour', () => { - expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前') - }) - it('less one day', () => { - expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前') - }) - it('more than one day', () => { - expect(formatTime(d)).toBe('7月13日17时54分') - }) - it('format', () => { - expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54') - expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13') - expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54') - }) -}) diff --git a/admin/vue-admin-template/tests/unit/utils/param2Obj.spec.js b/admin/vue-admin-template/tests/unit/utils/param2Obj.spec.js deleted file mode 100644 index e106ed88b54ea85bf0c714dc73f8f4c740877d24..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/utils/param2Obj.spec.js +++ /dev/null @@ -1,14 +0,0 @@ -import { param2Obj } from '@/utils/index.js' -describe('Utils:param2Obj', () => { - const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95' - - it('param2Obj test', () => { - expect(param2Obj(url)).toEqual({ - name: 'bill', - age: '29', - sex: '1', - field: window.btoa('test'), - key: '测试' - }) - }) -}) diff --git a/admin/vue-admin-template/tests/unit/utils/parseTime.spec.js b/admin/vue-admin-template/tests/unit/utils/parseTime.spec.js deleted file mode 100644 index 56045af4a8b471c8e2747db6f8b56daf30bfe9c5..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/utils/parseTime.spec.js +++ /dev/null @@ -1,35 +0,0 @@ -import { parseTime } from '@/utils/index.js' - -describe('Utils:parseTime', () => { - const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01" - it('timestamp', () => { - expect(parseTime(d)).toBe('2018-07-13 17:54:01') - }) - it('timestamp string', () => { - expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01') - }) - it('ten digits timestamp', () => { - expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01') - }) - it('new Date', () => { - expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01') - }) - it('format', () => { - expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54') - expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13') - expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54') - }) - it('get the day of the week', () => { - expect(parseTime(d, '{a}')).toBe('五') // 星期五 - }) - it('get the day of the week', () => { - expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日 - }) - it('empty argument', () => { - expect(parseTime()).toBeNull() - }) - - it('null', () => { - expect(parseTime(null)).toBeNull() - }) -}) diff --git a/admin/vue-admin-template/tests/unit/utils/validate.spec.js b/admin/vue-admin-template/tests/unit/utils/validate.spec.js deleted file mode 100644 index f774905b00e87bc002972c21b8fab5c4b34ecc81..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/tests/unit/utils/validate.spec.js +++ /dev/null @@ -1,17 +0,0 @@ -import { validUsername, isExternal } from '@/utils/validate.js' - -describe('Utils:validate', () => { - it('validUsername', () => { - expect(validUsername('admin')).toBe(true) - expect(validUsername('editor')).toBe(true) - expect(validUsername('xxxx')).toBe(false) - }) - it('isExternal', () => { - expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true) - expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true) - expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false) - expect(isExternal('/dashboard')).toBe(false) - expect(isExternal('./dashboard')).toBe(false) - expect(isExternal('dashboard')).toBe(false) - }) -}) diff --git a/admin/vue-admin-template/vue.config.js b/admin/vue-admin-template/vue.config.js deleted file mode 100644 index 8379b6477bdb853727608bd01bcc3982bcd98d38..0000000000000000000000000000000000000000 --- a/admin/vue-admin-template/vue.config.js +++ /dev/null @@ -1,126 +0,0 @@ -'use strict' -const path = require('path') -const defaultSettings = require('./src/settings.js') -const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin'); -function resolve(dir) { - return path.join(__dirname, dir) -} - -const name = defaultSettings.title || 'vue Admin Template' // page title - -// If your port is set to 80, -// use administrator privileges to execute the command line. -// For example, Mac: sudo npm run -// You can change the port by the following methods: -// port = 9528 npm run dev OR npm run dev --port = 9528 -const port = process.env.port || process.env.npm_config_port || 9528 // dev port - -// All configuration item explanations can be find in https://cli.vuejs.org/config/ -module.exports = { - /** - * You will need to set publicPath if you plan to deploy your site under a sub path, - * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/, - * then publicPath should be set to "/bar/". - * In most cases please use '/' !!! - * Detail: https://cli.vuejs.org/config/#publicpath - */ - publicPath: '/', - outputDir: 'dist', - assetsDir: 'static', - lintOnSave: false,//process.env.NODE_ENV === 'development', - productionSourceMap: false, - devServer: { - port: port, - open: true, - overlay: { - warnings: false, - errors: true - }, - before: require('./mock/mock-server.js') - }, - configureWebpack: { - // provide the app's title in webpack's name field, so that - // it can be accessed in index.html to inject the correct title. - name: name, - resolve: { - alias: { - '@': resolve('src') - } - }, - plugins: [ - new MonacoWebpackPlugin() - ] - }, - chainWebpack(config) { - // it can improve the speed of the first screen, it is recommended to turn on preload - config.plugin('preload').tap(() => [ - { - rel: 'preload', - // to ignore runtime.js - // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171 - fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/], - include: 'initial' - } - ]) - - // when there are many pages, it will cause too many meaningless requests - config.plugins.delete('prefetch') - - // set svg-sprite-loader - config.module - .rule('svg') - .exclude.add(resolve('src/icons')) - .end() - config.module - .rule('icons') - .test(/\.svg$/) - .include.add(resolve('src/icons')) - .end() - .use('svg-sprite-loader') - .loader('svg-sprite-loader') - .options({ - symbolId: 'icon-[name]' - }) - .end() - - config - .when(process.env.NODE_ENV !== 'development', - config => { - config - .plugin('ScriptExtHtmlWebpackPlugin') - .after('html') - .use('script-ext-html-webpack-plugin', [{ - // `runtime` must same as runtimeChunk name. default is `runtime` - inline: /runtime\..*\.js$/ - }]) - .end() - config - .optimization.splitChunks({ - chunks: 'all', - cacheGroups: { - libs: { - name: 'chunk-libs', - test: /[\\/]node_modules[\\/]/, - priority: 10, - chunks: 'initial' // only package third parties that are initially dependent - }, - elementUI: { - name: 'chunk-elementUI', // split elementUI into a single package - priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app - test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm - }, - commons: { - name: 'chunk-commons', - test: resolve('src/components'), // can customize your rules - minChunks: 3, // minimum common number - priority: 5, - reuseExistingChunk: true - } - } - }) - // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk - config.optimization.runtimeChunk('single') - } - ) - } -}