@opensumi/ide-editor 3.2.5-next-1724293079.0 → 3.2.5-next-1724396191.0
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/lib/browser/editor.module.less +7 -7
- package/lib/browser/editor.view.d.ts.map +1 -1
- package/lib/browser/editor.view.js +12 -2
- package/lib/browser/editor.view.js.map +1 -1
- package/lib/browser/grid/grid.service.d.ts +0 -1
- package/lib/browser/grid/grid.service.d.ts.map +1 -1
- package/lib/browser/grid/grid.service.js +4 -6
- package/lib/browser/grid/grid.service.js.map +1 -1
- package/lib/browser/navigation.module.less +2 -3
- package/lib/browser/navigation.view.js +1 -1
- package/lib/browser/navigation.view.js.map +1 -1
- package/lib/browser/tab.view.d.ts.map +1 -1
- package/lib/browser/tab.view.js +6 -16
- package/lib/browser/tab.view.js.map +1 -1
- package/lib/browser/workbench-editor.service.d.ts.map +1 -1
- package/lib/browser/workbench-editor.service.js +2 -3
- package/lib/browser/workbench-editor.service.js.map +1 -1
- package/lib/common/index.d.ts +0 -1
- package/lib/common/index.d.ts.map +1 -1
- package/lib/common/index.js +0 -1
- package/lib/common/index.js.map +1 -1
- package/package.json +14 -14
- package/src/browser/editor.module.less +7 -7
- package/src/browser/editor.view.tsx +21 -4
- package/src/browser/grid/grid.service.ts +7 -13
- package/src/browser/navigation.module.less +2 -3
- package/src/browser/navigation.view.tsx +1 -1
- package/src/browser/tab.view.tsx +8 -35
- package/src/browser/workbench-editor.service.ts +4 -7
- package/src/common/index.ts +0 -1
- package/lib/browser/editor-scrollbar/index.d.ts +0 -69
- package/lib/browser/editor-scrollbar/index.d.ts.map +0 -1
- package/lib/browser/editor-scrollbar/index.js +0 -289
- package/lib/browser/editor-scrollbar/index.js.map +0 -1
- package/lib/browser/editor-scrollbar/index.module.less +0 -106
- package/lib/common/components.d.ts +0 -3
- package/lib/common/components.d.ts.map +0 -1
- package/lib/common/components.js +0 -6
- package/lib/common/components.js.map +0 -1
- package/src/browser/editor-scrollbar/index.module.less +0 -106
- package/src/browser/editor-scrollbar/index.tsx +0 -399
- package/src/common/components.ts +0 -2
package/src/browser/tab.view.tsx
CHANGED
|
@@ -13,8 +13,8 @@ import React, {
|
|
|
13
13
|
useState,
|
|
14
14
|
} from 'react';
|
|
15
15
|
|
|
16
|
+
import { Scrollbars } from '@opensumi/ide-components';
|
|
16
17
|
import {
|
|
17
|
-
ComponentRegistry,
|
|
18
18
|
ConfigContext,
|
|
19
19
|
Disposable,
|
|
20
20
|
DisposableCollection,
|
|
@@ -29,7 +29,6 @@ import {
|
|
|
29
29
|
getExternalIcon,
|
|
30
30
|
getIcon,
|
|
31
31
|
getSlotLocation,
|
|
32
|
-
renderView,
|
|
33
32
|
useDesignStyles,
|
|
34
33
|
} from '@opensumi/ide-core-browser';
|
|
35
34
|
import { InlineMenuBar } from '@opensumi/ide-core-browser/lib/components/actions';
|
|
@@ -37,18 +36,9 @@ import { LayoutViewSizeConfig } from '@opensumi/ide-core-browser/lib/layout/cons
|
|
|
37
36
|
import { VIEW_CONTAINERS } from '@opensumi/ide-core-browser/lib/layout/view-id';
|
|
38
37
|
import { IMenuRegistry, MenuId } from '@opensumi/ide-core-browser/lib/menu/next';
|
|
39
38
|
import { useInjectable, useUpdateOnEventBusEvent } from '@opensumi/ide-core-browser/lib/react-hooks';
|
|
40
|
-
import { formatLocalize } from '@opensumi/ide-core-common';
|
|
41
39
|
|
|
42
|
-
import {
|
|
43
|
-
|
|
44
|
-
IResource,
|
|
45
|
-
ResourceDidUpdateEvent,
|
|
46
|
-
ResourceService,
|
|
47
|
-
TabbarRightExtraContentId,
|
|
48
|
-
WorkbenchEditorService,
|
|
49
|
-
} from '../common';
|
|
50
|
-
|
|
51
|
-
import { Scroll } from './editor-scrollbar';
|
|
40
|
+
import { IEditorGroup, IResource, ResourceDidUpdateEvent, ResourceService, WorkbenchEditorService } from '../common';
|
|
41
|
+
|
|
52
42
|
import styles from './editor.module.less';
|
|
53
43
|
import { TabTitleMenuService } from './menu/title-context.menu';
|
|
54
44
|
import {
|
|
@@ -82,7 +72,6 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
82
72
|
const menuRegistry = useInjectable<IMenuRegistry>(IMenuRegistry);
|
|
83
73
|
const editorTabService = useInjectable<IEditorTabService>(IEditorTabService);
|
|
84
74
|
const layoutViewSize = useInjectable<LayoutViewSizeConfig>(LayoutViewSizeConfig);
|
|
85
|
-
const componentRegistry = useInjectable<ComponentRegistry>(ComponentRegistry);
|
|
86
75
|
|
|
87
76
|
const styles_tab_right = useDesignStyles(styles.tab_right, 'tab_right');
|
|
88
77
|
const styles_close_tab = useDesignStyles(styles.close_tab, 'close_tab');
|
|
@@ -116,13 +105,6 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
116
105
|
|
|
117
106
|
const slotLocation = useMemo(() => getSlotLocation(pkgName, configContext.layoutConfig), []);
|
|
118
107
|
|
|
119
|
-
const RightExtraContentViewConfig = React.useMemo(() => {
|
|
120
|
-
const firstView = componentRegistry.getComponentRegistryInfo(TabbarRightExtraContentId)?.views?.[0];
|
|
121
|
-
if (firstView) {
|
|
122
|
-
return firstView;
|
|
123
|
-
}
|
|
124
|
-
}, []);
|
|
125
|
-
|
|
126
108
|
useUpdateOnGroupTabChange(group);
|
|
127
109
|
useUpdateOnEventBusEvent(
|
|
128
110
|
ResourceDidUpdateEvent,
|
|
@@ -378,9 +360,7 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
378
360
|
return editorTabService.renderEditorTab(
|
|
379
361
|
<>
|
|
380
362
|
<div className={tabsLoadingMap[resource.uri.toString()] ? 'loading_indicator' : cls(resource.icon)}> </div>
|
|
381
|
-
<div
|
|
382
|
-
{resource.name}
|
|
383
|
-
</div>
|
|
363
|
+
<div>{resource.name}</div>
|
|
384
364
|
{subname ? <div className={styles.subname}>{subname}</div> : null}
|
|
385
365
|
{decoration.readOnly ? (
|
|
386
366
|
<span className={cls(getExternalIcon('lock'), styles.editor_readonly_icon)}></span>
|
|
@@ -400,12 +380,7 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
400
380
|
}}
|
|
401
381
|
>
|
|
402
382
|
{editorTabService.renderTabCloseComponent(
|
|
403
|
-
<div
|
|
404
|
-
className={cls(getIcon('close'), styles_kt_editor_close_icon)}
|
|
405
|
-
tabIndex={0}
|
|
406
|
-
role='button'
|
|
407
|
-
aria-label={formatLocalize('editor.closeTab.title', resource.name)}
|
|
408
|
-
/>,
|
|
383
|
+
<div className={cls(getIcon('close'), styles_kt_editor_close_icon)} />,
|
|
409
384
|
)}
|
|
410
385
|
</div>
|
|
411
386
|
</div>
|
|
@@ -426,7 +401,6 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
426
401
|
[styles_kt_editor_tabs_current_last]: curTabIndex === group.resources.length - 1,
|
|
427
402
|
})}
|
|
428
403
|
ref={contentRef as any}
|
|
429
|
-
role='tablist'
|
|
430
404
|
>
|
|
431
405
|
{group.resources.map((resource, i) => {
|
|
432
406
|
let ref: HTMLDivElement | null;
|
|
@@ -518,19 +492,18 @@ export const Tabs = ({ group }: ITabsProps) => {
|
|
|
518
492
|
onDoubleClick={handleEmptyDBClick}
|
|
519
493
|
>
|
|
520
494
|
{!wrapMode ? (
|
|
521
|
-
<
|
|
495
|
+
<Scrollbars
|
|
496
|
+
tabBarMode
|
|
522
497
|
forwardedRef={(el) => (el ? (tabContainer.current = el) : null)}
|
|
523
498
|
className={styles.kt_editor_tabs_scroll}
|
|
524
499
|
>
|
|
525
500
|
{renderTabContent()}
|
|
526
|
-
</
|
|
501
|
+
</Scrollbars>
|
|
527
502
|
) : (
|
|
528
503
|
<div className={styles.kt_editor_wrap_container}>{renderTabContent()}</div>
|
|
529
504
|
)}
|
|
530
505
|
</div>
|
|
531
506
|
{!wrapMode && <EditorActions ref={editorActionRef} group={group} />}
|
|
532
|
-
|
|
533
|
-
{renderView(RightExtraContentViewConfig)}
|
|
534
507
|
</div>
|
|
535
508
|
);
|
|
536
509
|
};
|
|
@@ -491,13 +491,10 @@ export class WorkbenchEditorServiceImpl extends WithEventBus implements Workbenc
|
|
|
491
491
|
state = this.openedResourceState.get<IEditorGridState>('grid', state);
|
|
492
492
|
}
|
|
493
493
|
this.topGrid = new EditorGrid();
|
|
494
|
-
this.
|
|
495
|
-
|
|
496
|
-
this.
|
|
497
|
-
|
|
498
|
-
this._onDidEditorGroupsChanged.fire();
|
|
499
|
-
}),
|
|
500
|
-
);
|
|
494
|
+
this.topGrid.onDidGridAndDesendantStateChange(() => {
|
|
495
|
+
this._sortedEditorGroups = undefined;
|
|
496
|
+
this._onDidEditorGroupsChanged.fire();
|
|
497
|
+
});
|
|
501
498
|
const editorRestorePromises = [];
|
|
502
499
|
const promise = this.topGrid
|
|
503
500
|
.deserialize(state, () => this.createEditorGroup(), editorRestorePromises)
|
package/src/common/index.ts
CHANGED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import React, { MouseEvent, UIEvent } from 'react';
|
|
2
|
-
export interface ScrollAreaProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
onScroll?: (position: ScrollPosition) => any;
|
|
5
|
-
atTopClassName?: string;
|
|
6
|
-
style?: any;
|
|
7
|
-
containerStyle?: any;
|
|
8
|
-
delegate?: (delegate: IScrollDelegate) => void;
|
|
9
|
-
forwardedRef: (ref: HTMLDivElement) => void;
|
|
10
|
-
children: any;
|
|
11
|
-
}
|
|
12
|
-
export interface IScrollDelegate {
|
|
13
|
-
scrollTo(position: ScrollPosition): void;
|
|
14
|
-
}
|
|
15
|
-
export interface ScrollPosition {
|
|
16
|
-
top: number;
|
|
17
|
-
left: number;
|
|
18
|
-
}
|
|
19
|
-
export interface ScrollSizes {
|
|
20
|
-
scrollHeight: number;
|
|
21
|
-
offsetHeight: number;
|
|
22
|
-
offsetWidth: number;
|
|
23
|
-
scrollWidth: number;
|
|
24
|
-
}
|
|
25
|
-
export declare class Scroll extends React.Component<ScrollAreaProps, any> {
|
|
26
|
-
ref: HTMLDivElement;
|
|
27
|
-
container: HTMLDivElement;
|
|
28
|
-
private thumbV;
|
|
29
|
-
private trackV;
|
|
30
|
-
private thumbH;
|
|
31
|
-
private trackH;
|
|
32
|
-
private decorationL;
|
|
33
|
-
private decorationR;
|
|
34
|
-
private size;
|
|
35
|
-
private position;
|
|
36
|
-
private dragging;
|
|
37
|
-
private draggingStart;
|
|
38
|
-
private draggingStartPos;
|
|
39
|
-
private requestFrame;
|
|
40
|
-
private shouldHideThumb;
|
|
41
|
-
private isAtTop;
|
|
42
|
-
onScroll(e: UIEvent<HTMLDivElement>): void;
|
|
43
|
-
scrollTo(position: ScrollPosition): void;
|
|
44
|
-
onMouseDownHorizontal(e: MouseEvent<HTMLDivElement>): void;
|
|
45
|
-
onMouseMoveHorizontal: (e: any) => void;
|
|
46
|
-
onMouseUpHorizontal: (e: any) => void;
|
|
47
|
-
onMouseDownOnTrack(e: MouseEvent<HTMLDivElement>): void;
|
|
48
|
-
calculateXToLeft(x: any): number;
|
|
49
|
-
onMouseDownVertical(e: MouseEvent<HTMLDivElement>): void;
|
|
50
|
-
onMouseMoveVertical: (e: any) => void;
|
|
51
|
-
onMouseUpVertical: (e: any) => void;
|
|
52
|
-
onMouseDownOnTrackVertical(e: MouseEvent<HTMLDivElement>): void;
|
|
53
|
-
onMousewheel: (e: WheelEvent) => void;
|
|
54
|
-
calculateYToTop(y: any): number;
|
|
55
|
-
componentDidUpdate(): void;
|
|
56
|
-
componentDidMount(): void;
|
|
57
|
-
onMouseEnter: () => void;
|
|
58
|
-
componentWillUnmount(): void;
|
|
59
|
-
handleWindowResize: () => void;
|
|
60
|
-
sizeEqual(size1: ScrollSizes, size2: ScrollSizes): boolean;
|
|
61
|
-
update: (callback?: any) => void;
|
|
62
|
-
_update(): void;
|
|
63
|
-
updateScrollBar(): void;
|
|
64
|
-
hideThumb(): void;
|
|
65
|
-
showThumb(): void;
|
|
66
|
-
setCss(): void;
|
|
67
|
-
render(): React.JSX.Element;
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/editor-scrollbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,GAAG,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAE/C,YAAY,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IAE5C,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,GAAG,CAAC;IACxD,GAAG,EAAE,cAAc,CAAC;IAEpB,SAAS,EAAE,cAAc,CAAC;IAEjC,OAAO,CAAC,MAAM,CAAkB;IAEhC,OAAO,CAAC,MAAM,CAAkB;IAEhC,OAAO,CAAC,MAAM,CAAkB;IAEhC,OAAO,CAAC,MAAM,CAAkB;IAEhC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,WAAW,CAAiB;IAEpC,OAAO,CAAC,IAAI,CAAc;IAE1B,OAAO,CAAC,QAAQ,CAGd;IAEF,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,gBAAgB,CAAK;IAE7B,OAAO,CAAC,YAAY,CAAM;IAE1B,OAAO,CAAC,eAAe,CAAQ;IAE/B,OAAO,CAAC,OAAO,CAAQ;IAEvB,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAuCnC,QAAQ,CAAC,QAAQ,EAAE,cAAc;IAKjC,qBAAqB,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAWnD,qBAAqB,mBAMnB;IAEF,mBAAmB,mBAOjB;IAEF,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAYhD,gBAAgB,CAAC,CAAC,KAAA;IAMlB,mBAAmB,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAWjD,mBAAmB,mBAMjB;IAEF,iBAAiB,mBAOf;IAEF,0BAA0B,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAYxD,YAAY,MAAO,UAAU,UAY3B;IAEF,eAAe,CAAC,CAAC,KAAA;IAMjB,kBAAkB;IASlB,iBAAiB;IAcjB,YAAY,aAEV;IAEF,oBAAoB;IAWpB,kBAAkB,aAEhB;IAEF,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO;IAW1D,MAAM,2BAUJ;IAEF,OAAO;IAcP,eAAe;IAoBf,SAAS;IAOT,SAAS;IAKT,MAAM;IAeN,MAAM;CAqDP"}
|
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Scroll = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
|
|
8
|
-
class Scroll extends react_1.default.Component {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.position = {
|
|
12
|
-
top: 0,
|
|
13
|
-
left: 0,
|
|
14
|
-
};
|
|
15
|
-
this.dragging = false;
|
|
16
|
-
this.draggingStart = 0;
|
|
17
|
-
this.draggingStartPos = 0;
|
|
18
|
-
this.shouldHideThumb = true;
|
|
19
|
-
this.isAtTop = true;
|
|
20
|
-
this.onMouseMoveHorizontal = (e) => {
|
|
21
|
-
if (!this.dragging) {
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
const move = e.pageX - this.draggingStart;
|
|
25
|
-
this.ref.scrollLeft = this.draggingStartPos + this.calculateXToLeft(move);
|
|
26
|
-
};
|
|
27
|
-
this.onMouseUpHorizontal = (e) => {
|
|
28
|
-
this.dragging = false;
|
|
29
|
-
document.removeEventListener('mousemove', this.onMouseMoveHorizontal);
|
|
30
|
-
document.removeEventListener('mouseup', this.onMouseUpHorizontal);
|
|
31
|
-
if (this.shouldHideThumb) {
|
|
32
|
-
this.hideThumb();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
this.onMouseMoveVertical = (e) => {
|
|
36
|
-
if (!this.dragging) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
const move = e.pageY - this.draggingStart;
|
|
40
|
-
this.ref.scrollTop = this.draggingStartPos + this.calculateYToTop(move);
|
|
41
|
-
};
|
|
42
|
-
this.onMouseUpVertical = (e) => {
|
|
43
|
-
this.dragging = false;
|
|
44
|
-
document.removeEventListener('mousemove', this.onMouseMoveVertical);
|
|
45
|
-
document.removeEventListener('mouseup', this.onMouseUpVertical);
|
|
46
|
-
if (this.shouldHideThumb) {
|
|
47
|
-
this.hideThumb();
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
this.onMousewheel = (e) => {
|
|
51
|
-
// 鼠标滚动滚轮只在有横向滚动条的情况下
|
|
52
|
-
// 页面有缩放的时候,scrollHeight 可能会小于 clientHeight / offsetHeight
|
|
53
|
-
if (this.ref.clientHeight >= this.ref.scrollHeight) {
|
|
54
|
-
if (e.deltaY !== 0) {
|
|
55
|
-
// scrollLeft 内部有边界判断
|
|
56
|
-
this.ref.scrollLeft += e.deltaY;
|
|
57
|
-
}
|
|
58
|
-
if (e.deltaX !== 0) {
|
|
59
|
-
this.ref.scrollLeft += e.deltaX;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
this.onMouseEnter = () => {
|
|
64
|
-
this.update();
|
|
65
|
-
};
|
|
66
|
-
this.handleWindowResize = () => {
|
|
67
|
-
this.update();
|
|
68
|
-
};
|
|
69
|
-
this.update = (callback) => {
|
|
70
|
-
if (this.requestFrame) {
|
|
71
|
-
window.cancelAnimationFrame(this.requestFrame);
|
|
72
|
-
}
|
|
73
|
-
this.requestFrame = window.requestAnimationFrame(() => {
|
|
74
|
-
this._update();
|
|
75
|
-
if (callback) {
|
|
76
|
-
callback();
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
onScroll(e) {
|
|
82
|
-
this.position = {
|
|
83
|
-
top: this.ref.scrollTop,
|
|
84
|
-
left: this.ref.scrollLeft,
|
|
85
|
-
};
|
|
86
|
-
if (this.props.onScroll) {
|
|
87
|
-
this.props.onScroll(this.position);
|
|
88
|
-
}
|
|
89
|
-
this.update(() => {
|
|
90
|
-
const contentWidth = this.ref.scrollWidth;
|
|
91
|
-
const width = this.ref.offsetWidth;
|
|
92
|
-
const contentHeight = this.ref.scrollHeight;
|
|
93
|
-
const height = this.ref.offsetHeight;
|
|
94
|
-
this.thumbH.style.left = (this.position.left * width) / contentWidth + 'px';
|
|
95
|
-
this.thumbV.style.top = (this.position.top * height) / contentHeight + 'px';
|
|
96
|
-
});
|
|
97
|
-
if (!this.isAtTop && this.ref.scrollTop === 0) {
|
|
98
|
-
this.isAtTop = true;
|
|
99
|
-
this.setCss();
|
|
100
|
-
}
|
|
101
|
-
else if (this.isAtTop && this.ref.scrollTop !== 0) {
|
|
102
|
-
this.isAtTop = false;
|
|
103
|
-
this.setCss();
|
|
104
|
-
}
|
|
105
|
-
if (this.ref.scrollLeft > 0) {
|
|
106
|
-
this.decorationL.style.opacity = String(1);
|
|
107
|
-
this.decorationR.style.opacity = String(1);
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
this.decorationL.style.opacity = String(0);
|
|
111
|
-
}
|
|
112
|
-
if (this.ref.scrollWidth === this.ref.offsetWidth ||
|
|
113
|
-
this.ref.scrollLeft === this.ref.scrollWidth - this.ref.offsetWidth) {
|
|
114
|
-
this.decorationR.style.opacity = String(0);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
scrollTo(position) {
|
|
118
|
-
this.ref.scrollLeft = position.left;
|
|
119
|
-
this.ref.scrollTop = position.top;
|
|
120
|
-
}
|
|
121
|
-
onMouseDownHorizontal(e) {
|
|
122
|
-
this.dragging = true;
|
|
123
|
-
if (e.target === this.trackH) {
|
|
124
|
-
this.onMouseDownOnTrack(e);
|
|
125
|
-
}
|
|
126
|
-
this.draggingStart = e.pageX;
|
|
127
|
-
this.draggingStartPos = this.ref.scrollLeft;
|
|
128
|
-
document.addEventListener('mousemove', this.onMouseMoveHorizontal);
|
|
129
|
-
document.addEventListener('mouseup', this.onMouseUpHorizontal);
|
|
130
|
-
}
|
|
131
|
-
onMouseDownOnTrack(e) {
|
|
132
|
-
const track = e.target;
|
|
133
|
-
const x = e.clientX - track.getBoundingClientRect().left;
|
|
134
|
-
const contentWidth = this.ref.scrollWidth;
|
|
135
|
-
const width = this.ref.offsetWidth;
|
|
136
|
-
const left = (x * contentWidth) / width - 0.5 * width;
|
|
137
|
-
this.scrollTo({
|
|
138
|
-
left,
|
|
139
|
-
top: this.position.top,
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
calculateXToLeft(x) {
|
|
143
|
-
const contentWidth = this.ref.scrollWidth;
|
|
144
|
-
const width = this.ref.offsetWidth;
|
|
145
|
-
return (x * contentWidth) / width;
|
|
146
|
-
}
|
|
147
|
-
onMouseDownVertical(e) {
|
|
148
|
-
this.dragging = true;
|
|
149
|
-
if (e.target === this.trackV) {
|
|
150
|
-
this.onMouseDownOnTrackVertical(e);
|
|
151
|
-
}
|
|
152
|
-
this.draggingStart = e.pageY;
|
|
153
|
-
this.draggingStartPos = this.ref.scrollTop;
|
|
154
|
-
document.addEventListener('mousemove', this.onMouseMoveVertical);
|
|
155
|
-
document.addEventListener('mouseup', this.onMouseUpVertical);
|
|
156
|
-
}
|
|
157
|
-
onMouseDownOnTrackVertical(e) {
|
|
158
|
-
const track = e.target;
|
|
159
|
-
const x = e.clientY - track.getBoundingClientRect().top;
|
|
160
|
-
const contentHeight = this.ref.scrollHeight;
|
|
161
|
-
const height = this.ref.offsetHeight;
|
|
162
|
-
const top = (x * contentHeight) / height - 0.5 * height;
|
|
163
|
-
this.scrollTo({
|
|
164
|
-
left: this.position.left,
|
|
165
|
-
top,
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
calculateYToTop(y) {
|
|
169
|
-
const contentHeight = this.ref.scrollHeight;
|
|
170
|
-
const height = this.ref.offsetHeight;
|
|
171
|
-
return (y * contentHeight) / height;
|
|
172
|
-
}
|
|
173
|
-
componentDidUpdate() {
|
|
174
|
-
this.update();
|
|
175
|
-
if (this.props.delegate) {
|
|
176
|
-
this.props.delegate({
|
|
177
|
-
scrollTo: this.scrollTo.bind(this),
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
componentDidMount() {
|
|
182
|
-
this.update();
|
|
183
|
-
window.addEventListener('resize', this.handleWindowResize);
|
|
184
|
-
if (this.props.delegate) {
|
|
185
|
-
this.props.delegate({
|
|
186
|
-
scrollTo: this.scrollTo.bind(this),
|
|
187
|
-
});
|
|
188
|
-
}
|
|
189
|
-
if (this.ref) {
|
|
190
|
-
this.ref.addEventListener('mouseenter', this.onMouseEnter);
|
|
191
|
-
this.ref.addEventListener('wheel', this.onMousewheel);
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
componentWillUnmount() {
|
|
195
|
-
if (this.ref) {
|
|
196
|
-
this.ref.removeEventListener('mouseenter', this.onMouseEnter);
|
|
197
|
-
this.ref.removeEventListener('wheel', this.onMousewheel);
|
|
198
|
-
}
|
|
199
|
-
window.removeEventListener('resize', this.handleWindowResize);
|
|
200
|
-
if (this.requestFrame) {
|
|
201
|
-
window.cancelAnimationFrame(this.requestFrame);
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
sizeEqual(size1, size2) {
|
|
205
|
-
return (size1 &&
|
|
206
|
-
size2 &&
|
|
207
|
-
size1.offsetHeight === size2.offsetHeight &&
|
|
208
|
-
size1.scrollHeight === size2.scrollHeight &&
|
|
209
|
-
size1.offsetWidth === size2.offsetWidth &&
|
|
210
|
-
size1.scrollWidth === size2.scrollWidth);
|
|
211
|
-
}
|
|
212
|
-
_update() {
|
|
213
|
-
if (this.ref) {
|
|
214
|
-
if (!this.sizeEqual(this.size, this.ref)) {
|
|
215
|
-
this.size = {
|
|
216
|
-
offsetHeight: this.ref.offsetHeight,
|
|
217
|
-
offsetWidth: this.ref.offsetWidth,
|
|
218
|
-
scrollWidth: this.ref.scrollWidth,
|
|
219
|
-
scrollHeight: this.ref.scrollHeight,
|
|
220
|
-
};
|
|
221
|
-
this.updateScrollBar();
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
updateScrollBar() {
|
|
226
|
-
const contentWidth = this.ref.scrollWidth;
|
|
227
|
-
const width = this.ref.offsetWidth;
|
|
228
|
-
if (width < contentWidth) {
|
|
229
|
-
const thumbHWidth = (width * width) / contentWidth;
|
|
230
|
-
this.thumbH.style.width = thumbHWidth + 'px';
|
|
231
|
-
this.trackH.parentElement.style.display = 'block';
|
|
232
|
-
}
|
|
233
|
-
else {
|
|
234
|
-
this.trackH.parentElement.style.display = 'none';
|
|
235
|
-
}
|
|
236
|
-
const contentHeight = this.ref.scrollHeight;
|
|
237
|
-
const height = this.ref.offsetHeight;
|
|
238
|
-
if (height < contentHeight) {
|
|
239
|
-
this.thumbV.style.height = (height * height) / contentHeight + 'px';
|
|
240
|
-
this.trackV.parentElement.style.display = 'block';
|
|
241
|
-
}
|
|
242
|
-
else {
|
|
243
|
-
this.trackV.parentElement.style.display = 'none';
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
hideThumb() {
|
|
247
|
-
this.shouldHideThumb = true;
|
|
248
|
-
if (!this.dragging) {
|
|
249
|
-
this.setCss();
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
showThumb() {
|
|
253
|
-
this.shouldHideThumb = false;
|
|
254
|
-
this.setCss();
|
|
255
|
-
}
|
|
256
|
-
setCss() {
|
|
257
|
-
this.container.className = (0, classnames_1.default)({
|
|
258
|
-
[index_module_less_1.default.scroll]: true,
|
|
259
|
-
[index_module_less_1.default['hide-thumb']]: this.shouldHideThumb && !this.dragging,
|
|
260
|
-
});
|
|
261
|
-
const clses = {};
|
|
262
|
-
if (this.props.atTopClassName) {
|
|
263
|
-
clses[this.props.atTopClassName] = this.isAtTop;
|
|
264
|
-
}
|
|
265
|
-
if (this.props.className) {
|
|
266
|
-
clses[this.props.className] = true;
|
|
267
|
-
}
|
|
268
|
-
this.ref.className = (0, classnames_1.default)(clses);
|
|
269
|
-
}
|
|
270
|
-
render() {
|
|
271
|
-
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(index_module_less_1.default.scroll, index_module_less_1.default['hide-thumb']), ref: (e) => {
|
|
272
|
-
if (e) {
|
|
273
|
-
this.container = e;
|
|
274
|
-
this.props.forwardedRef(e);
|
|
275
|
-
}
|
|
276
|
-
}, onMouseMove: () => this.showThumb(), onMouseLeave: () => this.hideThumb(), style: this.props.containerStyle },
|
|
277
|
-
react_1.default.createElement("div", { style: this.props.style, className: (0, classnames_1.default)(this.props.className), onScroll: this.onScroll.bind(this), ref: (e) => e && (this.ref = e), onMouseDown: () => this.update(), onMouseUp: () => this.update() }, this.props.children),
|
|
278
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['scrollbar-decoration-vertical-l'], ref: (e) => e && (this.decorationL = e) }),
|
|
279
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['scrollbar-decoration-vertical-r'], ref: (e) => e && (this.decorationR = e) }),
|
|
280
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['scroll-horizontal'] },
|
|
281
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['track-horizontal'], ref: (e) => e && (this.trackH = e), onMouseDown: this.onMouseDownHorizontal.bind(this) }),
|
|
282
|
-
react_1.default.createElement("div", { className: 'kt-editor-scrollbar-thumb-horizontal', onMouseDown: this.onMouseDownHorizontal.bind(this), ref: (e) => e && (this.thumbH = e) })),
|
|
283
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['scroll-vertical'] },
|
|
284
|
-
react_1.default.createElement("div", { className: index_module_less_1.default['track-vertical'], ref: (e) => e && (this.trackV = e), onMouseDown: this.onMouseDownVertical.bind(this) }),
|
|
285
|
-
react_1.default.createElement("div", { className: 'kt-editor-scrollbar-thumb-vertical', onMouseDown: this.onMouseDownVertical.bind(this), ref: (e) => e && (this.thumbV = e) }))));
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
|
-
exports.Scroll = Scroll;
|
|
289
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/editor-scrollbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
.track-vertical {
|
|
2
|
-
position: absolute;
|
|
3
|
-
right: 0;
|
|
4
|
-
top: 0;
|
|
5
|
-
height: 100%;
|
|
6
|
-
width: 10px;
|
|
7
|
-
}
|
|
8
|
-
.scroll-vertical {
|
|
9
|
-
position: absolute;
|
|
10
|
-
right: 0;
|
|
11
|
-
top: 0;
|
|
12
|
-
height: 100%;
|
|
13
|
-
width: 10px;
|
|
14
|
-
z-index: var(--stacking-level-editor-tabbar-overlay, 15);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.track-horizontal {
|
|
18
|
-
position: absolute;
|
|
19
|
-
bottom: 0;
|
|
20
|
-
left: 0;
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: 5px;
|
|
23
|
-
}
|
|
24
|
-
.scroll-horizontal {
|
|
25
|
-
position: absolute;
|
|
26
|
-
bottom: 0;
|
|
27
|
-
left: 0;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 5px;
|
|
30
|
-
z-index: var(--stacking-level-editor-tabbar-overlay, 15);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:global(.kt-editor-scrollbar-thumb-vertical) {
|
|
34
|
-
position: absolute;
|
|
35
|
-
width: 5px;
|
|
36
|
-
opacity: 0.8;
|
|
37
|
-
top: 0;
|
|
38
|
-
right: 0;
|
|
39
|
-
transition: opacity 200ms ease-out;
|
|
40
|
-
background: var(--scrollbarSlider-background);
|
|
41
|
-
box-shadow: 1px 0 0 var(--scrollbar-shadow);
|
|
42
|
-
|
|
43
|
-
&:hover {
|
|
44
|
-
background: var(--scrollbarSlider-hoverBackground);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
:global(.kt-editor-scrollbar-thumb-horizontal) {
|
|
49
|
-
position: absolute;
|
|
50
|
-
height: 5px;
|
|
51
|
-
left: 0;
|
|
52
|
-
bottom: 0;
|
|
53
|
-
opacity: 0.8;
|
|
54
|
-
transition: opacity 200ms ease-out 200ms;
|
|
55
|
-
background: var(--scrollbarSlider-background);
|
|
56
|
-
box-shadow: 1px 0 0 var(--scrollbar-shadow);
|
|
57
|
-
|
|
58
|
-
&:hover {
|
|
59
|
-
background: var(--scrollbarSlider-hoverBackground);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.scroll {
|
|
64
|
-
position: relative;
|
|
65
|
-
height: 100%;
|
|
66
|
-
> *:first-child::-webkit-scrollbar {
|
|
67
|
-
display: none !important;
|
|
68
|
-
background: rgb(50, 50, 50);
|
|
69
|
-
}
|
|
70
|
-
> *:first-child {
|
|
71
|
-
overflow: auto;
|
|
72
|
-
height: 100%;
|
|
73
|
-
width: 100%;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.scrollbar-decoration-vertical-l,
|
|
77
|
-
.scrollbar-decoration-vertical-r {
|
|
78
|
-
position: absolute;
|
|
79
|
-
width: 6px;
|
|
80
|
-
height: 100%;
|
|
81
|
-
z-index: var(--stacking-level-overlay-top, 999);
|
|
82
|
-
top: 0px;
|
|
83
|
-
opacity: 0;
|
|
84
|
-
}
|
|
85
|
-
// rgba(106, 115, 125, 0.2) 0 6px 6px -6px inset
|
|
86
|
-
.scrollbar-decoration-vertical-l {
|
|
87
|
-
left: 0px;
|
|
88
|
-
border-left: 1px solid var(--kt-panelTab-border);
|
|
89
|
-
box-shadow: 6px 0 4px -4px rgba(106, 115, 125, 0.2) inset;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.scrollbar-decoration-vertical-r {
|
|
93
|
-
right: 0px;
|
|
94
|
-
border-right: 1px solid var(--kt-panelTab-border);
|
|
95
|
-
box-shadow: -6px 0 4px -4px rgba(106, 115, 125, 0.2) inset;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.hide-thumb {
|
|
100
|
-
:global(.kt-editor-scrollbar-thumb-horizontal) {
|
|
101
|
-
opacity: 0 !important;
|
|
102
|
-
}
|
|
103
|
-
:global(.kt-editor-scrollbar-thumb-vertical) {
|
|
104
|
-
opacity: 0 !important;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/common/components.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,+BAA+B,CAAC;AACtE,eAAO,MAAM,wBAAwB,8BAA8B,CAAC"}
|
package/lib/common/components.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TabbarLeftExtraContentId = exports.TabbarRightExtraContentId = void 0;
|
|
4
|
-
exports.TabbarRightExtraContentId = 'tabbar-right-extra-content';
|
|
5
|
-
exports.TabbarLeftExtraContentId = 'tabbar-left-extra-content';
|
|
6
|
-
//# sourceMappingURL=components.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/common/components.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,4BAA4B,CAAC;AACzD,QAAA,wBAAwB,GAAG,2BAA2B,CAAC"}
|