From d9bac9bc6c262c75bdff169d0d91b565e02ff5be Mon Sep 17 00:00:00 2001 From: mxwj Date: Tue, 26 Nov 2024 17:01:42 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=86Http=E8=AF=B7?= =?UTF-8?q?=E6=B1=82ServiceDemo=EF=BC=8C=E6=96=B0=E5=A2=9E=E4=BA=86?= =?UTF-8?q?=E5=9C=A8Editor=E8=A7=86=E5=9B=BE=E4=B8=AD=E5=B5=8C=E5=85=A5web?= =?UTF-8?q?view=EF=BC=8C=E9=97=AE=E9=A2=98=E5=9C=A8=E4=BA=8E=E5=86=85?= =?UTF-8?q?=E6=A0=B8=E5=92=8C=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B9=8B=E9=97=B4?= =?UTF-8?q?=E7=9A=84=E6=96=87=E4=BB=B6=E5=BC=95=E7=94=A8=E7=9A=84=E7=8E=AF?= =?UTF-8?q?=E5=A2=83=E5=A4=84=E7=90=86=E5=A4=AA=E9=BA=BB=E7=83=A6=E4=BA=86?= =?UTF-8?q?=EF=BC=8C=E7=9B=AE=E5=89=8D=E5=8F=AA=E8=83=BD=E5=81=9A=E5=88=B0?= =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E7=A1=AC=E7=BC=96=E7=A0=81=E4=B8=80=E6=95=B4?= =?UTF-8?q?=E4=B8=AAHTML=E6=88=96=E8=80=85HTML=E8=AF=BB=E6=88=90=E6=96=87?= =?UTF-8?q?=E6=9C=AC=EF=BC=8C=E7=AC=AC=E4=BA=8C=E7=A7=8D=E6=96=B9=E5=BC=8F?= =?UTF-8?q?=E8=BF=98=E6=B2=A1=E6=89=BE=E5=88=B0=E6=80=8E=E4=B9=88=E5=90=AF?= =?UTF-8?q?=E7=94=A8js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../browser/editors/StockDetailsEditor.ts | 379 ++++++++++++++---- .../example/browser/example.contribution.ts | 2 +- .../contrib/example/browser/resources/app.js | 13 + .../example/browser/resources/index.html | 16 + .../example/browser/resources/styles.css | 16 + .../example/browser/views/auxiliaryView.ts | 2 +- .../example/browser/views/exampleView.ts | 63 ++- .../example/browser/views/panelView.ts | 2 +- .../common/stockDetailsService.ts | 4 +- .../example/common/stockHttpService.ts | 38 ++ 10 files changed, 453 insertions(+), 82 deletions(-) create mode 100644 src/vs/workbench/contrib/example/browser/resources/app.js create mode 100644 src/vs/workbench/contrib/example/browser/resources/index.html create mode 100644 src/vs/workbench/contrib/example/browser/resources/styles.css rename src/vs/workbench/contrib/example/{browser => }/common/stockDetailsService.ts (88%) create mode 100644 src/vs/workbench/contrib/example/common/stockHttpService.ts diff --git a/src/vs/workbench/contrib/example/browser/editors/StockDetailsEditor.ts b/src/vs/workbench/contrib/example/browser/editors/StockDetailsEditor.ts index 0456316..381fa16 100644 --- a/src/vs/workbench/contrib/example/browser/editors/StockDetailsEditor.ts +++ b/src/vs/workbench/contrib/example/browser/editors/StockDetailsEditor.ts @@ -2,50 +2,291 @@ * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ +// import { EditorPane } from '../../../../browser/parts/editor/editorPane.js'; +// import { Dimension } from '../../../../../base/browser/dom.js'; +// import { StockDetailsInput } from './StockDetailsInput.js'; +// import { IWebviewService, IOverlayWebview } from '../../../../contrib/webview/browser/webview.js'; +// import { ITelemetryService } from '../../../../../platform/telemetry/common/telemetry.js'; +// import { IThemeService } from '../../../../../platform/theme/common/themeService.js'; +// import { IStorageService } from '../../../../../platform/storage/common/storage.js'; +// import { CancellationToken } from '../../../../../base/common/cancellation.js'; +// import { IEditorOptions } from '../../../../../platform/editor/common/editor.js'; +// import { IEditorOpenContext } from '../../../../common/editor.js'; +// import { IEditorGroup } from '../../../../services/editor/common/editorGroupsService.js'; +// import * as DOM from '../../../../../base/browser/dom.js'; + +// export class StockDetailsEditor extends EditorPane { +// static readonly ID = 'workbench.editor.stockDetails'; + +// private webview: IOverlayWebview | null = null; + +// constructor( +// group: IEditorGroup, +// @ITelemetryService telemetryService: ITelemetryService, +// @IThemeService themeService: IThemeService, +// @IStorageService storageService: IStorageService, +// @IWebviewService private readonly webviewService: IWebviewService +// ) { +// super(StockDetailsEditor.ID, group, telemetryService, themeService, storageService); +// } + +// /** +// * 创建编辑器容器并初始化 WebView。 +// */ +// protected createEditor(parent: HTMLElement): void { +// // 使用 WebView 服务创建 IOverlayWebview 实例 +// this.webview = this.webviewService.createWebviewOverlay({ +// providedViewType: 'stockDetailsEditor', +// title: '股票详情', +// options: { retainContextWhenHidden: true }, +// contentOptions: { +// allowScripts: true, +// localResourceRoots: [], // 根据需求设置本地资源根路径 +// }, +// extension: undefined, +// }); + +// // 将 WebView 定位到父元素 +// if (this.webview) { +// // 获取当前激活的窗口 +// const targetWindow = DOM.getActiveWindow(); + +// if (!targetWindow) { +// console.error('无法获取活动窗口'); +// return; +// } + +// // Claim WebView 所有权，绑定到目标窗口 +// this.webview.claim(this, targetWindow as any, undefined); + +// // 使用 layoutWebviewOverElement 方法，将 WebView 定位到 `parent` +// this.webview.layoutWebviewOverElement(parent, new Dimension(parent.offsetWidth, parent.offsetHeight)); +// } + +// } + +// /** +// * 设置编辑器输入并更新 WebView 内容。 +// */ +// override async setInput( +// input: StockDetailsInput, +// options: IEditorOptions | undefined, +// context: IEditorOpenContext, +// token: CancellationToken +// ): Promise { +// await super.setInput(input, options, context, token); + +// if (this.webview && input.resource) { +// const stockCode = input.getCode(); + +// if (!stockCode || stockCode.trim() === '') { +// this.renderErrorMessage('股票代码为空，请选择有效的股票。'); +// return; +// } + +// // 设置 WebView HTML 内容 +// const htmlContent = this.generateWebviewContent(stockCode); +// this.webview.setHtml(htmlContent); +// } +// } + +// /** +// * 生成 WebView 的 HTML 内容。 +// */ +// // private generateWebviewContent(stockCode: string): string { +// // return ` +// // +// // +// // +// // +// // +// // 股票详情 +// // +// // +// // +// //

