@netless/forge-whiteboard 0.1.18 → 0.1.20
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/changelog.md +8 -0
- package/dist/Whiteboard.d.ts +4 -0
- package/dist/Whiteboard.d.ts.map +1 -1
- package/dist/WhiteboardApplication.d.ts +3 -0
- package/dist/WhiteboardApplication.d.ts.map +1 -1
- package/dist/model/RenderableModel.d.ts +0 -1
- package/dist/model/RenderableModel.d.ts.map +1 -1
- package/dist/whiteboard.esm.js +194 -58
- package/dist/whiteboard.esm.js.map +2 -2
- package/dist/whiteboard.js +194 -58
- package/dist/whiteboard.js.map +2 -2
- package/package.json +1 -1
package/changelog.md
CHANGED
package/dist/Whiteboard.d.ts
CHANGED
|
@@ -191,6 +191,10 @@ export declare class Whiteboard extends EventEmitter<WhiteboardEvents> implement
|
|
|
191
191
|
* 是否显示用户光标
|
|
192
192
|
*/
|
|
193
193
|
showLiveCursor: (visible: boolean) => void;
|
|
194
|
+
/**
|
|
195
|
+
* 更新视口大小
|
|
196
|
+
*/
|
|
197
|
+
updateViewport: (width: number, height: number) => void;
|
|
194
198
|
/**
|
|
195
199
|
* 为 userId 指定的用户设置页面, 调用需要有 `WhiteboardPermissionFlag.setOthersView` 权限,
|
|
196
200
|
* userId 指定的用户的视角模式应为 `free`, 否则调用无效
|
package/dist/Whiteboard.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Whiteboard.d.ts","sourceRoot":"","sources":["../src/Whiteboard.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Whiteboard.d.ts","sourceRoot":"","sources":["../src/Whiteboard.ts"],"names":[],"mappings":"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"}
|
|
@@ -65,10 +65,13 @@ export declare class WhiteboardApplication extends AbstractApplication<Whiteboar
|
|
|
65
65
|
private liveCursor;
|
|
66
66
|
private delayTranslateOut;
|
|
67
67
|
private get undoManager();
|
|
68
|
+
private get viewportWidth();
|
|
69
|
+
private get viewportHeight();
|
|
68
70
|
constructor();
|
|
69
71
|
private userMap;
|
|
70
72
|
private enableToolEvent;
|
|
71
73
|
initialize(option: WhiteboardOption): Promise<void>;
|
|
74
|
+
private handleViewportUpdate;
|
|
72
75
|
private handleElementTranslateOut;
|
|
73
76
|
private handlePageSwitch;
|
|
74
77
|
private hasPermission;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WhiteboardApplication.d.ts","sourceRoot":"","sources":["../src/WhiteboardApplication.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAO,MAAM,qBAAqB,CAAC;AAS/D,OAAO,EAAgB,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAUhF,OAAO,EAA0C,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"WhiteboardApplication.d.ts","sourceRoot":"","sources":["../src/WhiteboardApplication.ts"],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,6 @@ export declare class RenderableModel extends EventEmitter<WhiteboardModelEvents>
|
|
|
48
48
|
convertToModel(yMap: Y.Map<any>): ElementModel | null;
|
|
49
49
|
private initElement;
|
|
50
50
|
removeElementItem(uuid: string): void;
|
|
51
|
-
private addElementToDoc;
|
|
52
51
|
private confirmPermission;
|
|
53
52
|
createImage(src: string): void;
|
|
54
53
|
createCurve(shadow?: boolean): CurveModel | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderableModel.d.ts","sourceRoot":"","sources":["../../src/model/RenderableModel.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RenderableModel.d.ts","sourceRoot":"","sources":["../../src/model/RenderableModel.ts"],"names":[],"mappings":"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"}
|
package/dist/whiteboard.esm.js
CHANGED
|
@@ -27587,28 +27587,11 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27587
27587
|
return model;
|
|
27588
27588
|
}
|
|
27589
27589
|
initElement(element) {
|
|
27590
|
-
let shadow = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
27591
|
-
if (shadow) {
|
|
27592
|
-
element.shadow = "layer";
|
|
27593
|
-
}
|
|
27594
|
-
element.strokeWidth = this.toolbarModel.strokeWidth;
|
|
27595
|
-
element.strokeColor = this.toolbarModel.strokeColor;
|
|
27596
|
-
element.fillColor = this.toolbarModel.fillColor;
|
|
27597
|
-
element.ownerId = this.userManager.selfId;
|
|
27598
27590
|
element.shadowEmitter = this.shadowEmitter;
|
|
27599
27591
|
}
|
|
27600
27592
|
removeElementItem(uuid) {
|
|
27601
27593
|
this.elements.delete(uuid);
|
|
27602
27594
|
}
|
|
27603
|
-
addElementToDoc(map, type) {
|
|
27604
|
-
this.elements.doc?.transact(() => {
|
|
27605
|
-
const uuid = this.uuid;
|
|
27606
|
-
map.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27607
|
-
map.set(ElementModel.KEYS.uuid, uuid);
|
|
27608
|
-
map.set("type", type);
|
|
27609
|
-
this.elements.set(uuid, map);
|
|
27610
|
-
}, elementsUndoOrigin);
|
|
27611
|
-
}
|
|
27612
27595
|
confirmPermission() {
|
|
27613
27596
|
const hasPermission = this.hasPermission(WhiteboardPermissionFlag.draw);
|
|
27614
27597
|
if (!hasPermission) {
|
|
@@ -27621,7 +27604,14 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27621
27604
|
return;
|
|
27622
27605
|
}
|
|
27623
27606
|
const yMap = new Y12.Map();
|
|
27624
|
-
this.
|
|
27607
|
+
this.elements.doc?.transact(() => {
|
|
27608
|
+
const uuid = this.uuid;
|
|
27609
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27610
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27611
|
+
yMap.set("type", "image");
|
|
27612
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27613
|
+
this.elements.set(uuid, yMap);
|
|
27614
|
+
}, elementsUndoOrigin);
|
|
27625
27615
|
const model = new ImageModel(yMap, this.scope, this.imageSets, this.liveCursor);
|
|
27626
27616
|
model.root.set("src", src);
|
|
27627
27617
|
const initMatrix = new this.scope.Matrix();
|
|
@@ -27639,9 +27629,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27639
27629
|
return null;
|
|
27640
27630
|
}
|
|
27641
27631
|
const yMap = new Y12.Map();
|
|
27642
|
-
this.
|
|
27632
|
+
this.elements.doc?.transact(() => {
|
|
27633
|
+
const uuid = this.uuid;
|
|
27634
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27635
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27636
|
+
yMap.set("type", "curve");
|
|
27637
|
+
if (shadow) {
|
|
27638
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27639
|
+
}
|
|
27640
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27641
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27642
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27643
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27644
|
+
this.elements.set(uuid, yMap);
|
|
27645
|
+
}, elementsUndoOrigin);
|
|
27643
27646
|
const curveModel = new CurveModel(yMap, this.scope, this.liveCursor);
|
|
27644
|
-
this.initElement(curveModel
|
|
27647
|
+
this.initElement(curveModel);
|
|
27645
27648
|
return curveModel;
|
|
27646
27649
|
}
|
|
27647
27650
|
createLaserPointer() {
|
|
@@ -27649,15 +27652,21 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27649
27652
|
return null;
|
|
27650
27653
|
}
|
|
27651
27654
|
const yMap = new Y12.Map();
|
|
27652
|
-
this.
|
|
27655
|
+
this.elements.doc?.transact(() => {
|
|
27656
|
+
const uuid = this.uuid;
|
|
27657
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27658
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27659
|
+
yMap.set("type", "laser");
|
|
27660
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27661
|
+
yMap.set(ElementModel.KEYS.strokeWidth, 8);
|
|
27662
|
+
yMap.set(ElementModel.KEYS.strokeColor, "#F44336");
|
|
27663
|
+
yMap.set(ElementModel.KEYS.fillColor, "#F44336");
|
|
27664
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27665
|
+
this.elements.set(uuid, yMap);
|
|
27666
|
+
}, elementsUndoOrigin);
|
|
27653
27667
|
const model = new LaserPointerModel(this.userManager.selfId, yMap, this.scope, this.liveCursor, (uuid) => {
|
|
27654
27668
|
this.removeElementItem(uuid);
|
|
27655
27669
|
});
|
|
27656
|
-
model.strokeWidth = 8;
|
|
27657
|
-
model.strokeColor = "#F44336";
|
|
27658
|
-
model.fillColor = "#F44336";
|
|
27659
|
-
model.ownerId = this.userManager.selfId;
|
|
27660
|
-
model.shadow = "layer";
|
|
27661
27670
|
return model;
|
|
27662
27671
|
}
|
|
27663
27672
|
createEraser() {
|
|
@@ -27665,13 +27674,19 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27665
27674
|
return null;
|
|
27666
27675
|
}
|
|
27667
27676
|
const yMap = new Y12.Map();
|
|
27668
|
-
this.
|
|
27677
|
+
this.elements.doc?.transact(() => {
|
|
27678
|
+
const uuid = this.uuid;
|
|
27679
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27680
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27681
|
+
yMap.set("type", "eraser");
|
|
27682
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27683
|
+
yMap.set(ElementModel.KEYS.strokeWidth, 4);
|
|
27684
|
+
yMap.set(ElementModel.KEYS.strokeColor, "#9E9E9E");
|
|
27685
|
+
yMap.set(ElementModel.KEYS.fillColor, "#9E9E9E");
|
|
27686
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27687
|
+
this.elements.set(uuid, yMap);
|
|
27688
|
+
}, elementsUndoOrigin);
|
|
27669
27689
|
const model = new EraserModel(yMap, this.scope, this.liveCursor);
|
|
27670
|
-
model.strokeWidth = 4;
|
|
27671
|
-
model.strokeColor = "#9E9E9E";
|
|
27672
|
-
model.fillColor = "#9E9E9E";
|
|
27673
|
-
model.ownerId = this.userManager.selfId;
|
|
27674
|
-
model.shadow = "layer";
|
|
27675
27690
|
return model;
|
|
27676
27691
|
}
|
|
27677
27692
|
createTriangle(shadow) {
|
|
@@ -27679,9 +27694,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27679
27694
|
return null;
|
|
27680
27695
|
}
|
|
27681
27696
|
const yMap = new Y12.Map();
|
|
27682
|
-
this.
|
|
27697
|
+
this.elements.doc?.transact(() => {
|
|
27698
|
+
const uuid = this.uuid;
|
|
27699
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27700
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27701
|
+
yMap.set("type", "triangle");
|
|
27702
|
+
if (shadow) {
|
|
27703
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27704
|
+
}
|
|
27705
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27706
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27707
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27708
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27709
|
+
this.elements.set(uuid, yMap);
|
|
27710
|
+
}, elementsUndoOrigin);
|
|
27683
27711
|
const triangle = new TriangleModel(yMap, this.scope, this.liveCursor);
|
|
27684
|
-
this.initElement(triangle
|
|
27712
|
+
this.initElement(triangle);
|
|
27685
27713
|
triangle.dashArray = this.toolbarModel.dashArray;
|
|
27686
27714
|
return triangle;
|
|
27687
27715
|
}
|
|
@@ -27690,9 +27718,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27690
27718
|
return null;
|
|
27691
27719
|
}
|
|
27692
27720
|
const yMap = new Y12.Map();
|
|
27693
|
-
this.
|
|
27721
|
+
this.elements.doc?.transact(() => {
|
|
27722
|
+
const uuid = this.uuid;
|
|
27723
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27724
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27725
|
+
yMap.set("type", "rectangle");
|
|
27726
|
+
if (shadow) {
|
|
27727
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27728
|
+
}
|
|
27729
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27730
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27731
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27732
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27733
|
+
this.elements.set(uuid, yMap);
|
|
27734
|
+
}, elementsUndoOrigin);
|
|
27694
27735
|
const rect = new RectangleModel(yMap, this.scope, this.liveCursor);
|
|
27695
|
-
this.initElement(rect
|
|
27736
|
+
this.initElement(rect);
|
|
27696
27737
|
rect.dashArray = this.toolbarModel.dashArray;
|
|
27697
27738
|
return rect;
|
|
27698
27739
|
}
|
|
@@ -27701,9 +27742,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27701
27742
|
return null;
|
|
27702
27743
|
}
|
|
27703
27744
|
const yMap = new Y12.Map();
|
|
27704
|
-
this.
|
|
27745
|
+
this.elements.doc?.transact(() => {
|
|
27746
|
+
const uuid = this.uuid;
|
|
27747
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27748
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27749
|
+
yMap.set("type", type);
|
|
27750
|
+
if (shadow) {
|
|
27751
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27752
|
+
}
|
|
27753
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27754
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27755
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27756
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27757
|
+
this.elements.set(uuid, yMap);
|
|
27758
|
+
}, elementsUndoOrigin);
|
|
27705
27759
|
const segmentsModel = new SegmentsModel(yMap, this.scope, type, this.liveCursor);
|
|
27706
|
-
this.initElement(segmentsModel
|
|
27760
|
+
this.initElement(segmentsModel);
|
|
27707
27761
|
segmentsModel.dashArray = this.toolbarModel.dashArray;
|
|
27708
27762
|
return segmentsModel;
|
|
27709
27763
|
}
|
|
@@ -27713,7 +27767,15 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27713
27767
|
return null;
|
|
27714
27768
|
}
|
|
27715
27769
|
const yMap = new Y12.Map();
|
|
27716
|
-
this.
|
|
27770
|
+
this.elements.doc?.transact(() => {
|
|
27771
|
+
const uuid = this.uuid;
|
|
27772
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27773
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27774
|
+
yMap.set("type", "selector");
|
|
27775
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27776
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27777
|
+
this.elements.set(uuid, yMap);
|
|
27778
|
+
}, elementsUndoOrigin);
|
|
27717
27779
|
const selectorModel = new SelectorModel(yMap, this.scope, this.liveCursor);
|
|
27718
27780
|
selectorModel.shadow = "layer";
|
|
27719
27781
|
return selectorModel;
|
|
@@ -27723,9 +27785,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27723
27785
|
return null;
|
|
27724
27786
|
}
|
|
27725
27787
|
const yMap = new Y12.Map();
|
|
27726
|
-
this.
|
|
27788
|
+
this.elements.doc?.transact(() => {
|
|
27789
|
+
const uuid = this.uuid;
|
|
27790
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27791
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27792
|
+
yMap.set("type", "line");
|
|
27793
|
+
if (shadow) {
|
|
27794
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27795
|
+
}
|
|
27796
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27797
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27798
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27799
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27800
|
+
this.elements.set(uuid, yMap);
|
|
27801
|
+
}, elementsUndoOrigin);
|
|
27727
27802
|
const straightLineModel = new StraightLineModel(yMap, this.scope, this.liveCursor);
|
|
27728
|
-
this.initElement(straightLineModel
|
|
27803
|
+
this.initElement(straightLineModel);
|
|
27729
27804
|
straightLineModel.dashArray = this.toolbarModel.dashArray;
|
|
27730
27805
|
return straightLineModel;
|
|
27731
27806
|
}
|
|
@@ -27734,9 +27809,22 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27734
27809
|
return null;
|
|
27735
27810
|
}
|
|
27736
27811
|
const yMap = new Y12.Map();
|
|
27737
|
-
this.
|
|
27812
|
+
this.elements.doc?.transact(() => {
|
|
27813
|
+
const uuid = this.uuid;
|
|
27814
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27815
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27816
|
+
yMap.set("type", "arrow");
|
|
27817
|
+
if (shadow) {
|
|
27818
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27819
|
+
}
|
|
27820
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27821
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27822
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27823
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27824
|
+
this.elements.set(uuid, yMap);
|
|
27825
|
+
}, elementsUndoOrigin);
|
|
27738
27826
|
const lineModel = new LineModel(yMap, this.scope, this.liveCursor);
|
|
27739
|
-
this.initElement(lineModel
|
|
27827
|
+
this.initElement(lineModel);
|
|
27740
27828
|
lineModel.dashArray = this.toolbarModel.dashArray;
|
|
27741
27829
|
return lineModel;
|
|
27742
27830
|
}
|
|
@@ -27745,12 +27833,25 @@ var RenderableModel = class extends EventEmitter {
|
|
|
27745
27833
|
return null;
|
|
27746
27834
|
}
|
|
27747
27835
|
const yMap = new Y12.Map();
|
|
27748
|
-
this.
|
|
27836
|
+
this.elements.doc?.transact(() => {
|
|
27837
|
+
const uuid = this.uuid;
|
|
27838
|
+
yMap.set(ElementModel.KEYS.index, ++this.maxIndex);
|
|
27839
|
+
yMap.set(ElementModel.KEYS.uuid, uuid);
|
|
27840
|
+
yMap.set("type", "point-text");
|
|
27841
|
+
if (shadow) {
|
|
27842
|
+
yMap.set(ElementModel.KEYS.shadow, "layer");
|
|
27843
|
+
}
|
|
27844
|
+
yMap.set(ElementModel.KEYS.strokeWidth, this.toolbarModel.strokeWidth);
|
|
27845
|
+
yMap.set(ElementModel.KEYS.strokeColor, this.toolbarModel.strokeColor);
|
|
27846
|
+
yMap.set(ElementModel.KEYS.fillColor, this.toolbarModel.fillColor);
|
|
27847
|
+
yMap.set(ElementModel.KEYS.ownerId, this.userManager.selfId);
|
|
27848
|
+
this.elements.set(uuid, yMap);
|
|
27849
|
+
}, elementsUndoOrigin);
|
|
27749
27850
|
const pointTextModel = new PointTextModel(yMap, this.scope, this.liveCursor);
|
|
27750
27851
|
pointTextModel.setPoints([x, y]);
|
|
27751
27852
|
pointTextModel.fontSize = this.toolbarModel.fontSize;
|
|
27752
27853
|
pointTextModel.fontFamily = this.toolbarModel.fontFamily;
|
|
27753
|
-
this.initElement(pointTextModel
|
|
27854
|
+
this.initElement(pointTextModel);
|
|
27754
27855
|
return pointTextModel;
|
|
27755
27856
|
}
|
|
27756
27857
|
clearElement() {
|
|
@@ -29977,6 +30078,7 @@ var Whiteboard = class extends EventEmitter8 {
|
|
|
29977
30078
|
_defineProperty31(this, "scaleCamera", void 0);
|
|
29978
30079
|
_defineProperty31(this, "resetCamera", void 0);
|
|
29979
30080
|
_defineProperty31(this, "showLiveCursor", void 0);
|
|
30081
|
+
_defineProperty31(this, "updateViewport", void 0);
|
|
29980
30082
|
_defineProperty31(this, "setFreeModelUserPage", void 0);
|
|
29981
30083
|
_defineProperty31(this, "indexedNavigation", void 0);
|
|
29982
30084
|
_defineProperty31(this, "setViewModeToFree", void 0);
|
|
@@ -31141,6 +31243,20 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31141
31243
|
}
|
|
31142
31244
|
return null;
|
|
31143
31245
|
}
|
|
31246
|
+
get viewportWidth() {
|
|
31247
|
+
const vw = this.getMap("attrs").get("viewportWidth");
|
|
31248
|
+
if (vw) {
|
|
31249
|
+
return vw;
|
|
31250
|
+
}
|
|
31251
|
+
return this.option.width;
|
|
31252
|
+
}
|
|
31253
|
+
get viewportHeight() {
|
|
31254
|
+
const vh = this.getMap("attrs").get("viewportHeight");
|
|
31255
|
+
if (vh) {
|
|
31256
|
+
return vh;
|
|
31257
|
+
}
|
|
31258
|
+
return this.option.height;
|
|
31259
|
+
}
|
|
31144
31260
|
constructor() {
|
|
31145
31261
|
var _this;
|
|
31146
31262
|
super();
|
|
@@ -31180,6 +31296,12 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31180
31296
|
_defineProperty43(this, "enableToolEvent", () => {
|
|
31181
31297
|
return !(this.inputType === "pen" && !this.isPenEvent);
|
|
31182
31298
|
});
|
|
31299
|
+
_defineProperty43(this, "handleViewportUpdate", (evt) => {
|
|
31300
|
+
if (evt.keysChanged.has("viewportWidth") || evt.keysChanged.has("viewportHeight")) {
|
|
31301
|
+
const rect = this.rootElement.getBoundingClientRect();
|
|
31302
|
+
this.adjustByOutFrame(rect.width, rect.height);
|
|
31303
|
+
}
|
|
31304
|
+
});
|
|
31183
31305
|
_defineProperty43(this, "handleElementTranslateOut", (ids, container) => {
|
|
31184
31306
|
const shadowLayer = this.shadowScope.project.activeLayer;
|
|
31185
31307
|
let parent = null;
|
|
@@ -31412,21 +31534,24 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31412
31534
|
}
|
|
31413
31535
|
});
|
|
31414
31536
|
_defineProperty43(this, "adjustByOutFrame", (frameWidth, frameHeight) => {
|
|
31415
|
-
|
|
31537
|
+
const viewportWidth = this.viewportWidth;
|
|
31538
|
+
const viewportHeight = this.viewportHeight;
|
|
31539
|
+
if (viewportWidth > 0 && viewportHeight > 0) {
|
|
31416
31540
|
const minWidth = Math.max(frameWidth, 10);
|
|
31417
31541
|
const minHeight = Math.max(frameHeight, 10);
|
|
31418
31542
|
let width = minWidth;
|
|
31419
|
-
let height = width *
|
|
31543
|
+
let height = width * viewportHeight / viewportWidth;
|
|
31420
31544
|
if (height > minHeight) {
|
|
31421
31545
|
height = minHeight;
|
|
31422
|
-
width = height *
|
|
31546
|
+
width = height * viewportWidth / viewportHeight;
|
|
31423
31547
|
}
|
|
31424
|
-
this.camera.updateInherentScale(width /
|
|
31548
|
+
this.camera.updateInherentScale(width / viewportWidth);
|
|
31425
31549
|
this.paperScope.project.view.viewSize = new this.paperScope.Size(width, height);
|
|
31426
31550
|
this.shadowScope.project.view.viewSize = new this.paperScope.Size(width, height);
|
|
31427
31551
|
this.camera.triggerZoom();
|
|
31428
31552
|
}
|
|
31429
31553
|
});
|
|
31554
|
+
window._wb = this;
|
|
31430
31555
|
requestAnimationFrameHook(this.paperScope);
|
|
31431
31556
|
requestAnimationFrameHook(this.shadowScope);
|
|
31432
31557
|
const that = this;
|
|
@@ -31625,6 +31750,9 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31625
31750
|
this.emitter.showLiveCursor = (value) => {
|
|
31626
31751
|
this.liveCursor.showLiveCursor = value;
|
|
31627
31752
|
};
|
|
31753
|
+
this.emitter.updateViewport = (width, height) => {
|
|
31754
|
+
this.updateOptionSize(width, height);
|
|
31755
|
+
};
|
|
31628
31756
|
this.emitter.__setMainCanvasVisible = (visible) => {
|
|
31629
31757
|
this.canvasElement.style.opacity = visible ? "1" : "0";
|
|
31630
31758
|
};
|
|
@@ -31743,8 +31871,15 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31743
31871
|
this.emitter["selfUserId"] = this.userId;
|
|
31744
31872
|
this.option = option;
|
|
31745
31873
|
if (this.option.stretchToFill) {
|
|
31746
|
-
this.
|
|
31747
|
-
this.
|
|
31874
|
+
this.getMap("attrs").set("viewportWidth", -1);
|
|
31875
|
+
this.getMap("attrs").set("viewportHeight", -1);
|
|
31876
|
+
} else {
|
|
31877
|
+
if (!this.getMap("attrs").has("viewportWidth")) {
|
|
31878
|
+
this.getMap("attrs").set("viewportWidth", option.width);
|
|
31879
|
+
}
|
|
31880
|
+
if (!this.getMap("attrs").has("viewportHeight")) {
|
|
31881
|
+
this.getMap("attrs").set("viewportHeight", option.height);
|
|
31882
|
+
}
|
|
31748
31883
|
}
|
|
31749
31884
|
this.userMap(this.userId).set(WhiteboardKeys.themeColor, "#009688");
|
|
31750
31885
|
this.shadowEmitter = new ShadowEmitter(this.userMap(this.userId));
|
|
@@ -31913,12 +32048,13 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
31913
32048
|
this.clearElements();
|
|
31914
32049
|
if (this.option.stretchToFill) {
|
|
31915
32050
|
window.addEventListener("resize", () => {
|
|
31916
|
-
const bounds =
|
|
32051
|
+
const bounds = this.rootElement.getBoundingClientRect();
|
|
31917
32052
|
this.updateOptionSize(bounds.width, bounds.height);
|
|
31918
32053
|
this.adjustByOutFrame(bounds.width, bounds.height);
|
|
31919
32054
|
});
|
|
31920
32055
|
}
|
|
31921
32056
|
this.rootElement.appendChild(this.liveCursor.container);
|
|
32057
|
+
this.getMap("attrs").observe(this.handleViewportUpdate);
|
|
31922
32058
|
}
|
|
31923
32059
|
clearElements() {
|
|
31924
32060
|
const userIds = this.userManager.userIdList();
|
|
@@ -32014,10 +32150,10 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
32014
32150
|
this.snapshotScope.view.viewSize = bounds.size.multiply(scale2);
|
|
32015
32151
|
this.snapshotScope.view.matrix = matrix;
|
|
32016
32152
|
} else if (area === "maxScale" && this.option.maxScaleRatio && this.option.maxScaleRatio !== -1) {
|
|
32017
|
-
const width = this.
|
|
32018
|
-
const height = this.
|
|
32019
|
-
const offsetX = this.
|
|
32020
|
-
const offsetY = this.
|
|
32153
|
+
const width = this.viewportWidth * this.option.maxScaleRatio;
|
|
32154
|
+
const height = this.viewportHeight * this.option.maxScaleRatio;
|
|
32155
|
+
const offsetX = this.viewportWidth * (this.option.maxScaleRatio - 1) / 2;
|
|
32156
|
+
const offsetY = this.viewportHeight * (this.option.maxScaleRatio - 1) / 2;
|
|
32021
32157
|
const matrix = new this.paperScope.Matrix();
|
|
32022
32158
|
matrix.scale(scale);
|
|
32023
32159
|
matrix.translate({
|
|
@@ -32079,8 +32215,8 @@ var WhiteboardApplication = class extends AbstractApplication {
|
|
|
32079
32215
|
this.internalResizeObserver = value;
|
|
32080
32216
|
}
|
|
32081
32217
|
updateOptionSize(width, height) {
|
|
32082
|
-
this.
|
|
32083
|
-
this.
|
|
32218
|
+
this.getMap("attrs").set("viewportWidth", width);
|
|
32219
|
+
this.getMap("attrs").set("viewportHeight", height);
|
|
32084
32220
|
this.camera.updateInitSize(new import_paper.default.Size(width, height));
|
|
32085
32221
|
}
|
|
32086
32222
|
async dispose() {
|