fix: apply isDisplaySnapDigit to gap guidelines #200

Author: daybrush

packages/react-moveable/src/App.css

@@ -91,7 +91,7 @@ img {
     position: absolute;
     top: 100px;
     left: 100px;
-    display: none;
+    /* display: none; */
 }
 .App svg * {
     transform-origin: 20% 50%;

packages/react-moveable/src/App.tsx

@@ -351,7 +351,7 @@ class App extends React.Component<any, any> {
                         >
                             Learn React
                         </a>
-                        <svg data-target="svg" viewBox="0 0 150 110" style={{width: "300px", border: "1px solid #fff"}}>
+                        <svg data-target="svg"  style={{width: "300px", border: "1px solid #fff"}}>
                             <path data-target="path1" d="M 74 53.64101615137753 L 14.000000000000027 88.28203230275507 L 14 19 L 74 53.64101615137753 Z" fill="#f55" stroke-linejoin="round" stroke-width="8" opacity="1" stroke="#5f5" origin="50% 50%" />
                             <path data-target="path2" d="M 84 68.64101615137753 L 24.00000000000003 103.28203230275507 L 24 34 L 84 68.64101615137753 Z" fill="#55f" stroke-linejoin="round" stroke-width="8" opacity="1" stroke="#333" origin="50% 50%" />
                             <g style={{transform: "translate(40px, 10px)"}}>

packages/react-moveable/src/react-moveable/ables/Snappable.tsx

@@ -1269,7 +1269,7 @@ function renderGapGuidelines(
                 "guideline",
                 "gap",
             )}
-            data-size={snapSize}
+            data-size={snapSize > 0 ? snapSize : ""}
             key={`${otherType}GapGuideline${i}`} style={{
                 [posName1]: `${renderPos[index]}px`,
                 [posName2]: `${renderPos[otherIndex]}px`,