股票详情

+// //
代码: ${stockCode}
+// //
价格: ¥123.45
+// //
涨跌幅: +3.21%
+// // +// // +// // `; +// // } + +// private generateWebviewContent(stockCode: string): string { +// return ` +// +// +// +// +// +// 股票详情 +// +// +// +//

股票详情

+//
代码: ${stockCode}
+//
价格: ¥加载中...
+//
涨跌幅: 加载中...
+ +// +// +// +// `; +// } + +// /** +// * 渲染错误消息。 +// */ +// private renderErrorMessage(message: string): void { +// if (this.webview) { +// const errorContent = ` +// +// +// +// +// 错误 +// +// +//

错误

+//

${message}

+// +// +// `; +// this.webview.setHtml(errorContent); +// } +// } + +// /** +// * 布局调整。 +// */ +// override layout(dimension: Dimension): void { +// if (this.webview && this.webview.container) { +// const webviewContainer = this.webview.container; + +// // 设置 WebView 的宽高 +// webviewContainer.style.width = `${dimension.width}px`; +// webviewContainer.style.height = `${dimension.height}px`; + +// // 限制 WebView 到当前编辑器区域 +// const clippingContainer = this.getContainer(); +// if (clippingContainer) { +// this.webview.layoutWebviewOverElement(clippingContainer, dimension); +// } +// } +// } + +// /** +// * 清空输入内容。 +// */ +// override clearInput(): void { +// if (this.webview) { +// this.webview.setHtml(''); // 清空内容 +// } +// super.clearInput(); +// } +// } + import { EditorPane } from '../../../../browser/parts/editor/editorPane.js'; import { Dimension } from '../../../../../base/browser/dom.js'; import { StockDetailsInput } from './StockDetailsInput.js'; +import { IWebviewService, IOverlayWebview } from '../../../../contrib/webview/browser/webview.js'; import { ITelemetryService } from '../../../../../platform/telemetry/common/telemetry.js'; import { IThemeService } from '../../../../../platform/theme/common/themeService.js'; import { IStorageService } from '../../../../../platform/storage/common/storage.js'; - import { CancellationToken } from '../../../../../base/common/cancellation.js'; import { IEditorOptions } from '../../../../../platform/editor/common/editor.js'; import { IEditorOpenContext } from '../../../../common/editor.js'; import { IEditorGroup } from '../../../../services/editor/common/editorGroupsService.js'; +import * as DOM from '../../../../../base/browser/dom.js'; + +import { FileAccess } from '../../../../../base/common/network.js'; + export class StockDetailsEditor extends EditorPane { static readonly ID = 'workbench.editor.stockDetails'; - private container: HTMLElement | null = null; + private webview: IOverlayWebview | null = null; constructor( group: IEditorGroup, @ITelemetryService telemetryService: ITelemetryService, @IThemeService themeService: IThemeService, - @IStorageService storageService: IStorageService + @IStorageService storageService: IStorageService, + @IWebviewService private readonly webviewService: IWebviewService ) { super(StockDetailsEditor.ID, group, telemetryService, themeService, storageService); } /** - * 创建编辑器容器并初始化界面。 + * 创建编辑器容器并初始化 WebView。 */ protected createEditor(parent: HTMLElement): void { - this.container = document.createElement('div'); - this.container.className = 'stock-details-editor'; + // 使用 WebView 服务创建 IOverlayWebview 实例 + this.webview = this.webviewService.createWebviewOverlay({ + providedViewType: 'stockDetailsEditor', + title: '股票详情', + options: { retainContextWhenHidden: true }, + contentOptions: { + allowScripts: true, + localResourceRoots: [ + FileAccess.asFileUri('vs/workbench/contrib/example/browser/resources') + ], // 指定资源路径 + }, + extension: undefined, + }); - // 添加占位符 - const placeholder = document.createElement('div'); - placeholder.className = 'stock-placeholder'; - placeholder.textContent = '请选择一只股票查看详情'; - this.container.appendChild(placeholder); + // 将 WebView 定位到父元素 + if (this.webview) { + const targetWindow = DOM.getActiveWindow(); + if (!targetWindow) { + console.error('无法获取活动窗口'); + return; + } - parent.appendChild(this.container); + this.webview.claim(this, targetWindow as any, undefined); + this.webview.layoutWebviewOverElement(parent, new Dimension(parent.offsetWidth, parent.offsetHeight)); + } } /** - * 设置编辑器输入。 + * 设置编辑器输入并更新 WebView 内容。 */ override async setInput( input: StockDetailsInput, @@ -55,85 +296,82 @@ export class StockDetailsEditor extends EditorPane { ): Promise { await super.setInput(input, options, context, token); - if (input.resource) { - console.log(`setInput 接收到股票代码: ${input.getCode()}`); + if (this.webview && input.resource) { const stockCode = input.getCode(); - if (!stockCode || stockCode.trim() === '') { this.renderErrorMessage('股票代码为空，请选择有效的股票。'); return; } - this.renderStockDetails(stockCode); - } else { - this.renderErrorMessage('未提供有效的股票代码'); - } + // 获取 HTML、CSS 和 JS 文件的路径 + const htmlPath = FileAccess.asBrowserUri('vs/workbench/contrib/example/browser/resources/index.html').toString(); + const cssPath = FileAccess.asBrowserUri('vs/workbench/contrib/example/browser/resources/styles.css').toString(); + const jsPath = FileAccess.asBrowserUri('vs/workbench/contrib/example/browser/resources/app.js').toString(); + try { + // 使用 fetch 动态加载 HTML 文件内容 + let htmlContent = await fetch(htmlPath) + .then(response => response.text()) + .catch(err => { + console.error('加载 HTML 文件失败:', err); + return `

