diff --git a/ide/src/base-ui/select/LitSelectV.ts b/ide/src/base-ui/select/LitSelectV.ts index 32b2c054fe0c4ba05c4588d472762464746594bc..fd050676eccd054d7a1cfe349c84b43502095c86 100644 --- a/ide/src/base-ui/select/LitSelectV.ts +++ b/ide/src/base-ui/select/LitSelectV.ts @@ -158,11 +158,18 @@ export class LitSelectV extends BaseElement { this.selectVBody = this.shadowRoot!.querySelector('.body') as HTMLDivElement; this.selectVOptions = this.shadowRoot!.querySelector('.body-opt') as HTMLDivElement; this.selectVIconEl = this.shadowRoot!.querySelector('.icon'); - this.selectVInputEl!.onkeydown = (ev: KeyboardEvent) => { + this.selectVInputEl!.oninput = (ev: InputEvent) => { // @ts-ignore - if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') { + if (this.selectVInputEl!.value === '00') { + this.selectVInputEl!.value = '0'; ev.preventDefault(); } + if (this.selectVInputEl!.value === '') { + this.shadowRoot?.querySelectorAll('lit-select-option').forEach((it) => { + it.removeAttribute('selected'); + this.showItems = []; + }); + } }; this.selectVSearchInputEl!.onkeydown = (ev: KeyboardEvent) => { // @ts-ignore diff --git a/ide/src/doc/md/quickstart_smaps.md b/ide/src/doc/md/quickstart_smaps.md deleted file mode 100644 index b0117a5db3a10284932e3a1d1439b24bcd2fb844..0000000000000000000000000000000000000000 --- a/ide/src/doc/md/quickstart_smaps.md +++ /dev/null @@ -1,62 +0,0 @@ -# 进程 smaps 的抓取和展示说明 - -smaps 展示了一个进程的内存消耗。 - -## smaps 的抓取 - -### smaps 抓取配置参数 - -![GitHub Logo](../../figures/smaps/smapssetting.jpg) -配置项说明: - -- Start VM Tracker Record:配置项的总开关。 -- Process:smaps的抓取只能选择单进程抓取。 - -再点击 Record setting,在 output file path 输入文件名 hiprofiler_data_smaps.htrace,拖动滚动条设置 buffer size 大小是 64M,抓取时长是 50s。 -![GitHub Logo](../../figures/smaps/smapsrecord.jpg) -点击 Trace command,就会根据上面的配置生成抓取命令,点击 Record 抓取,抓取过程中会显示抓取时长。 -![GitHub Logo](../../figures/smaps/smapsexcuting.jpg) - -### smaps 展示说明 - -抓取结束后 smaps 的 trace 会自动加载展示。 -![GitHub Logo](../../figures/smaps/smapssummary.jpg) - -界面布局介绍:smaps 整体界面布局分为 3 个部分: - -- 红色区域:泳道图。 -- 绿色区域:详细信息。 - -### smaps 泳道图展示 - -smaps 泳道图展示当前时刻该进程的内存消耗。 -![GitHub Logo](../../figures/smaps/smapschart.jpg) - -### smaps 泳道图的框选功能 - -可以对泳道图进行框选,框选后在最下方的弹出层中会展示框选数据的统计表格,总共有两个个 tab 页。 -VM Tracker Statistics 的 Tab 页如图: -![GitHub Logo](../../figures/smaps/smapsstatistics.jpg) - -- Type: 将抓取到的信息根据Type归类,分四类,Data,Text,Const,Other。 -- % of Res: 每行的Resident Size 占总Ressident Size的比例。 -- #Reg:统计的类型个数。 -- Path:虚拟内存块路径,类型中有多个则显示multiple。 -- Resident Size: smaps节点中Rss(Shared_Clean+Shared_Dirty+Private_Clean+Private_Dirty)。 -- Dirty Size:smaps节点中Shared_Dirty + Private_Dirty。 -- Swapped: smaps节点中Swap + SwapPss。 -- Virtual Size:smaps节点中Size。 -- Pss: smaps节点中Pss。 -- Res. %:Resident Size / Virtual Size 比值。 - VM Tracker Record List 的 Tab 页如图: - ![GitHub Logo](../../figures/smaps/smapslist.jpg) -- Type: 将抓取到的信息根据Type归类,Data,Text,Const,Other。 -- Address Range: 每段虚拟内存段的开始和结束位置。 -- Dirty Size:smaps节点中Shared_Dirty + Private_Dirty。 -- Swapper: smaps节点中Swap + SwapPss。 -- Resident Size:smaps节点中Rss(Shared_Clean+Shared_Dirty+Private_Clean+Private_Dirty)。 -- Virtual Size:smaps节点中Size。 -- Pss:smaps节点中Pss。 -- Reside: Rss / Size 比值。 -- Protection: 内存块的权限(读写执行执行)。 -- Path: 内存段路径。 diff --git a/ide/src/doc/quickstart_smaps.html b/ide/src/doc/quickstart_smaps.html deleted file mode 100644 index 644dda7fe55c21c92286e4538e9a3865eff60b2d..0000000000000000000000000000000000000000 --- a/ide/src/doc/quickstart_smaps.html +++ /dev/null @@ -1,1010 +0,0 @@ - - - - - quickstart_smaps - - - - - - -
-

进程smaps的抓取和展示说明

- -

smaps展示了一个进程的内存消耗。

-

smaps的抓取

- -

smaps抓取配置参数

- -

- GitHub Logo
- 配置项说明: -

- -

- 再点击Record setting,在output file path输入文件名hiprofiler_data_smaps.htrace,拖动滚动条设置buffer - size大小是64M,抓取时长是50s。
- GitHub Logo
- 点击Trace command,就会根据上面的配置生成抓取命令,点击Record抓取,抓取过程中会显示抓取时长。
- GitHub Logo -

-

smaps展示说明

- -

- 抓取结束后smaps的trace会自动加载展示。
- GitHub Logo -

-

界面布局介绍:smaps整体界面布局分为3个部分:

- -

smaps泳道图展示

- -

- smaps泳道图展示当前时刻该进程的内存消耗。
- GitHub Logo -

-

smaps泳道图的框选功能

- -

- 可以对泳道图进行框选,框选后在最下方的弹出层中会展示框选数据的统计表格,总共有两个个tab页。
- VM Tracker Statistics的Tab页如图:
- GitHub Logo -

- -

- VM Tracker Record List的Tab页如图:
- GitHub Logo -

- -
- - - - diff --git a/ide/src/figures/smaps/smapschart.jpg b/ide/src/figures/smaps/smapschart.jpg deleted file mode 100644 index 032d543261f85121367fa3f7e260e688b018d815..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapschart.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapsexcuting.jpg b/ide/src/figures/smaps/smapsexcuting.jpg deleted file mode 100644 index 53f86e1472c53801d7d3637ffadae6d493233921..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapsexcuting.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapslist.jpg b/ide/src/figures/smaps/smapslist.jpg deleted file mode 100644 index 598f6a1289980ead2857757d8d7ff513d5a022d9..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapslist.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapsrecord.jpg b/ide/src/figures/smaps/smapsrecord.jpg deleted file mode 100644 index 9380722264bf06e22a1b1231e97eca0f06a0db1f..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapsrecord.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapssetting.jpg b/ide/src/figures/smaps/smapssetting.jpg deleted file mode 100644 index c79f7f9d047c0ca2e4d4b90ab15a58f81e279f81..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapssetting.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapsstatistics.jpg b/ide/src/figures/smaps/smapsstatistics.jpg deleted file mode 100644 index 4af1ef5ad619eeb8a0ed024286c868421118c428..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapsstatistics.jpg and /dev/null differ diff --git a/ide/src/figures/smaps/smapssummary.jpg b/ide/src/figures/smaps/smapssummary.jpg deleted file mode 100644 index df74018bc3bdfd6bec26d540415e2125e929530a..0000000000000000000000000000000000000000 Binary files a/ide/src/figures/smaps/smapssummary.jpg and /dev/null differ diff --git a/ide/src/trace/SpApplication.ts b/ide/src/trace/SpApplication.ts index 3a55237d345d79b100abd8cb6d3fe64a7d3ae55f..8ad2fe8521495770c315941cebfd8e565e870f2d 100644 --- a/ide/src/trace/SpApplication.ts +++ b/ide/src/trace/SpApplication.ts @@ -55,6 +55,8 @@ import './component/trace/base/CustomThemeColor.js'; import { CustomThemeColor, Theme } from './component/trace/base/CustomThemeColor.js'; import { convertPool } from './database/Convert.js'; import { LongTraceDBUtils } from './database/LongTraceDBUtils.js'; +import { type SpKeyboard } from './component/SpKeyboard.js'; +import './component/SpKeyboard.js'; @element('sp-application') export class SpApplication extends BaseElement { @@ -501,8 +503,10 @@ export class SpApplication extends BaseElement { display: flex; } -
+
+