@logicflow/extension 2.0.0 → 2.0.2

package/es/dynamic-group/utils.d.ts

@@ -8,10 +8,12 @@ import BoxBoundsPoint = Model.BoxBoundsPoint;
 export declare function isBoundsInGroup(bounds: BoxBoundsPoint, group: BaseNodeModel): boolean;
 /**
  * 判断 bounds 是否可以移动到下一个范围
- * @param bounds
- * @param group
+ * @param groupBounds
+ * @param node
+ * @param deltaX
+ * @param deltaY
  */
-export declare function isAllowMoveTo(bounds: BoxBoundsPoint, group: BaseNodeModel): {
+export declare function isAllowMoveTo(groupBounds: BoxBoundsPoint, node: BaseNodeModel, deltaX: number, deltaY: number): {
     x: boolean;
     y: boolean;
 };

package/es/dynamic-group/utils.js

@@ -13,15 +13,21 @@ export function isBoundsInGroup(bounds, group) {
 }
 /**
  * 判断 bounds 是否可以移动到下一个范围
- * @param bounds
- * @param group
+ * @param groupBounds
+ * @param node
+ * @param deltaX
+ * @param deltaY
  */
-export function isAllowMoveTo(bounds, group) {
-    var minX = bounds.minX, minY = bounds.minY, maxX = bounds.maxX, maxY = bounds.maxY;
-    var x = group.x, y = group.y, width = group.width, height = group.height;
+export function isAllowMoveTo(groupBounds, node, deltaX, deltaY) {
+    var minX = groupBounds.minX, minY = groupBounds.minY, maxX = groupBounds.maxX, maxY = groupBounds.maxY;
+    var x = node.x, y = node.y, width = node.width, height = node.height;
+    // DONE: 计算节点坐标 (x, y) 可移动的范围，并判断 x + deltaX, y + deltaY 是否在范围内
+    var allowMoveMinX = minX + width / 2;
+    var allowMoveMinY = minY + height / 2;
+    var allowMoveMaxX = maxX - width / 2;
+    var allowMoveMaxY = maxY - height / 2;
     return {
-        x: minX >= x - width / 2 && maxX <= x + width / 2,
-        y: minY >= y - height / 2 && maxY <= y + height / 2,
+        x: x + deltaX >= allowMoveMinX && x + deltaX <= allowMoveMaxX,
+        y: y + deltaY >= allowMoveMinY && y + deltaY <= allowMoveMaxY,
     };
 }
-//# sourceMappingURL=utils.js.map

package/es/index.css

@@ -1,6 +1,66 @@
 @import url('medium-editor/dist/css/medium-editor.min.css');
 @import url('medium-editor/dist/css/themes/beagle.min.css');
 @import url('vanilla-picker/dist/vanilla-picker.csp.css');
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+}
+.lf-label-overlay .lf-label-editor {
+  padding: 4px;
+  background: #fff;
+  border-radius: 5px;
+}
+.lf-label-overlay .lf-label-editor-container {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  text-align: center;
+}
+.lf-label-overlay .lf-label-editor-container p {
+  margin: 0;
+}
+.lf-label-overlay .lf-label-editor-dragging {
+  cursor: move;
+}
+.lf-label-overlay .lf-label-editor-editing {
+  border: 2px solid #275dc5;
+  outline: none;
+  cursor: text;
+}
+.lf-label-overlay .lf-label-editor-hover {
+  border: 2px dashed #acacac;
+}
+.lf-label-overlay .lf-label-editor-clip {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
+}
+.lf-label-overlay .lf-label-editor-ellipsis {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lf-label-overlay .lf-label-editor-wrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  white-space: normal;
+  overflow-wrap: break-word;
+  /* 允许单词内换行 */
+}
+.lf-label-overlay .lf-label-editor-nowrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: visible;
+  white-space: nowrap;
+}
 .lf-control {
   position: absolute;
   top: 0;
@@ -216,63 +276,3 @@
 .lf-mindmap_addIcon {
   margin-top: 10px;
 }
-/* label */
-.lf-label-overlay {
-  width: 0;
-  height: 0;
-  overflow: visible;
-}
-.lf-label-overlay .lf-label-editor {
-  padding: 4px;
-  background: #fff;
-  border-radius: 5px;
-}
-.lf-label-overlay .lf-label-editor-container {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  text-align: center;
-}
-.lf-label-overlay .lf-label-editor-container p {
-  margin: 0;
-}
-.lf-label-overlay .lf-label-editor-dragging {
-  cursor: move;
-}
-.lf-label-overlay .lf-label-editor-editing {
-  border: 2px solid #275dc5;
-  outline: none;
-  cursor: text;
-}
-.lf-label-overlay .lf-label-editor-hover {
-  border: 2px dashed #acacac;
-}
-.lf-label-overlay .lf-label-editor-clip {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: clip;
-}
-.lf-label-overlay .lf-label-editor-ellipsis {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.lf-label-overlay .lf-label-editor-wrap {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  white-space: normal;
-  overflow-wrap: break-word;
-  /* 允许单词内换行 */
-}
-.lf-label-overlay .lf-label-editor-nowrap {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: visible;
-  white-space: nowrap;
-}

package/es/index.d.ts

@@ -1,3 +1,4 @@
+import './index.less';
 export * from './bpmn';
 export * from './bpmn-adapter';
 export * from './bpmn-elements';

package/es/index.js

@@ -1,3 +1,4 @@
+import './index.less';
 // BPMN 相关
 export * from './bpmn';
 export * from './bpmn-adapter';
@@ -35,4 +36,3 @@ export * from './NodeResize';
 export * from './materials/group';
 // 迷之插件
 export * from './rect-label-node';
-//# sourceMappingURL=index.js.map

package/es/insert-node-in-polyline/edge.js

@@ -139,4 +139,3 @@ export var isNodeInSegment = function (node, polyline, deviation) {
         },
     };
 };
