@idraw/core 0.4.0-beta.27 → 0.4.0-beta.29

package/dist/esm/middleware/selector/config.d.ts

@@ -9,8 +9,6 @@ export declare const keySelectedElementList: unique symbol;
 export declare const keySelectedElementListVertexes: unique symbol;
 export declare const keySelectedElementController: unique symbol;
 export declare const keySelectedElementPosition: unique symbol;
-export declare const keySelectedReferenceXLines: unique symbol;
-export declare const keySelectedReferenceYLines: unique symbol;
 export declare const keyGroupQueue: unique symbol;
 export declare const keyGroupQueueVertexesList: unique symbol;
 export declare const keyIsMoving: unique symbol;

package/dist/esm/middleware/selector/config.js

@@ -9,8 +9,6 @@ export const keySelectedElementList = Symbol(`${key}_selectedElementList`);
 export const keySelectedElementListVertexes = Symbol(`${key}_selectedElementListVertexes`);
 export const keySelectedElementController = Symbol(`${key}_selectedElementController`);
 export const keySelectedElementPosition = Symbol(`${key}_selectedElementPosition`);
-export const keySelectedReferenceXLines = Symbol(`${key}_selectedReferenceXLines`);
-export const keySelectedReferenceYLines = Symbol(`${key}_selectedReferenceYLines`);
 export const keyGroupQueue = Symbol(`${key}_groupQueue`);
 export const keyGroupQueueVertexesList = Symbol(`${key}_groupQueueVertexesList`);
 export const keyIsMoving = Symbol(`${key}_isMoving`);

package/dist/esm/middleware/selector/index.js

