chore: remove deprecated usage of less expression (#2906)

* chore: remove deprecated usage of less expression

* chore: update some text

* chore: update text
This commit is contained in:
Dan 2023-07-18 19:45:45 +08:00 committed by GitHub
parent d988f14827
commit 7bb257ca15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
29 changed files with 42 additions and 46 deletions

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.toolbar-customize-overlay {
position: fixed;

View File

@ -3,17 +3,14 @@
## Usage
### Icon/createFromIconfontCN
```tsx
import React from 'react';
import { createFromIconfontCN } from '@opensumi/ide-components/lib/icon/iconfont-cn';
import { Icon } from '@opensumi/ide-components/lib/icon';
type IconFontMap =
'icon-javascript'
| 'icon-java'
| 'icon-shoppingcart'
| 'icon-python';
type IconFontMap = 'icon-javascript' | 'icon-java' | 'icon-shoppingcart' | 'icon-python';
const IconFont = createFromIconfontCN<IconFontMap>({
scriptUrl: [
@ -35,7 +32,8 @@ export const Sample = () => (
);
```
在 ide-framework 中可通过 appConfig 传入新 Icon/覆盖已存在的 Icon
在 OpenSumi 中可通过 appConfig 传入新 Icon/覆盖已存在的 Icon
```js
renderApp({
// ...
@ -53,13 +51,14 @@ renderApp({
```
## Attention
* components 包的定位是直接能对外使用,不限定于在 ide-framework 运行环境的组件
* 因此需要注意的是,放到这里的组件应该是纯组件
* 不包含对 ide-framework runtime 依赖
* 不包含对 ide-framework 其他包的依赖
* 自己的依赖自己管理
* 脱离 ide-fw 去单独使用 `@opensumi/ide-components` 时,应手动 import 字体文件
- components 包的定位是直接能对外使用,不限定于在 OpenSumi 运行环境的组件
- 因此需要注意的是,放到这里的组件应该是纯组件
- 不包含对 OpenSumi runtime 依赖
- 不包含对 OpenSumi 其他包的依赖
- 自己的依赖自己管理
- 脱离 OpenSumi 去单独使用 `@opensumi/ide-components` 时,应手动 import 字体文件
```less
@import '~@opensumi/ide-components/lib/icon/iconfont/iconfont.css';
@import '@opensumi/ide-components/lib/icon/iconfont/iconfont.css';
```

View File

@ -76,7 +76,7 @@ export default class FileTreeService extends Disposable {
this.getFiles();
}
createFile = async () => {
const {content} = await this.fileService.resolveContent('/Users/franklife/work/ide/ac/ide-framework/tsconfig.json');
const {content} = await this.fileService.resolveContent('{file_path}');
const file = await this.fileAPI.createFile({
name: 'name' + Date.now() + '\n' + content,
path: 'path' + Date.now(),
@ -107,7 +107,7 @@ constructor(@Inject(FileServicePath) protected readonly fileService) {
方法调用会转换成一个远程调用进行响应,返回结果
```javascript
const { content } = await this.fileService.resolveContent('/Users/franklife/work/ide/ac/ide-framework/tsconfig.json');
const { content } = await this.fileService.resolveContent('{file_path}');
```
**前端服务(frontService)** 后端服务(backService) 即在 Browser 环境下运行的代码暴露的能力

View File

@ -228,7 +228,7 @@ describe('connection', () => {
return bProtocol.getProxy(testMainIdentifier).$errorFunction();
}
const testUri = Uri.file('/Users/franklife/work/ide/ac4/ide-framework/README.md');
const testUri = Uri.file('/workspace/README.md');
await bProtocol.getProxy(testMainIdentifier).$test();
await bProtocol.getProxy(testMainIdentifier).$getUri(testUri);
expect(mockMainIndetifierMethod.mock.calls.length).toBe(1);

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.icon,
.submenuIcon {
width: 12px;

View File

@ -160,7 +160,7 @@ export interface AppConfig {
/**
* @ClientOption
* ConfigProvider
* IDE-framework ReactDOM.render
* OpenSumi ReactDOM.render
* context
*/
extraContextProvider?: React.ComponentType<React.PropsWithChildren<any>>;

View File

@ -5,7 +5,7 @@
* 请不要在这个文件直接添加样式内容
*/
@import '~@opensumi/ide-components/lib/style/base.less';
@import '@opensumi/ide-components/lib/style/base.less';
@import './variable.less';
@import './icon/index.less';

View File

@ -1,7 +1,7 @@
// 本地IDE集成时引入该文件: @opensumi/ide-core-browser/lib/style/icon.less
@import '~@opensumi/ide-components/lib/icon/iconfont/iconfont.css';
// 本地 IDE 集成时引入该文件: @opensumi/ide-core-browser/lib/style/icon.less
@import '@opensumi/ide-components/lib/icon/iconfont/iconfont.css';
@import './octicons/octicons.css';
@import '~@vscode/codicons/dist/codicon.css';
@import '@vscode/codicons/dist/codicon.css';
.kaitian-icon {
font-size: 14px;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
@import './variable.less';
.codicon[class*='codicon-'] {

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.kt-toolbar-location {
position: relative;

View File

@ -68,7 +68,6 @@ export interface PerformanceData extends PointData {
duration: number;
}
// ide-framework 调用
export const IReporterService = Symbol('IReporterService');
export interface IReporterTimer {

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.debug_action_bar_internal {
padding: 0px 8px;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.debug_watch_node {
height: 22px;

View File

@ -1,5 +1,5 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.kt_workbench_editor {
height: 100%;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.navigation_container {
display: flex;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.file_tree_node {
height: 22px;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.file_tree {
overflow: hidden;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.markerFilterContent {
display: flex;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.menubarWrapper {
display: flex;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.output {
font-size: @base-font-size;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.scmSelect {
width: 100%;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.scmHeader {
padding: 0 8px;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
:global {
.monaco-editor {

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.view {
width: 100%;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
#main {
display: flex;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
#main {
display: flex;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-core-browser/lib/style/variable.less';
@import '@opensumi/ide-core-browser/lib/style/variable.less';
.resizeWrapper {
width: 100%;

View File

@ -1,4 +1,4 @@
@import '~@opensumi/ide-components/lib/style/mixins.less';
@import '@opensumi/ide-components/lib/style/mixins.less';
.terminalWrapper {
height: 100%;

View File

@ -1,5 +1,3 @@
// @import '~@opensumi/ide-monaco-enhance/lib/browser/styles.module.less';
.peekview-widget .head {
box-sizing: border-box;
display: flex;