@tmagic/stage 1.2.0-beta.1 → 1.2.0-beta.3
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.mjs +20 -12
- package/dist/tmagic-stage.mjs.map +1 -1
- package/dist/tmagic-stage.umd.js +20 -12
- package/dist/tmagic-stage.umd.js.map +1 -1
- package/package.json +4 -4
- package/src/StageCore.ts +3 -3
- package/src/StageDragResize.ts +17 -9
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.2.0-beta.
|
|
2
|
+
"version": "1.2.0-beta.3",
|
|
3
3
|
"name": "@tmagic/stage",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"dist/*"
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@scena/guides": "^0.17.0",
|
|
32
|
-
"@tmagic/core": "1.2.0-beta.
|
|
33
|
-
"@tmagic/schema": "1.2.0-beta.
|
|
34
|
-
"@tmagic/utils": "1.2.0-beta.
|
|
32
|
+
"@tmagic/core": "1.2.0-beta.3",
|
|
33
|
+
"@tmagic/schema": "1.2.0-beta.3",
|
|
34
|
+
"@tmagic/utils": "1.2.0-beta.3",
|
|
35
35
|
"events": "^3.3.0",
|
|
36
36
|
"keycon": "^1.1.2",
|
|
37
37
|
"lodash-es": "^4.17.21",
|
package/src/StageCore.ts
CHANGED
|
@@ -134,6 +134,7 @@ export default class StageCore extends EventEmitter {
|
|
|
134
134
|
this.selectedDomList.push(el);
|
|
135
135
|
}
|
|
136
136
|
this.multiSelect(this.selectedDomList);
|
|
137
|
+
this.emit('multiSelect', this.selectedDomList);
|
|
137
138
|
});
|
|
138
139
|
|
|
139
140
|
// 要先触发select,在触发update
|
|
@@ -238,9 +239,8 @@ export default class StageCore extends EventEmitter {
|
|
|
238
239
|
*/
|
|
239
240
|
public async multiSelect(idOrElList: HTMLElement[] | Id[]): Promise<void> {
|
|
240
241
|
this.clearSelectStatus('select');
|
|
241
|
-
|
|
242
|
-
this.multiDr.multiSelect(
|
|
243
|
-
this.emit('multiSelect', elList);
|
|
242
|
+
this.selectedDomList = await Promise.all(idOrElList.map(async (idOrEl) => await this.getTargetElement(idOrEl)));
|
|
243
|
+
this.multiDr.multiSelect(this.selectedDomList);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
/**
|
package/src/StageDragResize.ts
CHANGED
|
@@ -395,10 +395,14 @@ export default class StageDragResize extends EventEmitter {
|
|
|
395
395
|
this.dragStatus = StageDragStatus.END;
|
|
396
396
|
const frame = this.moveableHelper?.getFrame(e.target);
|
|
397
397
|
this.emit('update', {
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
398
|
+
data: [
|
|
399
|
+
{
|
|
400
|
+
el: this.target,
|
|
401
|
+
style: {
|
|
402
|
+
transform: frame?.get('transform'),
|
|
403
|
+
},
|
|
404
|
+
},
|
|
405
|
+
],
|
|
402
406
|
});
|
|
403
407
|
});
|
|
404
408
|
}
|
|
@@ -422,10 +426,14 @@ export default class StageDragResize extends EventEmitter {
|
|
|
422
426
|
this.dragStatus = StageDragStatus.END;
|
|
423
427
|
const frame = this.moveableHelper?.getFrame(e.target);
|
|
424
428
|
this.emit('update', {
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
+
data: [
|
|
430
|
+
{
|
|
431
|
+
el: this.target,
|
|
432
|
+
style: {
|
|
433
|
+
transform: frame?.get('transform'),
|
|
434
|
+
},
|
|
435
|
+
},
|
|
436
|
+
],
|
|
429
437
|
});
|
|
430
438
|
});
|
|
431
439
|
}
|
|
@@ -552,7 +560,7 @@ export default class StageDragResize extends EventEmitter {
|
|
|
552
560
|
resizable: true,
|
|
553
561
|
scalable: false,
|
|
554
562
|
rotatable: false,
|
|
555
|
-
snappable:
|
|
563
|
+
snappable: true,
|
|
556
564
|
snapGap: isAbsolute || isFixed,
|
|
557
565
|
snapThreshold: 5,
|
|
558
566
|
snapDigit: 0,
|