@@ -2,7 +2,7 @@ import { is, calcElementsViewInfo, calcElementVertexesInGroup, calcElementQueueV
 import { drawHoverVertexesWrapper, drawLockVertexesWrapper, drawArea, drawListArea, drawGroupQueueVertexesWrappers, drawSelectedElementControllersVertexes } from './draw-wrapper';
 import { drawReferenceLines } from './draw-reference';
 import { getPointTarget, resizeElement, rotateElement, getSelectedListArea, calcSelectedElementsArea, isElementInGroup, isPointInViewActiveGroup, calcMoveInGroup } from './util';
-import { middlewareEventSelect, middlewareEventSelectClear, middlewareEventSelectInGroup, middlewareEventSnapToGrid, keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keySelectedReferenceXLines, keySelectedReferenceYLines, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, controllerSize } from './config';
+import { middlewareEventSelect, middlewareEventSelectClear, middlewareEventSelectInGroup, middlewareEventSnapToGrid, keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, controllerSize } from './config';
 import { calcReferenceInfo } from './reference';
 import { middlewareEventTextEdit } from '../text-editor';
 import { eventChange } from '../../config';
@@ -96,8 +96,6 @@ export const MiddlewareSelector = (opts) => {
         sharer.setSharedStorage(keySelectedElementListVertexes, null);
         sharer.setSharedStorage(keySelectedElementController, null);
         sharer.setSharedStorage(keySelectedElementPosition, []);
-        sharer.setSharedStorage(keySelectedReferenceXLines, []);
-        sharer.setSharedStorage(keySelectedReferenceYLines, []);
         sharer.setSharedStorage(keyIsMoving, null);
         sharer.setSharedStorage(keyEnableSelectInGroup, null);
     };
@@ -312,8 +310,6 @@ export const MiddlewareSelector = (opts) => {
         },
         pointMove: (e) => {
             var _a, _b, _c;
-            sharer.setSharedStorage(keySelectedReferenceXLines, []);
-            sharer.setSharedStorage(keySelectedReferenceYLines, []);
             sharer.setSharedStorage(keyIsMoving, true);
             const data = sharer.getActiveStorage('data');
             const elems = getActiveElements();
@@ -348,8 +344,6 @@ export const MiddlewareSelector = (opts) => {
                                 if (is.y(referenceInfo.offsetY) && referenceInfo.offsetY !== null) {
                                     totalMoveY = calculator.toGridNum(totalMoveY + referenceInfo.offsetY);
                                 }
-                                sharer.setSharedStorage(keySelectedReferenceXLines, referenceInfo.xLines);
-                                sharer.setSharedStorage(keySelectedReferenceYLines, referenceInfo.yLines);
                             }
                         }
                         catch (err) {
@@ -480,10 +474,10 @@ export const MiddlewareSelector = (opts) => {
         },
         pointEnd(e) {
             inBusyMode = null;
-            sharer.setSharedStorage(keySelectedReferenceXLines, []);
-            sharer.setSharedStorage(keySelectedReferenceYLines, []);
             sharer.setSharedStorage(keyIsMoving, false);
             const data = sharer.getActiveStorage('data');
+            const selectedElements = sharer.getSharedStorage(keySelectedElementList);
+            const hoverElement = sharer.getSharedStorage(keyHoverElement);
             const resizeType = sharer.getSharedStorage(keyResizeType);
             const actionType = sharer.getSharedStorage(keyActionType);
             const viewSizeInfo = sharer.getActiveViewSizeInfo();
@@ -550,7 +544,7 @@ export const MiddlewareSelector = (opts) => {
                     if (type === 'resize') {
                         type = 'resizeElement';
                     }
-                    eventHub.trigger(eventChange, { data, type });
+                    eventHub.trigger(eventChange, { data, type, selectedElements, hoverElement });
                 }
                 viewer.drawFrame();
             };
@@ -634,13 +628,23 @@ export const MiddlewareSelector = (opts) => {
                 if (!isLock && elem && ['select', 'drag', 'resize'].includes(actionType)) {
                     drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag' }));
                     if (actionType === 'drag') {
-                        const xLines = sharer.getSharedStorage(keySelectedReferenceXLines);
-                        const yLines = sharer.getSharedStorage(keySelectedReferenceYLines);
                         if (enableSnapToGrid === true) {
-                            drawReferenceLines(overlayContext, {
-                                xLines,
-                                yLines
+                            const referenceInfo = calcReferenceInfo(elem.uuid, {
+                                calculator,
+                                data: activeStore.data,
+                                groupQueue,
+                                viewScaleInfo,
+                                viewSizeInfo
                             });
+                            if (referenceInfo) {
+                                const { offsetX, offsetY, xLines, yLines } = referenceInfo;
+                                if (offsetX === 0 || offsetY === 0) {
+                                    drawReferenceLines(overlayContext, {
+                                        xLines,
+                                        yLines
+                                    });
+                                }
+                            }
                         }
                     }
                 }
@@ -661,13 +665,23 @@ export const MiddlewareSelector = (opts) => {
                 if (!isLock && elem && ['select', 'drag', 'resize'].includes(actionType)) {
                     drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag' }));
                     if (actionType === 'drag') {
-                        const xLines = sharer.getSharedStorage(keySelectedReferenceXLines);
-                        const yLines = sharer.getSharedStorage(keySelectedReferenceYLines);
                         if (enableSnapToGrid === true) {
-                            drawReferenceLines(overlayContext, {
-                                xLines,
-                                yLines
+                            const referenceInfo = calcReferenceInfo(elem.uuid, {
+                                calculator,
+                                data: activeStore.data,
+                                groupQueue,
+                                viewScaleInfo,
+                                viewSizeInfo
                             });
+                            if (referenceInfo) {
+                                const { offsetX, offsetY, xLines, yLines } = referenceInfo;
+                                if (offsetX === 0 || offsetY === 0) {
+                                    drawReferenceLines(overlayContext, {
+                                        xLines,
+                                        yLines
+                                    });
+                                }
+                            }
                         }
                     }
                 }

package/dist/esm/middleware/selector/reference.js

@@ -177,7 +177,6 @@ export function calcReferenceInfo(uuid, opts) {
                 yList: []
             };
             vLine.yList.push(newTargetBox.minY);
-            vLine.yList.push(newTargetBox.midY);
             vLine.yList.push(newTargetBox.maxY);
             vLine.yList.push(...((hRefLineDotMap === null || hRefLineDotMap === void 0 ? void 0 : hRefLineDotMap[closestMinX]) || []));
             vHelperLineDotMapList.push(vLine);
@@ -188,7 +187,6 @@ export function calcReferenceInfo(uuid, opts) {
                 yList: []
             };
             vLine.yList.push(newTargetBox.minY);
-            vLine.yList.push(newTargetBox.midY);
             vLine.yList.push(newTargetBox.maxY);
             vLine.yList.push(...((hRefLineDotMap === null || hRefLineDotMap === void 0 ? void 0 : hRefLineDotMap[closestMidX]) || []));
             vHelperLineDotMapList.push(vLine);
@@ -199,7 +197,6 @@ export function calcReferenceInfo(uuid, opts) {
                 yList: []
             };
             vLine.yList.push(newTargetBox.minY);
-            vLine.yList.push(newTargetBox.midY);
             vLine.yList.push(newTargetBox.maxY);
             vLine.yList.push(...((hRefLineDotMap === null || hRefLineDotMap === void 0 ? void 0 : hRefLineDotMap[closestMaxX]) || []));
             vHelperLineDotMapList.push(vLine);
@@ -212,7 +209,6 @@ export function calcReferenceInfo(uuid, opts) {
                 xList: []
             };
             hLine.xList.push(newTargetBox.minX);
-            hLine.xList.push(newTargetBox.midX);
             hLine.xList.push(newTargetBox.maxX);
             hLine.xList.push(...((vRefLineDotMap === null || vRefLineDotMap === void 0 ? void 0 : vRefLineDotMap[closestMinY]) || []));
             hHelperLineDotMapList.push(hLine);
@@ -223,7 +219,6 @@ export function calcReferenceInfo(uuid, opts) {
                 xList: []
             };
             hLine.xList.push(newTargetBox.minX);
-            hLine.xList.push(newTargetBox.midX);
             hLine.xList.push(newTargetBox.maxX);
             hLine.xList.push(...((vRefLineDotMap === null || vRefLineDotMap === void 0 ? void 0 : vRefLineDotMap[closestMinY]) || []));
             hHelperLineDotMapList.push(hLine);
@@ -234,7 +229,6 @@ export function calcReferenceInfo(uuid, opts) {
                 xList: []
             };
             hLine.xList.push(newTargetBox.minX);
-            hLine.xList.push(newTargetBox.midX);
             hLine.xList.push(newTargetBox.maxX);
             hLine.xList.push(...((vRefLineDotMap === null || vRefLineDotMap === void 0 ? void 0 : vRefLineDotMap[closestMaxY]) || []));
             hHelperLineDotMapList.push(hLine);

package/dist/esm/middleware/selector/types.d.ts

@@ -1,5 +1,5 @@
 import { Data, ElementSize, ElementType, Element, ViewContext2D, Point, PointSize, ViewScaleInfo, ViewSizeInfo, ViewCalculator, PointWatcherEvent, BoardMiddleware, ViewRectVertexes, ElementSizeController, ElementPosition } from '@idraw/types';
-import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keySelectedReferenceXLines, keySelectedReferenceYLines, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';
+import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';
 export { Data, ElementType, Element, ElementSize, ViewContext2D, Point, PointSize, ViewScaleInfo, ViewSizeInfo, ViewCalculator, PointWatcherEvent, BoardMiddleware };
 export type ControllerStyle = ElementSize & {
     borderWidth: number;
@@ -31,8 +31,6 @@ export type DeepSelectorSharedStorage = {
     [keySelectedElementListVertexes]: ViewRectVertexes | null;
     [keySelectedElementController]: ElementSizeController | null;
     [keySelectedElementPosition]: ElementPosition;
-    [keySelectedReferenceXLines]: Array<PointSize[]>;
-    [keySelectedReferenceYLines]: Array<PointSize[]>;
     [keyIsMoving]: boolean | null;
     [keyEnableSelectInGroup]: boolean | null;
     [keyEnableSnapToGrid]: boolean | null;

package/dist/esm/middleware/selector/types.js

@@ -1 +1 @@
-import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keySelectedReferenceXLines, keySelectedReferenceYLines, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';
+import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';

package/dist/index.global.js

@@ -2090,6 +2090,18 @@ var __privateMethod = (obj, member, method) => {
   function enhanceFontFamliy(fontFamily2) {
     return [fontFamily2, ...baseFontFamilyList].join(", ");
   }
+  (function(s, e) {
+    var t = {};
+    for (var p in s)
+      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+          t[p[i]] = s[p[i]];
+      }
+    return t;
+  });
   function createColorStyle(ctx, color2, opts) {
     if (typeof color2 === "string") {
       return color2;
@@ -3562,31 +3574,48 @@ var __privateMethod = (obj, member, method) => {
       const viewVisibleInfoMap = __classPrivateFieldGet$4(this, _Calculator_store, "f").get("viewVisibleInfoMap");
       if (type === "deleteElement") {
         const { element } = content;
-        delete viewVisibleInfoMap[element.uuid];
+        const uuids = [];
+        const _walk = (e) => {
+          uuids.push(e.uuid);
+          if (e.type === "group" && Array.isArray(e.detail.children)) {
+            e.detail.children.forEach((child) => {
+              _walk(child);
+            });
+          }
+        };
+        _walk(element);
+        uuids.forEach((uuid) => {
+          delete viewVisibleInfoMap[uuid];
+        });
+        __classPrivateFieldGet$4(this, _Calculator_store, "f").set("viewVisibleInfoMap", viewVisibleInfoMap);
       } else if (type === "addElement" || type === "updateElement") {
         const { position } = content;
         const element = findElementFromListByPosition(position, data.elements);
         const groupQueue = getGroupQueueByElementPosition(list, position);
         if (element) {
-          const originRectInfo = calcElementOriginRectInfo(element, {
-            groupQueue: groupQueue || []
-          });
-          const newViewVisibleInfo = {
-            originRectInfo,
-            rangeRectInfo: is.angle(element.angle) ? originRectInfoToRangeRectInfo(originRectInfo) : originRectInfo,
-            isVisibleInView: true,
-            isGroup: (element === null || element === void 0 ? void 0 : element.type) === "group",
-            position: [...position]
-          };
-          viewVisibleInfoMap[element.uuid] = newViewVisibleInfo;
-          if (type === "updateElement") {
-            this.updateVisiableStatus({ viewScaleInfo, viewSizeInfo });
+          if (type === "updateElement" && element.type === "group") {
+            this.resetViewVisibleInfoMap(data, { viewScaleInfo, viewSizeInfo });
+          } else {
+            const originRectInfo = calcElementOriginRectInfo(element, {
+              groupQueue: groupQueue || []
+            });
+            const newViewVisibleInfo = {
+              originRectInfo,
+              rangeRectInfo: is.angle(element.angle) ? originRectInfoToRangeRectInfo(originRectInfo) : originRectInfo,
+              isVisibleInView: true,
+              isGroup: (element === null || element === void 0 ? void 0 : element.type) === "group",
+              position: [...position]
+            };
+            viewVisibleInfoMap[element.uuid] = newViewVisibleInfo;
+            __classPrivateFieldGet$4(this, _Calculator_store, "f").set("viewVisibleInfoMap", viewVisibleInfoMap);
+            if (type === "updateElement") {
+              this.updateVisiableStatus({ viewScaleInfo, viewSizeInfo });
+            }
           }
         }
       } else if (type === "moveElement") {
         this.resetViewVisibleInfoMap(data, { viewScaleInfo, viewSizeInfo });
       }
-      __classPrivateFieldGet$4(this, _Calculator_store, "f").set("viewVisibleInfoMap", viewVisibleInfoMap);
     }
   }
   _Calculator_opts = /* @__PURE__ */ new WeakMap(), _Calculator_store = /* @__PURE__ */ new WeakMap();
@@ -4550,8 +4579,6 @@ var __privateMethod = (obj, member, method) => {
   const keySelectedElementListVertexes = Symbol(`${key$3}_selectedElementListVertexes`);
   const keySelectedElementController = Symbol(`${key$3}_selectedElementController`);
   const keySelectedElementPosition = Symbol(`${key$3}_selectedElementPosition`);
-  const keySelectedReferenceXLines = Symbol(`${key$3}_selectedReferenceXLines`);
-  const keySelectedReferenceYLines = Symbol(`${key$3}_selectedReferenceYLines`);
   const keyGroupQueue = Symbol(`${key$3}_groupQueue`);
   const keyGroupQueueVertexesList = Symbol(`${key$3}_groupQueueVertexesList`);
   const keyIsMoving = Symbol(`${key$3}_isMoving`);
@@ -5723,7 +5750,6 @@ var __privateMethod = (obj, member, method) => {
           yList: []
         };
         vLine.yList.push(newTargetBox.minY);
-        vLine.yList.push(newTargetBox.midY);
         vLine.yList.push(newTargetBox.maxY);
         vLine.yList.push(...(hRefLineDotMap == null ? void 0 : hRefLineDotMap[closestMinX]) || []);
         vHelperLineDotMapList.push(vLine);
@@ -5734,7 +5760,6 @@ var __privateMethod = (obj, member, method) => {
           yList: []
         };
         vLine.yList.push(newTargetBox.minY);
-        vLine.yList.push(newTargetBox.midY);
         vLine.yList.push(newTargetBox.maxY);
         vLine.yList.push(...(hRefLineDotMap == null ? void 0 : hRefLineDotMap[closestMidX]) || []);
         vHelperLineDotMapList.push(vLine);
@@ -5745,7 +5770,6 @@ var __privateMethod = (obj, member, method) => {
           yList: []
         };
         vLine.yList.push(newTargetBox.minY);
-        vLine.yList.push(newTargetBox.midY);
         vLine.yList.push(newTargetBox.maxY);
         vLine.yList.push(...(hRefLineDotMap == null ? void 0 : hRefLineDotMap[closestMaxX]) || []);
         vHelperLineDotMapList.push(vLine);
@@ -5758,7 +5782,6 @@ var __privateMethod = (obj, member, method) => {
           xList: []
         };
         hLine.xList.push(newTargetBox.minX);
-        hLine.xList.push(newTargetBox.midX);
         hLine.xList.push(newTargetBox.maxX);
         hLine.xList.push(...(vRefLineDotMap == null ? void 0 : vRefLineDotMap[closestMinY]) || []);
         hHelperLineDotMapList.push(hLine);
@@ -5769,7 +5792,6 @@ var __privateMethod = (obj, member, method) => {
           xList: []
         };
         hLine.xList.push(newTargetBox.minX);
-        hLine.xList.push(newTargetBox.midX);
         hLine.xList.push(newTargetBox.maxX);
         hLine.xList.push(...(vRefLineDotMap == null ? void 0 : vRefLineDotMap[closestMinY]) || []);
         hHelperLineDotMapList.push(hLine);
@@ -5780,7 +5802,6 @@ var __privateMethod = (obj, member, method) => {
           xList: []
         };
         hLine.xList.push(newTargetBox.minX);
-        hLine.xList.push(newTargetBox.midX);
         hLine.xList.push(newTargetBox.maxX);
         hLine.xList.push(...(vRefLineDotMap == null ? void 0 : vRefLineDotMap[closestMaxY]) || []);
         hHelperLineDotMapList.push(hLine);
@@ -6123,8 +6144,6 @@ var __privateMethod = (obj, member, method) => {
       sharer.setSharedStorage(keySelectedElementListVertexes, null);
       sharer.setSharedStorage(keySelectedElementController, null);
       sharer.setSharedStorage(keySelectedElementPosition, []);
-      sharer.setSharedStorage(keySelectedReferenceXLines, []);
-      sharer.setSharedStorage(keySelectedReferenceYLines, []);
       sharer.setSharedStorage(keyIsMoving, null);
       sharer.setSharedStorage(keyEnableSelectInGroup, null);
     };
@@ -6330,8 +6349,6 @@ var __privateMethod = (obj, member, method) => {
       },
       pointMove: (e) => {
         var _a, _b, _c;
-        sharer.setSharedStorage(keySelectedReferenceXLines, []);
-        sharer.setSharedStorage(keySelectedReferenceYLines, []);
         sharer.setSharedStorage(keyIsMoving, true);
         const data = sharer.getActiveStorage("data");
         const elems = getActiveElements();
@@ -6366,8 +6383,6 @@ var __privateMethod = (obj, member, method) => {
                   if (is.y(referenceInfo.offsetY) && referenceInfo.offsetY !== null) {
                     totalMoveY = calculator.toGridNum(totalMoveY + referenceInfo.offsetY);
                   }
-                  sharer.setSharedStorage(keySelectedReferenceXLines, referenceInfo.xLines);
-                  sharer.setSharedStorage(keySelectedReferenceYLines, referenceInfo.yLines);
                 }
               } catch (err) {
                 console.error(err);
@@ -6492,10 +6507,10 @@ var __privateMethod = (obj, member, method) => {
       },
       pointEnd(e) {
         inBusyMode = null;
-        sharer.setSharedStorage(keySelectedReferenceXLines, []);
-        sharer.setSharedStorage(keySelectedReferenceYLines, []);
         sharer.setSharedStorage(keyIsMoving, false);
         const data = sharer.getActiveStorage("data");
+        const selectedElements = sharer.getSharedStorage(keySelectedElementList);
+        const hoverElement = sharer.getSharedStorage(keyHoverElement);
         const resizeType = sharer.getSharedStorage(keyResizeType);
         const actionType = sharer.getSharedStorage(keyActionType);
         const viewSizeInfo = sharer.getActiveViewSizeInfo();
@@ -6555,7 +6570,7 @@ var __privateMethod = (obj, member, method) => {
           }
           if (data && ["drag", "drag-list", "drag-list-end", "resize"].includes(actionType)) {
             let type = "dragElement";
-            eventHub.trigger(eventChange, { data, type });
+            eventHub.trigger(eventChange, { data, type, selectedElements, hoverElement });
           }
           viewer.drawFrame();
         };
@@ -6643,13 +6658,23 @@ var __privateMethod = (obj, member, method) => {
               hideControllers: !!isMoving && actionType === "drag"
             });
             if (actionType === "drag") {
-              const xLines = sharer2.getSharedStorage(keySelectedReferenceXLines);
-              const yLines = sharer2.getSharedStorage(keySelectedReferenceYLines);
               if (enableSnapToGrid === true) {
-                drawReferenceLines(overlayContext, {
-                  xLines,
-                  yLines
+                const referenceInfo = calcReferenceInfo(elem.uuid, {
+                  calculator,
+                  data: activeStore.data,
+                  groupQueue,
+                  viewScaleInfo,
+                  viewSizeInfo
                 });
+                if (referenceInfo) {
+                  const { offsetX, offsetY, xLines, yLines } = referenceInfo;
+                  if (offsetX === 0 || offsetY === 0) {
+                    drawReferenceLines(overlayContext, {
+                      xLines,
+                      yLines
+                    });
+                  }
+                }
               }
             }
           }
@@ -6676,13 +6701,23 @@ var __privateMethod = (obj, member, method) => {
               hideControllers: !!isMoving && actionType === "drag"
             });
             if (actionType === "drag") {
-              const xLines = sharer2.getSharedStorage(keySelectedReferenceXLines);
-              const yLines = sharer2.getSharedStorage(keySelectedReferenceYLines);
               if (enableSnapToGrid === true) {
-                drawReferenceLines(overlayContext, {
-                  xLines,
-                  yLines
+                const referenceInfo = calcReferenceInfo(elem.uuid, {
+                  calculator,
+                  data: activeStore.data,
+                  groupQueue,
+                  viewScaleInfo,
+                  viewSizeInfo
                 });
+                if (referenceInfo) {
+                  const { offsetX, offsetY, xLines, yLines } = referenceInfo;
+                  if (offsetX === 0 || offsetY === 0) {
+                    drawReferenceLines(overlayContext, {
+                      xLines,
+                      yLines
+                    });
+                  }
+                }
               }
             }
           } else if (actionType === "area" && areaStart && areaEnd) {