加载 HTML 文件失败: ${err.message}

`; + }); + + // 替换 HTML 文件中的动态占位符 + htmlContent = htmlContent + .replace('[[STOCK_CODE]]', stockCode) // 替换股票代码占位符 + .replace('[[CSS_PATH]]', cssPath) // 替换 CSS 路径占位符 + .replace('[[JS_PATH]]', jsPath); // 替换 JS 路径占位符 + + // 将动态生成的 HTML 设置为 Webview 内容 + this.webview.setHtml(htmlContent); + } catch (error) { + console.error('加载资源失败:', error); + this.renderErrorMessage(`加载资源失败: ${error.message}`); + } + } } - /** - * 根据股票代码加载详情。 - */ - private renderStockDetails(stockCode: string): void { - if (!this.container) { - return; - } - // 清空容器内容 - this.container.textContent = ''; // 不使用 innerHTML - // 创建标题 - const title = document.createElement('h3'); - title.textContent = '股票详情'; - // 使用内联样式修改标题样式 - title.style.fontSize = '24px'; // 修改字体大小为 24 像素 - title.style.fontWeight = 'bold'; // 设置字体加粗 - title.style.margin = '10px 0'; // 设置上下外边距 - // 创建股票代码段 - const codeInfo = document.createElement('p'); - codeInfo.textContent = `代码: ${stockCode}`; - - // 模拟价格信息 - const priceInfo = document.createElement('p'); - priceInfo.textContent = '价格: ¥123.45'; - - // 模拟涨跌幅信息 - const changeInfo = document.createElement('p'); - changeInfo.textContent = '涨跌幅: +3.21%'; - - // 添加到容器 - this.container.appendChild(title); - this.container.appendChild(codeInfo); - this.container.appendChild(priceInfo); - this.container.appendChild(changeInfo); - } /** * 渲染错误消息。 */ private renderErrorMessage(message: string): void { - if (!this.container) { - return; + if (this.webview) { + const errorContent = ` + + + + + 错误 + + +

