@one2x/medeo-rte 0.5.0 → 2.0.0

package/dist/types/perfPanel.d.ts

@@ -4,18 +4,48 @@
  *   new Editor(el, { perfPanel: true })   或   editor.setPerfPanel(true)
  *
  * 口径（同一次输入）：
- * - 上屏延迟 = 浏览器收到输入事件（event.timeStamp）→ 下一帧画完。
+ * - 上屏时间 = 我们收到输入事件的时刻 → 下一帧画完。
+ *   不用 event.timeStamp：那是浏览器创建事件的时刻，派发前的排队是浏览器机制，优化不了。
+ *   收到时刻在捕获阶段用 performance.now() 记下，方向键、输入、粘贴都一样。
  *   “画完”用 rAF 之后再排一个任务来近似：rAF 回调之后浏览器才做样式、布局、绘制，
  *   紧随其后的任务开始时这一帧已经提交。
  * - 编辑器 = 编辑器处理这次输入的同步 JS 耗时，含紧随其后的微任务收尾（如光标层重绘）。
  *   同一帧内的多个事件（keydown + beforeinput、输入法 compositionend + insertText）累加。
- * - 排队 = 事件产生到编辑器开始处理之间的等待，主线程被别的任务占着时会变大。
+ * - 「分段」默认收起。展开后是「编辑器」的分段，按一次输入的顺序排列，加起来等于编辑器耗时。
+ *   其余 = 编辑器减去已列出的段。同一次按键里连续两次处理时，先开始的那次不再把后一次算进去。
  *
  * 关闭时 track() 只多一次布尔判断，不挂任何监听、不跑 rAF。
  */
