当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript scrollableElement.IScrollableElement类代码示例

本文整理汇总了TypeScript中vs/base/browser/ui/scrollbar/scrollableElement.IScrollableElement的典型用法代码示例。如果您正苦于以下问题:TypeScript IScrollableElement类的具体用法?TypeScript IScrollableElement怎么用?TypeScript IScrollableElement使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。


在下文中一共展示了IScrollableElement类的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: show

	public static show(name: string, url: string, container: Builder, scrollbar?: IScrollableElement): void {

		// Ensure CSS class
		$(container).addClass('monaco-resource-viewer');

		// Lookup media mime if any
		let mime: string;
		const ext = paths.extname(url);
		if (ext) {
			mime = mapExtToMediaMimes[ext];
		}

		if (!mime) {
			mime = mimes.MIME_BINARY;
		}

		// Show Image inline
		if (mime.indexOf('image/') >= 0) {
			$(container)
				.empty()
				.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
				.img({
					src: url + '?' + new Date().getTime() // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
				}).on(DOM.EventType.LOAD, () => {
					if (scrollbar) {
						scrollbar.onElementInternalDimensions();
					}
				});
		}

		// Embed Object (only PDF for now)
		else if (false /* PDF is currently not supported in Electron it seems */ && mime.indexOf('pdf') >= 0) {
			var object = $(container)
				.empty()
				.style({ padding: 0, margin: 0 }) // We really do not want any paddings or margins when displaying PDFs
				.element('object')
				.attr({
					data: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
					width: '100%',
					height: '100%',
					type: mime
				});
		}

		// Embed Audio (if supported in browser)
		else if (mime.indexOf('audio/') >= 0) {
			$(container)
				.empty()
				.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
				.element('audio')
				.attr({
					src: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
					text: nls.localize('missingAudioSupport', "Sorry but playback of audio files is not supported."),
					controls: 'controls'
				}).on(DOM.EventType.LOAD, () => {
					if (scrollbar) {
						scrollbar.onElementInternalDimensions();
					}
				});
		}

		// Embed Video (if supported in browser)
		else if (mime.indexOf('video/') >= 0) {
			var video = $(container)
				.empty()
				.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
				.element('video')
				.attr({
					src: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
					text: nls.localize('missingVideoSupport', "Sorry but playback of video files is not supported."),
					controls: 'controls'
				}).on(DOM.EventType.LOAD, () => {
					if (scrollbar) {
						scrollbar.onElementInternalDimensions();
					}
				});
		}

		// Handle generic Binary Files
		else {
			$(container)
				.empty()
				.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
				.span({
					text: nls.localize('nativeBinaryError', "The file cannot be displayed in the editor because it is either binary, very large or uses an unsupported text encoding.")
				});

			if (scrollbar) {
				scrollbar.onElementInternalDimensions();
			}
		}
	}
开发者ID:gaoxiaojun,项目名称:vscode,代码行数:92,代码来源:resourceViewer.ts

示例2: onSizeProviderLayoutChanged

	public onSizeProviderLayoutChanged(): void {
		if (this.scrollbar) {
			this.scrollbar.onElementDimensions({
				width: this.configuration.editor.layoutInfo.contentWidth,
				height: this.configuration.editor.layoutInfo.contentHeight,
			});
		}
	}
开发者ID:1833183060,项目名称:vscode,代码行数:8,代码来源:scrollManager.ts

示例3:

				}).on(DOM.EventType.LOAD, () => {
					if (scrollbar) {
						scrollbar.onElementInternalDimensions();
					}
				});
开发者ID:gaoxiaojun,项目名称:vscode,代码行数:5,代码来源:resourceViewer.ts

示例4:

		this.toDispose.push(this.configuration.onDidChange((e:IConfigurationChangedEvent) => {
			this.scrollbar.updateClassName(this.configuration.editor.theme);
			if (e.scrollbar) {
				this.scrollbar.updateOptions(this.configuration.editor.scrollbar);
			}
		}));
开发者ID:1833183060,项目名称:vscode,代码行数:6,代码来源:scrollManager.ts

示例5: delegateVerticalScrollbarMouseDown

	public delegateVerticalScrollbarMouseDown(browserEvent:MouseEvent): void {
		if (this.scrollbar) {
			this.scrollbar.delegateVerticalScrollbarMouseDown(browserEvent);
		}
	}
开发者ID:1833183060,项目名称:vscode,代码行数:5,代码来源:scrollManager.ts

示例6: getScrollbarContainerDomNode

	public getScrollbarContainerDomNode(): HTMLElement {
		if (this.scrollbar) {
			return this.scrollbar.getDomNode();
		}
		return this.linesContent;
	}
开发者ID:1833183060,项目名称:vscode,代码行数:6,代码来源:scrollManager.ts

示例7: getOverviewRulerLayoutInfo

	public getOverviewRulerLayoutInfo(): IOverviewRulerLayoutInfo {
		if (this.scrollbar) {
			return this.scrollbar.getOverviewRulerLayoutInfo();
		}
		return null;
	}
开发者ID:1833183060,项目名称:vscode,代码行数:6,代码来源:scrollManager.ts

示例8: renderScrollbar

	public renderScrollbar(): void {
		this.scrollbar.renderNow();
	}
开发者ID:1833183060,项目名称:vscode,代码行数:3,代码来源:scrollManager.ts

示例9:

		this.toDispose.push(this.scrollable.addInternalSizeChangeListener(() => {
			this.scrollbar.onElementInternalDimensions();
		}));
开发者ID:jornylau,项目名称:vscode,代码行数:3,代码来源:scrollManager.ts


注:本文中的vs/base/browser/ui/scrollbar/scrollableElement.IScrollableElement类示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。