Skip to content

V
vscode

xxadev / vscode
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
V
vscode

体验新版 GitCode，发现更多精彩内容 >>

提交 eedf80d8 编写于 作者: M Matt Bierner
浏览文件
操作

Re-render image preview when image on disk changes 

Fixes #81751

Make sure we reload the image in the preview when it changes on disk
上级 9341df36
隐藏空白更改
内联 并排
Showing with 26 addition and 6 deletion
extensions/image-preview/src/preview.ts
浏览文件 @ eedf80d8
...@@ -13,10 +13,11 @@ export class Preview extends Disposable { ...@@ -13,10 +13,11 @@ export class Preview extends Disposable {
public static readonly viewType = 'imagePreview.previewEditor'; public static readonly viewType = 'imagePreview.previewEditor';
private _active = true; private _active = true;
private _isWebviewDispose = false;
constructor( constructor(
private readonly extensionRoot: vscode.Uri, private readonly extensionRoot: vscode.Uri,
resource: vscode.Uri, private readonly resource: vscode.Uri,
private readonly webviewEditor: vscode.WebviewEditor, private readonly webviewEditor: vscode.WebviewEditor,
private readonly sizeStatusBarEntry: SizeStatusBarEntry, private readonly sizeStatusBarEntry: SizeStatusBarEntry,
private readonly zoomStatusBarEntry: ZoomStatusBarEntry, private readonly zoomStatusBarEntry: ZoomStatusBarEntry,
...@@ -34,7 +35,9 @@ export class Preview extends Disposable { ...@@ -34,7 +35,9 @@ export class Preview extends Disposable {
] ]
}; };
webviewEditor.webview.html = this.getWebiewContents(webviewEditor, resource); this._register(webviewEditor.onDidDispose(() => {
this._isWebviewDispose = true;
}));
this._register(webviewEditor.webview.onDidReceiveMessage(message => { this._register(webviewEditor.webview.onDidReceiveMessage(message => {
switch (message.type) { switch (message.type) {
...@@ -58,15 +61,31 @@ export class Preview extends Disposable { ...@@ -58,15 +61,31 @@ export class Preview extends Disposable {
this._register(webviewEditor.onDidChangeViewState(() => { this._register(webviewEditor.onDidChangeViewState(() => {
this.update(); this.update();
})); }));
this._register(webviewEditor.onDidDispose(() => { this._register(webviewEditor.onDidDispose(() => {
if (this._active) { if (this._active) {
this.sizeStatusBarEntry.hide(); this.sizeStatusBarEntry.hide();
this.zoomStatusBarEntry.hide(); this.zoomStatusBarEntry.hide();
} }
})); }));
const watcher = this._register(vscode.workspace.createFileSystemWatcher(resource.fsPath));
this._register(watcher.onDidChange(e => {
if (e.toString() === this.resource.toString()) {
this.render();
}
}));
this.render();
this.update(); this.update();
} }
private render() {
if (!this._isWebviewDispose) {
this.webviewEditor.webview.html = this.getWebiewContents();
}
}
private update() { private update() {
this._active = this.webviewEditor.active; this._active = this.webviewEditor.active;
if (this._active) { if (this._active) {
...@@ -78,10 +97,11 @@ export class Preview extends Disposable { ...@@ -78,10 +97,11 @@ export class Preview extends Disposable {
} }
} }
private getWebiewContents(webviewEditor: vscode.WebviewEditor, resource: vscode.Uri): string { private getWebiewContents(): string {
const version = Date.now().toString();
const settings = { const settings = {
isMac: process.platform === 'darwin', isMac: process.platform === 'darwin',
src: this.getResourcePath(webviewEditor, resource) src: this.getResourcePath(this.webviewEditor, this.resource, version),
}; };
return /* html */`<!DOCTYPE html> return /* html */`<!DOCTYPE html>
...@@ -102,12 +122,12 @@ export class Preview extends Disposable { ...@@ -102,12 +122,12 @@ export class Preview extends Disposable {
</html>`; </html>`;
} }
private getResourcePath(webviewEditor: vscode.WebviewEditor, resource: vscode.Uri) { private getResourcePath(webviewEditor: vscode.WebviewEditor, resource: vscode.Uri, version: string) {
if (resource.scheme === 'data') { if (resource.scheme === 'data') {
return encodeURI(resource.toString(true)); return encodeURI(resource.toString(true));
} }
return encodeURI(webviewEditor.webview.asWebviewUri(resource).toString(true)); return encodeURI(webviewEditor.webview.asWebviewUri(resource).toString(true) + `?version=${version}`);
} }
private extensionResource(path: string) { private extensionResource(path: string) {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或