rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-03-11 16:32:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Patch 1 (#278)

Browse Source 
* Touch support for split view

* Attempting to make TS happy

* Making typescript happy round two

https://stackoverflow.com/questions/54688147/react-typescript-event-type-for-both-interfaces-mouseevent-and-touchevent

* make TS Happy

* Update splitview.ts

---------

Co-authored-by: Ray Foss <ray@vblip.com>
This commit is contained in:
mathuo 2023-06-12 21:36:24 +01:00 committed by GitHub
parent fbe6c65186
commit 9e10814840
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/dockview-core/src/splitview/splitview.ts
View File

@ -393,7 +393,8 @@ export class Splitview {
const sash = document.createElement('div');
sash.className = 'sash';
const onStart = (event: MouseEvent) => {
const onStart = (nativeEvent: MouseEvent | TouchEvent) => {
const event = nativeEvent instanceof TouchEvent ? nativeEvent.touches[0] : nativeEvent;
for (const item of this.viewItems) {
item.enabled = false;
}
@ -488,11 +489,12 @@ export class Splitview {
}
//
const mousemove = (mousemoveEvent: MouseEvent) => {
const mousemove = (nativeMoveEvent: MouseEvent | TouchEvent) => {
const moveEvent = nativeMoveEvent instanceof TouchEvent ? nativeMoveEvent.touches[0] : nativeMoveEvent;
const current =
this._orientation === Orientation.HORIZONTAL
? mousemoveEvent.clientX
: mousemoveEvent.clientY;
? moveEvent.clientX
: moveEvent.clientY;
const delta = current - start;
this.resize(
@ -523,15 +525,24 @@ export class Splitview {
document.removeEventListener('mousemove', mousemove);
document.removeEventListener('mouseup', end);
document.removeEventListener("touchmove", mousemove);
document.removeEventListener("touchend", end);
document.removeEventListener("touchcancel", end);
this._onDidSashEnd.fire(undefined);
return true // Consume, otherwise Monaco complains
};
document.addEventListener('mousemove', mousemove);
document.addEventListener('mouseup', end);
document.addEventListener("touchmove", mousemove);
document.addEventListener("touchend", end);
document.addEventListener("touchcancel", end);
return true // consume pull to refresh gesture
};
sash.addEventListener('mousedown', onStart);
sash.addEventListener("touchstart", onStart);
const sashItem: ISashItem = {
container: sash,