+export interface PerfBreakdown {
+    /** 改字符、挪样式区间、写撤销记录 */
+    mutate: number;
+    /** 切段、建索引和缓存表，以及逐段循环里的记账 */
+    scan: number;
+    /** 逐段算哈希并查找缓存 */
+    hash: number;
+    /** 没命中的段落重新折行、测宽 */
+    layout: number;
+    /** 复用的段落改后面文字的下标和纵坐标 */
+    shift: number;
+    /** 这次实际改过下标的字形数 */
+    shiftedGlyphs: number;
+    /** 把各段的行收成整篇布局 */
+    assemble: number;
+    /** 绘制正文和光标 */
+    paint: number;
+    /** 把光标滚进可视区 */
+    scroll: number;
+    /** 同步选区、工具栏状态，不含对外回调 */
+    finish: number;
+    /** 这次输入同步触发的事件回调，含宿主自己的监听 */
+    callback: number;
+    /** 这次输入处理结束的时刻 */
+    at: number;
+}
 export interface PerfPanelStats {
     chars: number;
     paragraphs: number;
+    parts?: PerfBreakdown;
 }
 export declare class PerfPanel {
     private on;
@@ -31,16 +61,23 @@ export declare class PerfPanel {
     private channel;
     private afterPaint;
     private el;
-    private bodyEl;
-    private miniEl;
     private f;
+    /** 本次输入开始处理的时刻，用来判断分段耗时是不是这次产生的 */
+    private sampleStart;
     private getStats;
-    private collapsed;
+    /** 底部分段默认收起，点标题展开 */
+    private partsOpen;
     private left;
     private top;
     private placed;
     private drag;
-    constructor(getStats: () => PerfPanelStats);
+    /** 同一帧里第一次进入 track 时为 true，show 之后清掉，下一次输入再重新分段 */
+    private burstOpen;
+    /** 同一次按键里连续 track 时，让先开始的那次只保留自己的同步耗时，不把后面的处理再加一遍。 */
+    private trackGen;
+    private onBurst;
+    private onTrackEnd;
+    constructor(getStats: () => PerfPanelStats, onBurst?: () => void, onTrackEnd?: () => void);
     get enabled(): boolean;
     enable(): void;
     disable(): void;
@@ -55,10 +92,10 @@ export declare class PerfPanel {
     private onMove;
     private onUp;
     private onResize;
-    private toggle;
-    private applyCollapsed;
+    private applyParts;
     private clamp;
     private show;
+    private showParts;
     private showIdle;
     private showEnv;
 }

package/dist/types/perfPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"perfPanel.d.ts","sourceRoot":"","sources":["../../src/perfPanel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAwBD,qBAAa,SAAS;IACpB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,EAAE,CAA+B;IACzC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,CAAC,CAAqG;IAC9G,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAM;IAClB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAsF;gBAEtF,QAAQ,EAAE,MAAM,cAAc;IAI1C,IAAI,OAAO,YAEV;IAED,MAAM;IAaN,OAAO;IAsBP,2BAA2B;IAC3B,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC;IAcxB,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,SAAS;IAsBjB,OAAO,CAAC,SAAS,CAKf;IAEF,OAAO,CAAC,OAAO,CAUb;IAEF,OAAO,CAAC,KAAK;IAqCb,OAAO,CAAC,MAAM,CAaZ;IAEF,OAAO,CAAC,MAAM,CAUZ;IAEF,OAAO,CAAC,IAAI,CAKV;IAEF,OAAO,CAAC,QAAQ,CAAsB;IAEtC,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,KAAK;IAiBb,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,OAAO;CAQhB;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,UAI9C"}
+{"version":3,"file":"perfPanel.d.ts","sourceRoot":"","sources":["../../src/perfPanel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAuCD,qBAAa,SAAS;IACpB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,EAAE,CAA+B;IACzC,OAAO,CAAC,CAAC,CAIO;IAChB,mCAAmC;IACnC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,QAAQ,CAAuB;IACvC,qBAAqB;IACrB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAM;IAClB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAsF;IAElG,mDAAmD;IACnD,OAAO,CAAC,SAAS,CAAS;IAC1B,sDAAsD;IACtD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,UAAU,CAAa;gBAEnB,QAAQ,EAAE,MAAM,cAAc,EAAE,OAAO,GAAE,MAAM,IAAe,EAAE,UAAU,GAAE,MAAM,IAAe;IAM7G,IAAI,OAAO,YAEV;IAED,MAAM;IAaN,OAAO;IAoBP,2BAA2B;IAC3B,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC;IAuBxB,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,SAAS,CAKf;IAEF,OAAO,CAAC,OAAO,CAUb;IAEF,OAAO,CAAC,KAAK;IA4Cb,OAAO,CAAC,MAAM,CAmBZ;IAEF,OAAO,CAAC,MAAM,CAUZ;IAEF,OAAO,CAAC,IAAI,CAGV;IAEF,OAAO,CAAC,QAAQ,CAAsB;IAEtC,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,KAAK;IAiBb,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,OAAO;CAMhB;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,UAI9C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one2x/medeo-rte",
-  "version": "0.5.0",
+  "version": "2.0.0",
   "type": "module",
   "description": "自绘文档渲染引擎：字符流模型，排版输出纯几何，绘制后端可替换（HTML / Canvas）",
   "repository": {
@@ -39,7 +39,7 @@
     "build": "tsc --noEmit && vite build",
     "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.build.json",
     "preview": "vite preview",
-    "selfcheck": "npx --yes tsx src/operations/selfcheck.ts && npx --yes tsx src/mutations/selfcheck.ts && npx --yes tsx src/edits/selfcheck.ts && npx --yes tsx src/commands/selfcheck.ts && npx --yes tsx src/input/caretMotion.selfcheck.ts && npx --yes tsx src/layout/selfcheck.ts",
+    "selfcheck": "npx --yes tsx src/operations/selfcheck.ts && npx --yes tsx src/mutations/selfcheck.ts && npx --yes tsx src/edits/selfcheck.ts && npx --yes tsx src/commands/selfcheck.ts && npx --yes tsx src/input/caretMotion.selfcheck.ts && npx --yes tsx src/paint/focusNotch.selfcheck.ts && npx --yes tsx src/layout/selfcheck.ts",
     "prepare": "npm run build:lib"
   },
   "peerDependencies": {