-//# sourceMappingURL=edge.js.map

package/es/insert-node-in-polyline/index.js

@@ -158,4 +158,3 @@ var InsertNodeInPolyline = /** @class */ (function () {
 }());
 export { InsertNodeInPolyline };
 export default InsertNodeInPolyline;
-//# sourceMappingURL=index.js.map

package/es/materials/curved-edge/__test__/curved-edge.test.js

@@ -16,4 +16,3 @@ describe('test curved edge ', function () {
         expect(getCurvedEdgePath(point4.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path4);
     });
 });
-//# sourceMappingURL=curved-edge.test.js.map

package/es/materials/curved-edge/index.js

@@ -200,4 +200,3 @@ var defaultCurvedEdge = {
 };
 export default defaultCurvedEdge;
 export { CurvedEdge, CurvedEdgeModel, getCurvedEdgePath };
-//# sourceMappingURL=index.js.map

package/es/materials/group/GroupNode.js

@@ -437,4 +437,3 @@ export default {
     view: GroupNode,
     model: GroupNodeModel,
 };
-//# sourceMappingURL=GroupNode.js.map

package/es/materials/group/index.js

@@ -511,4 +511,3 @@ var Group = /** @class */ (function () {
 export { Group };
 export * from './GroupNode';
 export default GroupNode;
-//# sourceMappingURL=index.js.map

package/es/materials/node-selection/index.js

@@ -302,4 +302,3 @@ var NodeSelection = /** @class */ (function () {
 }());
 export default NodeSelection;
 export { NodeSelection };
-//# sourceMappingURL=index.js.map

package/es/mindmap/fakerRoot.js

@@ -38,4 +38,3 @@ var MarkRoot = {
     model: MarkRootModel,
 };
 export default MarkRoot;
-//# sourceMappingURL=fakerRoot.js.map

package/es/mindmap/index.js

@@ -311,4 +311,3 @@ var MindMap = /** @class */ (function () {
     return MindMap;
 }());
 export { MindMap };
-//# sourceMappingURL=index.js.map

package/es/mindmap/markContent.js

@@ -88,4 +88,3 @@ var MarkContent = {
     model: MarkContentModel,
 };
 export default MarkContent;
-//# sourceMappingURL=markContent.js.map

package/es/mindmap/markContentOption.js

@@ -89,4 +89,3 @@ var MarkContentOption = {
     model: MarkContentOptionModel,
 };
 export default MarkContentOption;
-//# sourceMappingURL=markContentOption.js.map

package/es/mindmap/markEntity.js

@@ -89,4 +89,3 @@ var MarkEntity = {
     model: MarkEntityModel,
 };
 export default MarkEntity;
-//# sourceMappingURL=markEntity.js.map

package/es/mindmap/markRoot.js

@@ -90,4 +90,3 @@ var MarkRoot = {
     model: MarkRootModel,
 };
 export default MarkRoot;
-//# sourceMappingURL=markRoot.js.map

package/es/mindmap/theme.js

@@ -9,4 +9,3 @@ export var theme = {
         stroke: '#a4a5a6',
     },
 };
-//# sourceMappingURL=theme.js.map

package/es/rect-label-node/RectLabelNodeView.js

@@ -51,4 +51,3 @@ var RectLabelNodeView = /** @class */ (function (_super) {
     return RectLabelNodeView;
 }(RectNode));
 export { RectLabelNodeView };
-//# sourceMappingURL=RectLabelNodeView.js.map

package/es/rect-label-node/index.js

@@ -11,4 +11,3 @@ export var RectLabelNode = {
     },
 };
 export default RectLabelNode;
-//# sourceMappingURL=index.js.map

package/es/style/index.css

