abu/wzj-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化类型

Browse Source
This commit is contained in:
LiuHao 2024-02-26 17:25:29 +08:00
parent 2fc98d8016
commit c5e161482b
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/BpmnDesign/index.vue
View File

@ -173,13 +173,13 @@ const initDiagram = (xml?: string) => {
*/ */
const fitViewport = () => { const fitViewport = () => {
zoom.value = bpmnModeler.value.get<Canvas>('canvas').zoom('fit-viewport'); zoom.value = bpmnModeler.value.get<Canvas>('canvas').zoom('fit-viewport');
const bbox = (document.querySelector('.app-containers .viewport') as SVGGElement).getBBox(); const bbox = document.querySelector<SVGGElement>('.app-containers .viewport').getBBox();
const currentViewBox = bpmnModeler.value.get('canvas').viewbox(); const currentViewBox = bpmnModeler.value.get<Canvas>('canvas').viewbox();
const elementMid = { const elementMid = {
x: bbox.x + bbox.width / 2 - 65, x: bbox.x + bbox.width / 2 - 65,
y: bbox.y + bbox.height / 2 y: bbox.y + bbox.height / 2
}; };
bpmnModeler.value.get('canvas').viewbox({ bpmnModeler.value.get<Canvas>('canvas').viewbox({
x: elementMid.x - currentViewBox.width / 2, x: elementMid.x - currentViewBox.width / 2,
y: elementMid.y - currentViewBox.height / 2, y: elementMid.y - currentViewBox.height / 2,
width: currentViewBox.width, width: currentViewBox.width,
@ -192,9 +192,9 @@ const fitViewport = () => {
* @param zoomIn true 放大 | false 缩小 * @param zoomIn true 放大 | false 缩小
*/ */
const zoomViewport = (zoomIn = true) => { const zoomViewport = (zoomIn = true) => {
zoom.value = bpmnModeler.value.get('canvas').zoom(); zoom.value = bpmnModeler.value.get<Canvas>('canvas').zoom();
zoom.value += zoomIn ? 0.1 : -0.1; zoom.value += zoomIn ? 0.1 : -0.1;
bpmnModeler.value.get('canvas').zoom(zoom.value); bpmnModeler.value.get<Canvas>('canvas').zoom(zoom.value);
}; };
/** /**