@gedit/editor-2d 0.3.13 → 0.3.16

package/src/browser/playground/playground-contribution.ts

@@ -65,6 +65,8 @@ export class PlaygroundContribution2d implements PlaygroundContribution {
         icon: 'gedit-toolbar-full',
         title: '全屏',
         priority: 6,
+        ctr: true,
+        shortcut: 'F',
         cancelMode: 'once',
         handle: () => {
           this.commandService.executeCommand(CommonCommands.TOGGLE_MAXIMIZED.id);

package/src/browser/style/path-edit-layer.less

@@ -1,15 +1,18 @@
-.gedit-path-edit-layer, .gedit-anim-path-edit-layer {
+.gedit-path-edit-layer,
+.gedit-anim-path-edit-layer {
   position: absolute;
   left: 0;
   top: 0;
   overflow: visible;
   z-index: 51;
+ 
   &-point {
     stroke: #ccc;
     fill: #fff;
     cursor: pointer;
     z-index: 50;
-    transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out, stroke-width 0.2s ease-in-out;
+    transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out,
+      stroke-width 0.2s ease-in-out;
     &-move {
       z-index: 0;
     }
@@ -30,11 +33,20 @@
   }
   &-point-active {
     stroke: #fff;
-    fill: var(--g-playground-select)
+    fill: var(--g-playground-select);
+  }
+  &-hover-point {
+    stroke: #ccc;
+    fill: var(--g-playground-select);
+    pointer-events: none;
   }
+
   &-pen {
     cursor: url(../svg/pen_add.svg), copy;
   }
+  &-drag {
+    cursor: url(../svg/drag_path.svg), move;
+  }
   &-line {
     stroke: #ccc;
     fill: none;
@@ -52,7 +64,7 @@
     fill: none;
     // stroke-width: 1px;
     pointer-events: auto;
-    &:hover {
+    &:hover, &-active {
       stroke: var(--g-playground-select);
     }
   }
@@ -64,4 +76,4 @@
       stroke: #fff000;
     }
   }
-}
+}

package/src/browser/svg/drag_path.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="21px" viewBox="0 0 20 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="20" height="20"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-2" transform="translate(0, 0.398)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="path-1"></g>
+            <path d="M-0.830692132,2.17785974 L14.8171995,7.68065681 L6.87879222,9.44171576 L4.37587085,16.5078052 L-0.830692132,2.17785974 Z" id="矩形" stroke="#FFFFFF" fill="#000000" stroke-linejoin="round" mask="url(#mask-2)" transform="translate(6.5, 9.0136) rotate(13) translate(-6.5, -9.0136)"></path>
+            <path d="M12.4735107,11.9940484 C14.879172,11.9940484 16.7376262,13.3503417 17.9545712,15.9052046 C18.1920716,16.4038146 17.9804004,17.0005501 17.4817904,17.2380505 C16.9831803,17.4755509 16.3864449,17.2638798 16.1489444,16.7652697 C15.2439005,14.8652142 14.0501899,13.9940484 12.4735107,13.9940484 C10.9136368,13.9940484 9.79991519,14.8441472 9.01942502,16.7194762 C8.80721562,17.2293641 8.22184014,17.4706802 7.7119523,17.2584708 C7.20206445,17.0462614 6.96074839,16.4608859 7.17295779,15.950998 C8.24655291,13.3714087 10.0510442,11.9940484 12.4735107,11.9940484 Z" id="路径-2" stroke="#FFFFFF" fill="#000000" fill-rule="nonzero" mask="url(#mask-2)"></path>
+        </g>
+    </g>
+</svg>

package/src/browser/utils/bezier.path.utils.ts

@@ -45,6 +45,9 @@ export const getPointPositionKey = (
   point: PathChild,
   selection?: PathPointSelection
 ) => {
+  if (!point) {
+    return undefined;
+  }
   const key = getPointKey(type, selection);
   const v = point[key];
   return v;