@@ -1,6 +1,66 @@
 @import url('medium-editor/dist/css/medium-editor.min.css');
 @import url('medium-editor/dist/css/themes/beagle.min.css');
 @import url('vanilla-picker/dist/vanilla-picker.csp.css');
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+}
+.lf-label-overlay .lf-label-editor {
+  padding: 4px;
+  background: #fff;
+  border-radius: 5px;
+}
+.lf-label-overlay .lf-label-editor-container {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  text-align: center;
+}
+.lf-label-overlay .lf-label-editor-container p {
+  margin: 0;
+}
+.lf-label-overlay .lf-label-editor-dragging {
+  cursor: move;
+}
+.lf-label-overlay .lf-label-editor-editing {
+  border: 2px solid #275dc5;
+  outline: none;
+  cursor: text;
+}
+.lf-label-overlay .lf-label-editor-hover {
+  border: 2px dashed #acacac;
+}
+.lf-label-overlay .lf-label-editor-clip {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
+}
+.lf-label-overlay .lf-label-editor-ellipsis {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lf-label-overlay .lf-label-editor-wrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  white-space: normal;
+  overflow-wrap: break-word;
+  /* 允许单词内换行 */
+}
+.lf-label-overlay .lf-label-editor-nowrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: visible;
+  white-space: nowrap;
+}
 .lf-control {
   position: absolute;
   top: 0;
@@ -216,63 +276,3 @@
 .lf-mindmap_addIcon {
   margin-top: 10px;
 }
-/* label */
-.lf-label-overlay {
-  width: 0;
-  height: 0;
-  overflow: visible;
-}
-.lf-label-overlay .lf-label-editor {
-  padding: 4px;
-  background: #fff;
-  border-radius: 5px;
-}
-.lf-label-overlay .lf-label-editor-container {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  text-align: center;
-}
-.lf-label-overlay .lf-label-editor-container p {
-  margin: 0;
-}
-.lf-label-overlay .lf-label-editor-dragging {
-  cursor: move;
-}
-.lf-label-overlay .lf-label-editor-editing {
-  border: 2px solid #275dc5;
-  outline: none;
-  cursor: text;
-}
-.lf-label-overlay .lf-label-editor-hover {
-  border: 2px dashed #acacac;
-}
-.lf-label-overlay .lf-label-editor-clip {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: clip;
-}
-.lf-label-overlay .lf-label-editor-ellipsis {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.lf-label-overlay .lf-label-editor-wrap {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  white-space: normal;
-  overflow-wrap: break-word;
-  /* 允许单词内换行 */
-}
-.lf-label-overlay .lf-label-editor-nowrap {
-  width: 100px;
-  /* 根据需要调整宽度 */
-  overflow: visible;
-  white-space: nowrap;
-}

package/es/style/index.less

@@ -1,8 +1,75 @@
 @import url('medium-editor/dist/css/medium-editor.min.css');
-//@import url('medium-editor/dist/css/themes/bootstrap.min.css');
 @import url('medium-editor/dist/css/themes/beagle.min.css');
 @import url('vanilla-picker/dist/vanilla-picker.csp.css');
 
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+
+  .lf-label-editor {
+    //box-sizing: content-box;
+    padding: 4px;
+    background: #fff;
+    border-radius: 5px;
+
+    &-container {
+      position: absolute;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: visible;
+      text-align: center;
+
+      p {
+        margin: 0;
+      }
+    }
+
+    &-dragging {
+      cursor: move;
+    }
+
+    &-editing {
+      border: 2px solid #275dc5;
+      outline: none;
+      cursor: text;
+    }
+
+    &-hover {
+      border: 2px dashed #acacac;
+    }
+
+    // textOverflowMode
+    &-clip {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: clip;
+    }
+
+    &-ellipsis {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-wrap {
+      width: 100px; /* 根据需要调整宽度 */
+      white-space: normal;
+      overflow-wrap: break-word; /* 允许单词内换行 */
+    }
+
+    &-nowrap {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: visible;
+      white-space: nowrap;
+    }
+  }
+}
+
 .lf-control {
   position: absolute;
   top: 0;
@@ -258,71 +325,3 @@
 .lf-mindmap_addIcon {
   margin-top: 10px;
 }
-
-/* label */
-.lf-label-overlay {
-  width: 0;
-  height: 0;
-  overflow: visible;
-
-  .lf-label-editor {
-    //box-sizing: content-box;
-    padding: 4px;
-    background: #fff;
-    border-radius: 5px;
-
-    &-container {
-      position: absolute;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      overflow: visible;
-      text-align: center;
-
-      p {
-        margin: 0;
-      }
-    }
-
-    &-dragging {
-      cursor: move;
-    }
-
-    &-editing {
-      border: 2px solid #275dc5;
-      outline: none;
-      cursor: text;
-    }
-
-    &-hover {
-      border: 2px dashed #acacac;
-    }
-
-    // textOverflowMode
-    &-clip {
-      width: 100px; /* 根据需要调整宽度 */
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: clip;
-    }
-
-    &-ellipsis {
-      width: 100px; /* 根据需要调整宽度 */
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    &-wrap {
-      width: 100px; /* 根据需要调整宽度 */
-      white-space: normal;
-      overflow-wrap: break-word; /* 允许单词内换行 */
-    }
-
-    &-nowrap {
-      width: 100px; /* 根据需要调整宽度 */
-      overflow: visible;
-      white-space: nowrap;
-    }
-  }
-}