@tmagic/stage 1.3.0-beta.0 → 1.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tmagic-stage.js +27 -0
- package/dist/tmagic-stage.js.map +1 -1
- package/dist/tmagic-stage.umd.cjs +27 -0
- package/dist/tmagic-stage.umd.cjs.map +1 -1
- package/package.json +4 -4
- package/src/ActionManager.ts +13 -1
- package/src/StageCore.ts +22 -1
- package/src/StageDragResize.ts +5 -0
- package/src/index.ts +1 -1
- package/types/ActionManager.d.ts +2 -1
- package/types/StageCore.d.ts +5 -0
- package/types/StageDragResize.d.ts +2 -0
- package/types/index.d.ts +1 -1
package/dist/tmagic-stage.js
CHANGED
|
@@ -932,6 +932,9 @@ class StageDragResize extends MoveableOptionsManager {
|
|
|
932
932
|
this.moveable.target = null;
|
|
933
933
|
this.moveable.updateRect();
|
|
934
934
|
}
|
|
935
|
+
getDragStatus() {
|
|
936
|
+
return this.dragStatus;
|
|
937
|
+
}
|
|
935
938
|
/**
|
|
936
939
|
* 销毁实例
|
|
937
940
|
*/
|
|
@@ -994,6 +997,7 @@ class StageDragResize extends MoveableOptionsManager {
|
|
|
994
997
|
throw new Error("未选中组件");
|
|
995
998
|
this.dragStatus = StageDragStatus.START;
|
|
996
999
|
this.dragResizeHelper.onDragStart(e);
|
|
1000
|
+
this.emit("drag-start", e);
|
|
997
1001
|
}).on("drag", (e) => {
|
|
998
1002
|
if (!this.target || !this.dragResizeHelper.getShadowEl())
|
|
999
1003
|
return;
|
|
@@ -1363,6 +1367,7 @@ class ActionManager extends EventEmitter {
|
|
|
1363
1367
|
this.clearHighlight();
|
|
1364
1368
|
return;
|
|
1365
1369
|
}
|
|
1370
|
+
this.emit("mousemove", event);
|
|
1366
1371
|
this.highlight(el);
|
|
1367
1372
|
}, throttleTime);
|
|
1368
1373
|
constructor(config) {
|
|
@@ -1462,6 +1467,7 @@ class ActionManager extends EventEmitter {
|
|
|
1462
1467
|
*/
|
|
1463
1468
|
async getElementFromPoint(event) {
|
|
1464
1469
|
const els = this.getElementsFromPoint(event);
|
|
1470
|
+
this.emit("get-elements-from-point", els);
|
|
1465
1471
|
let stopped = false;
|
|
1466
1472
|
const stop = () => stopped = true;
|
|
1467
1473
|
for (const el of els) {
|
|
@@ -1584,6 +1590,9 @@ class ActionManager extends EventEmitter {
|
|
|
1584
1590
|
}
|
|
1585
1591
|
return void 0;
|
|
1586
1592
|
}
|
|
1593
|
+
getDragStatus() {
|
|
1594
|
+
return this.dr.getDragStatus();
|
|
1595
|
+
}
|
|
1587
1596
|
destroy() {
|
|
1588
1597
|
this.container.removeEventListener("mousedown", this.mouseDownHandler);
|
|
1589
1598
|
this.container.removeEventListener("mousemove", this.mouseMoveHandler);
|
|
@@ -1699,6 +1708,8 @@ class ActionManager extends EventEmitter {
|
|
|
1699
1708
|
data: [{ el: drTarget }]
|
|
1700
1709
|
};
|
|
1701
1710
|
this.emit("remove", data);
|
|
1711
|
+
}).on("drag-start", (e) => {
|
|
1712
|
+
this.emit("drag-start", e);
|
|
1702
1713
|
});
|
|
1703
1714
|
this.multiDr.on("update", (data) => {
|
|
1704
1715
|
this.emit("multi-update", data);
|
|
@@ -2451,6 +2462,9 @@ class StageCore extends EventEmitter$1 {
|
|
|
2451
2462
|
getMoveableOption(key) {
|
|
2452
2463
|
return this.actionManager.getMoveableOption(key);
|
|
2453
2464
|
}
|
|
2465
|
+
getDragStatus() {
|
|
2466
|
+
return this.actionManager.getDragStatus();
|
|
2467
|
+
}
|
|
2454
2468
|
/**
|
|
2455
2469
|
* 销毁实例
|
|
2456
2470
|
*/
|
|
@@ -2516,6 +2530,7 @@ class StageCore extends EventEmitter$1 {
|
|
|
2516
2530
|
this.initDrEvent();
|
|
2517
2531
|
this.initMulDrEvent();
|
|
2518
2532
|
this.initHighlightEvent();
|
|
2533
|
+
this.initMouseEvent();
|
|
2519
2534
|
}
|
|
2520
2535
|
/**
|
|
2521
2536
|
* 初始化ActionManager类本身抛出来的事件监听
|
|
@@ -2564,6 +2579,18 @@ class StageCore extends EventEmitter$1 {
|
|
|
2564
2579
|
this.emit("highlight", highlightEl);
|
|
2565
2580
|
});
|
|
2566
2581
|
}
|
|
2582
|
+
/**
|
|
2583
|
+
* 初始化Highlight类通过ActionManager抛出来的事件监听
|
|
2584
|
+
*/
|
|
2585
|
+
initMouseEvent() {
|
|
2586
|
+
this.actionManager.on("mousemove", async (event) => {
|
|
2587
|
+
this.emit("mousemove", event);
|
|
2588
|
+
}).on("mouseleave", async (event) => {
|
|
2589
|
+
this.emit("mouseleave", event);
|
|
2590
|
+
}).on("drag-start", (e) => {
|
|
2591
|
+
this.emit("drag-start", e);
|
|
2592
|
+
});
|
|
2593
|
+
}
|
|
2567
2594
|
}
|
|
2568
2595
|
|
|
2569
2596
|
export { AbleActionEventType, CONTAINER_HIGHLIGHT_CLASS_NAME, ContainerHighlightType, DEFAULT_ZOOM, DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, GuidesType, HIGHLIGHT_EL_ID_PREFIX, Mode, MouseButton, PAGE_CLASS, SELECTED_CLASS, SelectStatus, StageDragResize, StageDragStatus, StageMask, StageRender, ZIndex, addSelectedClassName, calcValueByFontsize, StageCore as default, down, getAbsolutePosition, getMode, getOffset, getScrollParent, getTargetElStyle, isAbsolute, isFixed, isFixedParent, isMoveableButton, isRelative, isStatic, removeSelectedClassName, up };
|