@one2x/medeo-rte 0.4.2 → 0.4.3

package/README.md

@@ -75,7 +75,7 @@ new Editor(el, { plugins: [...builtinEmbedPlugins, formulaPlugin] });
 
 两种 kind：
 
-- **`mark`**：纯样式叠层（高亮底色、边框、文字缺省色等）。点击落在字上，块内方向键逐字走。从外侧朝块内按方向键不会走进去，而是先把整段文字选中（就是一段普通选区，焦点留在来的这一侧）；再按一次方向键跳到另一侧外侧。整段选中时 Shift+方向键按普通选区缩小或扩大。上下键从块外落到块内时同样先选中整段。同一条边上有多块重叠时选范围最大的那块；两块紧挨着时，跳过前一块的同一次按键会选中下一块。不参与嵌套（`parentId` 恒为 `null`），可与其他块任意叠放。光标停在左右边界时都分内外两侧：从块内走到边界或点在底色里是**内侧**，输入算区间内（背景跟着延伸，遇到换行就断）；在边界上再朝块外按一次方向键，或点在底色外，是**外侧**（光标画在底色外），输入的文字留在块外、同一行。其他方式落到边界（`setSelection`、撤销等）时，右边界默认内侧、左边界默认外侧。没有 `placeholder` 时，区间内文字删光后块自动移除；有 `placeholder` 时收成零宽，灰字由 SDK 画出来，不进正文，方向键也不把它当成整段选中。样式只需配 `chrome.background`、`chrome.radius`（圆角，默认 3；折行时只有首行的上两角和末行的下两角是圆角，其余角为直角，单行自然四角全圆）、`chrome.paddingX`（水平内边距，不传按 4px，传 `0` 表示不留）、`chrome.hoverBackground`（鼠标悬停时整段含折行各行换成这个底色）和 `chrome.placeholderColor`（灰字颜色，不传是 `#98a2b3`）：
+- **`mark`**：纯样式叠层（高亮底色、边框、文字缺省色等）。**交互与普通文本流完全一致**：点击落光标、方向键逐字走、能选中、能编辑；不参与嵌套（`parentId` 恒为 `null`），可与其他块任意叠放。光标停在左右边界时都分内外两侧：从块内走到边界或点在底色里是**内侧**，输入算区间内（背景跟着延伸，遇到换行就断）；在边界上再朝块外按一次方向键，或点在底色外，是**外侧**（光标画在底色外），输入的文字留在块外、同一行；朝块内按一次回到内侧。其他方式落到边界（`setSelection`、撤销等）时，右边界默认内侧、左边界默认外侧。没有 `placeholder` 时，区间内文字删光后块自动移除；有 `placeholder` 时收成零宽，灰字由 SDK 画出来，不进正文。样式只需配 `chrome.background`、`chrome.radius`（圆角，默认 3；折行时只有首行的上两角和末行的下两角是圆角，其余角为直角，单行自然四角全圆）、`chrome.paddingX`（水平内边距，不传按 4px，传 `0` 表示不留）、`chrome.hoverBackground`（鼠标悬停时整段含折行各行换成这个底色）和 `chrome.placeholderColor`（灰字颜色，不传是 `#98a2b3`）：
 
   ```ts
   editor.insertVirtualBlock({

package/dist/index.js

@@ -4657,6 +4657,11 @@ class wa {
      * index 对不上或不再是边界就作废，按 backward 算。
      */
     u(this, "affinity", null);
+    /**
+     * 从外侧移入 mark 时先整段选中。暂时关闭，方向键按字符流进出：
+     * 边界上先换内外侧，再按一次才走进或走出。
+     */
+    u(this, "wholeMarkSelect", !1);
     u(this, "dragScrollTick", () => {
       this.dragScrollRaf = 0;
       const t = this.lastDragEvent;
@@ -5851,7 +5856,7 @@ class wa {
       return t.pos;
     const e = this.sel;
     let n = it(this.layout, e.focus);
-    const i = this.wholeSelectedMark();
+    const i = this.wholeMarkSelect ? this.wholeSelectedMark() : null;
     if (i && e.focus === i.end) {
       const o = (r = this.caretStopAt(e.focus)) == null ? void 0 : r.fwdX;
       o != null && (n = { ...n, x: o });
@@ -6138,20 +6143,22 @@ class wa {
         this.sel = d, this.afterCaretMove();
         return;
       }
-      const h = this.wholeSelectedMark();
-      if (h) {
-        this.skipSelectedMark(h, c);
-        return;
-      }
-      const f = this.markEntering(c);
-      if (f) {
-        this.selectWholeMark(f, c);
-        return;
+      if (this.wholeMarkSelect) {
+        const h = this.wholeSelectedMark();
+        if (h) {
+          this.skipSelectedMark(h, c);
+          return;
+        }
+        const f = this.markEntering(c);
+        if (f) {
+          this.selectWholeMark(f, c);
+          return;
+        }
       }
       if (A(this.sel) && this.isMarkBoundary(this.sel.focus)) {
-        const p = this.caretAffinity();
-        if (t === "ArrowRight" == (p === "backward")) {
-          this.affinity = { index: this.sel.focus, dir: p === "backward" ? "forward" : "backward" }, this.verticalGoal = null, this.afterCaretMove();
+        const h = this.caretAffinity();
+        if (t === "ArrowRight" == (h === "backward")) {
+          this.affinity = { index: this.sel.focus, dir: h === "backward" ? "forward" : "backward" }, this.verticalGoal = null, this.afterCaretMove();
           return;
         }
       }
@@ -6164,14 +6171,14 @@ class wa {
     }
     const o = i && ((l = this.verticalGoal) == null ? void 0 : l.focus) === n ? this.verticalGoal.x : this.verticalStartX(n);
     if (!r && t === "ArrowLeft" && (n = this.stepIndex(n, -1)), !r && t === "ArrowRight" && (n = this.stepIndex(n, 1)), t === "ArrowUp" || t === "ArrowDown") {
-      const c = t === "ArrowDown" ? 1 : -1, d = e ? null : this.wholeSelectedMark();
+      const c = t === "ArrowDown" ? 1 : -1, d = this.wholeMarkSelect && !e ? this.wholeSelectedMark() : null;
       if (d) {
         const h = c > 0 ? d.end : d.start;
         if (this.affinity = { index: h, dir: c > 0 ? "forward" : "backward" }, n = this.verticalMove(h, c, o), this.wouldBeInsideMark(d, n, o)) {
           this.skipSelectedMark(d, c);
           return;
         }
-      } else if (n = this.verticalMove(n, c, o), !e && A(this.sel)) {
+      } else if (n = this.verticalMove(n, c, o), this.wholeMarkSelect && !e && A(this.sel)) {
         const h = this.markLandedInside(n, o);
         if (h) {
           this.selectWholeMark(h, c);