错误

+

${message}

+ + + `; + this.webview.setHtml(errorContent); } - - this.container.textContent = ''; // 清空之前的内容 - - const errorDiv = document.createElement('div'); - errorDiv.className = 'stock-error'; - errorDiv.textContent = message; - - this.container.appendChild(errorDiv); } /** * 布局调整。 */ override layout(dimension: Dimension): void { - if (this.container) { - this.container.style.width = `${dimension.width}px`; - this.container.style.height = `${dimension.height}px`; + if (this.webview && this.webview.container) { + const webviewContainer = this.webview.container; + webviewContainer.style.width = `${dimension.width}px`; + webviewContainer.style.height = `${dimension.height}px`; + + const clippingContainer = this.getContainer(); + if (clippingContainer) { + this.webview.layoutWebviewOverElement(clippingContainer, dimension); + } } } @@ -141,9 +379,12 @@ export class StockDetailsEditor extends EditorPane { * 清空输入内容。 */ override clearInput(): void { - if (this.container) { - this.container.textContent = ''; // 不使用 innerHTML + if (this.webview) { + this.webview.setHtml(''); // 清空内容 } super.clearInput(); } } + + + diff --git a/src/vs/workbench/contrib/example/browser/example.contribution.ts b/src/vs/workbench/contrib/example/browser/example.contribution.ts index 6f10211..c3c4670 100644 --- a/src/vs/workbench/contrib/example/browser/example.contribution.ts +++ b/src/vs/workbench/contrib/example/browser/example.contribution.ts @@ -25,7 +25,7 @@ import { EditorPaneDescriptor, IEditorPaneRegistry } from '../../../browser/edit import { EditorExtensions } from '../../../common/editor.js'; import { StockDetailsEditor } from './editors/StockDetailsEditor.js'; import { StockDetailsInput } from './editors/StockDetailsInput.js'; -import { IStockDetailsService, StockDetailsService } from './common/stockDetailsService.js'; +import { IStockDetailsService, StockDetailsService } from '../common/stockDetailsService.js'; import { InstantiationType, registerSingleton } from '../../../../platform/instantiation/common/extensions.js'; // 注册消息传递服务 diff --git a/src/vs/workbench/contrib/example/browser/resources/app.js b/src/vs/workbench/contrib/example/browser/resources/app.js new file mode 100644 index 0000000..4dd39c5 --- /dev/null +++ b/src/vs/workbench/contrib/example/browser/resources/app.js @@ -0,0 +1,13 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +document.addEventListener('DOMContentLoaded', () => { + // 模拟异步获取股票数据 + setTimeout(() => { + const stockCode = '000001'; // 示例代码，实际可通过外部注入 + document.getElementById('stock-code').textContent = stockCode; + document.getElementById('price').textContent = '价格: ¥' + (Math.random() * 100).toFixed(2); + document.getElementById('change').textContent = '涨跌幅: ' + (Math.random() * 10 - 5).toFixed(2) + '%'; + }, 1000); +}); diff --git a/src/vs/workbench/contrib/example/browser/resources/index.html b/src/vs/workbench/contrib/example/browser/resources/index.html new file mode 100644 index 0000000..7c2ff9e --- /dev/null +++ b/src/vs/workbench/contrib/example/browser/resources/index.html @@ -0,0 +1,16 @@ + + + + + + 股票详情 + + + +

股票详情

+
代码: [[STOCK_CODE]]
+
价格: ¥加载中...
+
涨跌幅: 加载中...
+ + + diff --git a/src/vs/workbench/contrib/example/browser/resources/styles.css b/src/vs/workbench/contrib/example/browser/resources/styles.css new file mode 100644 index 0000000..f4db4fc --- /dev/null +++ b/src/vs/workbench/contrib/example/browser/resources/styles.css @@ -0,0 +1,16 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 20px; + background: #f5f5f5; + color: #333; +} + +h1 { + font-size: 24px; + margin-bottom: 10px; +} + +.info { + margin: 5px 0; +} diff --git a/src/vs/workbench/contrib/example/browser/views/auxiliaryView.ts b/src/vs/workbench/contrib/example/browser/views/auxiliaryView.ts index 0a6fd2d..2e22766 100644 --- a/src/vs/workbench/contrib/example/browser/views/auxiliaryView.ts +++ b/src/vs/workbench/contrib/example/browser/views/auxiliaryView.ts @@ -18,7 +18,7 @@ import { IAccessibleViewService } from '../../../../../platform/accessibility/br import { IHoverService } from '../../../../../platform/hover/browser/hover.js'; import * as DOM from '../../../../../base/browser/dom.js'; -import { IStockDetailsService, StockDetail } from '../common/stockDetailsService.js'; +import { IStockDetailsService, StockDetail } from '../../common/stockDetailsService.js'; export class AuxiliaryView extends ViewPane { private stockDetailContainer: HTMLElement | undefined; diff --git a/src/vs/workbench/contrib/example/browser/views/exampleView.ts b/src/vs/workbench/contrib/example/browser/views/exampleView.ts index 29a42f2..c795ee9 100644 --- a/src/vs/workbench/contrib/example/browser/views/exampleView.ts +++ b/src/vs/workbench/contrib/example/browser/views/exampleView.ts @@ -23,8 +23,8 @@ import './media/exampleViewContainer.css'; import { IEditorService } from '../../../../services/editor/common/editorService.js'; import { StockDetailsInput } from '../editors/StockDetailsInput.js'; import { IWorkbenchLayoutService, Parts } from '../../../../services/layout/browser/layoutService.js'; -import { IStockDetailsService, StockDetail } from '../common/stockDetailsService.js'; - +import { IStockDetailsService, StockDetail } from '../../common/stockDetailsService.js'; +import { httpService } from '../../common/stockHttpService.js'; export class ExampleView extends ViewPane { constructor( @@ -62,30 +62,77 @@ export class ExampleView extends ViewPane { this.editorService.onDidActiveEditorChange(() => this.onActiveEditorChange()); } - override renderBody(container: HTMLElement): void { + // override renderBody(container: HTMLElement): void { + // super.renderBody(container); + + // const ul = DOM.$('ul'); // 创建一个无序列表 + // ul.classList.add('stock-list'); // 为列表添加样式类 + // const data = [ + // { name: 'Stock A', code: '000001', price: 100 }, + // { name: 'Stock B', code: '000002', price: 200 }, + // { name: 'Stock C', code: '000003', price: 300 }, + // { name: 'Stock D', code: '000004', price: 400 }, + // { name: 'Stock E', code: '000005', price: 500 }, + // ]; // 假数据 + + // for (const stock of data) { + // const li = DOM.$('li'); + // li.textContent = `${stock.name} (${stock.code}) ¥${stock.price.toFixed(2)}`; + // li.classList.add('stock-item'); + // li.addEventListener('click', () => { + // this.openStockDetails(stock); // 点击时打开股票详情 + // }); + // ul.appendChild(li); + // } + + // container.appendChild(ul); // 将列表附加到容器中 + // } + + override async renderBody(container: HTMLElement): Promise { super.renderBody(container); - const ul = DOM.$('ul'); // 创建一个无序列表 - ul.classList.add('stock-list'); // 为列表添加样式类 + // 保持现有的静态数据和渲染逻辑 + const ul = DOM.$('ul'); + ul.classList.add('stock-list'); + const data = [ { name: 'Stock A', code: '000001', price: 100 }, { name: 'Stock B', code: '000002', price: 200 }, { name: 'Stock C', code: '000003', price: 300 }, { name: 'Stock D', code: '000004', price: 400 }, { name: 'Stock E', code: '000005', price: 500 }, - ]; // 假数据 + ]; for (const stock of data) { const li = DOM.$('li'); li.textContent = `${stock.name} (${stock.code}) ¥${stock.price.toFixed(2)}`; li.classList.add('stock-item'); li.addEventListener('click', () => { - this.openStockDetails(stock); // 点击时打开股票详情 + this.openStockDetails(stock); }); ul.appendChild(li); } - container.appendChild(ul); // 将列表附加到容器中 + container.appendChild(ul); + + // 发起 POST 请求 + const requestBody = { + pageNo: 1, + pageSize: 10, + year: '1', + indexType: 'hs300' + }; + + console.log('即将进入请求调用'); + + try { + const response = await httpService.fetchPostJson('https://www.shidaotec.com/api/strategy/selectStockPageList', requestBody); + console.log('API Response:', response); // 请求完成后再打印 + } catch (err) { + console.error('Error fetching stock data:', err); // 捕获异常 + } + + console.log('已步过'); } diff --git a/src/vs/workbench/contrib/example/browser/views/panelView.ts b/src/vs/workbench/contrib/example/browser/views/panelView.ts index 4b1895f..354c769 100644 --- a/src/vs/workbench/contrib/example/browser/views/panelView.ts +++ b/src/vs/workbench/contrib/example/browser/views/panelView.ts @@ -18,7 +18,7 @@ import { IAccessibleViewService } from '../../../../../platform/accessibility/br import { IHoverService } from '../../../../../platform/hover/browser/hover.js'; import * as DOM from '../../../../../base/browser/dom.js'; -import { IStockDetailsService, StockDetail } from '../common/stockDetailsService.js'; +import { IStockDetailsService, StockDetail } from '../../common/stockDetailsService.js'; export class PanelView extends ViewPane { private stockDetailContainer: HTMLElement | undefined; diff --git a/src/vs/workbench/contrib/example/browser/common/stockDetailsService.ts b/src/vs/workbench/contrib/example/common/stockDetailsService.ts similarity index 88% rename from src/vs/workbench/contrib/example/browser/common/stockDetailsService.ts rename to src/vs/workbench/contrib/example/common/stockDetailsService.ts index 5b98cbb..f86699a 100644 --- a/src/vs/workbench/contrib/example/browser/common/stockDetailsService.ts +++ b/src/vs/workbench/contrib/example/common/stockDetailsService.ts @@ -3,8 +3,8 @@ * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -import { createDecorator } from '../../../../../platform/instantiation/common/instantiation.js'; -import { Emitter, Event } from '../../../../../base/common/event.js'; +import { createDecorator } from '../../../../platform/instantiation/common/instantiation.js'; +import { Emitter, Event } from '../../../../base/common/event.js'; /** * 定义服务接口和标识符 diff --git a/src/vs/workbench/contrib/example/common/stockHttpService.ts b/src/vs/workbench/contrib/example/common/stockHttpService.ts new file mode 100644 index 0000000..bdc3b40 --- /dev/null +++ b/src/vs/workbench/contrib/example/common/stockHttpService.ts @@ -0,0 +1,38 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +export class HttpService { + async fetchJson(url: string, options: RequestInit = {}): Promise { + const response = await fetch(url, options); + if (!response.ok) { + throw new Error(`HTTP Error: ${response.status} - ${response.statusText}`); + } + return response.json(); + } + + async fetchText(url: string, options: RequestInit = {}): Promise { + const response = await fetch(url, options); + if (!response.ok) { + throw new Error(`HTTP Error: ${response.status} - ${response.statusText}`); + } + return response.text(); + } + + async fetchPostJson(url: string, body: any, headers: Record = { 'Content-Type': 'application/json' }): Promise { + console.log('Fetching data with body:', body); + const response = await fetch(url, { + method: 'POST', + headers, + body: JSON.stringify(body), + }); + // console.log('Response:', response); + if (!response.ok) { + throw new Error(`HTTP Error: ${response.status} - ${response.statusText}`); + } + return response.json(); + } +} + +// 导出单例 +export const httpService = new HttpService();