mirror of https://github.com/opensumi/core
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:
parent
d988f14827
commit
7bb257ca15
|
@ -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;
|
||||
|
|
|
@ -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';
|
||||
```
|
||||
|
|
|
@ -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 环境下运行的代码暴露的能力
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -160,7 +160,7 @@ export interface AppConfig {
|
|||
/**
|
||||
* @ClientOption
|
||||
* 额外的 ConfigProvider
|
||||
* 可以让 IDE-framework 内部的 ReactDOM.render 调用时
|
||||
* 可以让 OpenSumi 内部的 ReactDOM.render 调用时
|
||||
* 都被其包裹一层,以达到额外的 context 传递效果
|
||||
*/
|
||||
extraContextProvider?: React.ComponentType<React.PropsWithChildren<any>>;
|
||||
|
|
|
@ -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';
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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-'] {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -68,7 +68,6 @@ export interface PerformanceData extends PointData {
|
|||
duration: number;
|
||||
}
|
||||
|
||||
// ide-framework 调用
|
||||
export const IReporterService = Symbol('IReporterService');
|
||||
|
||||
export interface IReporterTimer {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import '~@opensumi/ide-components/lib/style/mixins.less';
|
||||
@import '@opensumi/ide-components/lib/style/mixins.less';
|
||||
|
||||
.navigation_container {
|
||||
display: flex;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import '~@opensumi/ide-components/lib/style/mixins.less';
|
||||
@import '@opensumi/ide-components/lib/style/mixins.less';
|
||||
|
||||
.scmSelect {
|
||||
width: 100%;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import '~@opensumi/ide-components/lib/style/mixins.less';
|
||||
@import '@opensumi/ide-components/lib/style/mixins.less';
|
||||
|
||||
.terminalWrapper {
|
||||
height: 100%;
|
||||
|
|
|
@ -1,5 +1,3 @@
|
|||
// @import '~@opensumi/ide-monaco-enhance/lib/browser/styles.module.less';
|
||||
|
||||
.peekview-widget .head {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in New Issue