react-tiptap-base-editor 1.2.0 → 1.2.2

package/dist/index.js

@@ -11276,12 +11276,12 @@ function kC(t) {
     SC(S, i.find, s).forEach((N) => {
       if (N.index === void 0)
         return;
-      const B = E + N.index + 1, j = B + N[0].length, U = {
+      const B = E + N.index + 1, U = B + N[0].length, W = {
         from: n.tr.mapping.map(B),
-        to: n.tr.mapping.map(j)
+        to: n.tr.mapping.map(U)
       }, $ = i.handler({
         state: n,
-        range: U,
+        range: W,
         match: N,
         commands: a,
         chain: c,
@@ -12737,18 +12737,18 @@ function BC(t) {
           const N = S.exec(M);
           if (N === null)
             break;
-          const B = N.index, j = N[1];
+          const B = N.index, U = N[1];
           if (!((p = N[2]) != null && p.endsWith(":::"))) {
-            if (j)
+            if (U)
               x += 1;
             else if (x -= 1, x === 0) {
-              const U = M.slice(0, B);
-              k = U.trim();
+              const W = M.slice(0, B);
+              k = W.trim();
               const $ = d.slice(0, E + B + N[0].length);
               let I = [];
               if (k)
                 if (l === "block")
-                  for (I = h.blockTokens(U), I.forEach((H) => {
+                  for (I = h.blockTokens(W), I.forEach((H) => {
                     H.text && (!H.tokens || H.tokens.length === 0) && (H.tokens = h.inlineTokens(H.text));
                   }); I.length > 0; ) {
                     const H = I[I.length - 1];
@@ -15120,7 +15120,7 @@ function Xw({
   G(E, e, E), G(E, n, k), G(k, e, E), G(k, n, k), O(C, ct, E), O(x, ct, E);
   const S = O(l, Yt), M = O(a, Yt), N = O(M, ct), B = O(N, ct);
   G(l, t.domain, s), O(l, at, b), O(l, Ye, y), G(a, t.domain, s), O(a, at, b), O(a, Ye, y), G(S, t.domain, E), O(S, ct, E), O(S, Nr, E), G(B, t.domain, E), G(B, e, E), O(B, ct, E);
-  const j = [
+  const U = [
     [Ar, Rr],
     // {}
     [li, ai],
@@ -15138,8 +15138,8 @@ function Xw({
     [bi, Ci]
     // ＜＞
   ];
-  for (let U = 0; U < j.length; U++) {
-    const [$, I] = j[U], H = O(E, $);
+  for (let W = 0; W < U.length; W++) {
+    const [$, I] = U[W], H = O(E, $);
     O(k, $, H), O(H, I, E);
     const F = Je(To);
     G(H, e, F);
@@ -17685,11 +17685,11 @@ var D4 = Q.create({
                   [u]: k
                 }), b[x + 1] = k, S.node.attrs[u])
                   return;
-                const j = d({ node: C, pos: w });
+                const U = d({ node: C, pos: w });
                 return a.setNodeMarkup(w, void 0, {
                   ...C.attrs,
-                  [u]: j
-                }), b[x] = j, a;
+                  [u]: U
+                }), b[x] = U, a;
               }
               const M = L4(b), { deleted: N } = h.invert().mapResult(w);
               N && M.includes(k) && a.setNodeMarkup(w, void 0, {
@@ -18738,7 +18738,7 @@ const U5 = (t) => ({
     }, h = gc(o), p = mc(h), m = await s.getDimensions(c), y = h === "y", b = y ? "top" : "left", C = y ? "bottom" : "right", w = y ? "clientHeight" : "clientWidth", x = i.reference[p] + i.reference[h] - f[h] - i.floating[p], E = f[h] - i.reference[h], k = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let S = k ? k[w] : 0;
     (!S || !await (s.isElement == null ? void 0 : s.isElement(k))) && (S = l.floating[w] || i.floating[p]);
-    const M = x / 2 - E / 2, N = S / 2 - m[p] / 2 - 1, B = fn(d[b], N), j = fn(d[C], N), U = B, $ = S - m[p] - j, I = S / 2 - m[p] / 2 + M, H = sa(U, I, $), F = !a.arrow && hr(o) != null && I !== H && i.reference[p] / 2 - (I < U ? B : j) - m[p] / 2 < 0, L = F ? I < U ? I - U : I - $ : 0;
+    const M = x / 2 - E / 2, N = S / 2 - m[p] / 2 - 1, B = fn(d[b], N), U = fn(d[C], N), W = B, $ = S - m[p] - U, I = S / 2 - m[p] / 2 + M, H = sa(W, I, $), F = !a.arrow && hr(o) != null && I !== H && i.reference[p] / 2 - (I < W ? B : U) - m[p] / 2 < 0, L = F ? I < W ? I - W : I - $ : 0;
     return {
       [h]: f[h] + L,
       data: {
@@ -18787,8 +18787,8 @@ const U5 = (t) => ({
         placement: o,
         overflows: N
       }], !N.every((I) => I <= 0)) {
-        var j, U;
-        const I = (((j = i.flip) == null ? void 0 : j.index) || 0) + 1, H = S[I];
+        var U, W;
+        const I = (((U = i.flip) == null ? void 0 : U.index) || 0) + 1, H = S[I];
         if (H && (!(d === "alignment" ? C !== ft(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         B.every((T) => ft(T.placement) === C ? T.overflows[0] > 0 : !0)))
@@ -18801,7 +18801,7 @@ const U5 = (t) => ({
               placement: H
             }
           };
-        let F = (U = B.filter((L) => L.overflows[0] <= 0).sort((L, T) => L.overflows[1] - T.overflows[1])[0]) == null ? void 0 : U.placement;
+        let F = (W = B.filter((L) => L.overflows[0] <= 0).sort((L, T) => L.overflows[1] - T.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!F)
           switch (h) {
             case "bestFit": {
@@ -18814,7 +18814,7 @@ const U5 = (t) => ({
                   R === "y";
                 }
                 return !0;
-              }).map((T) => [T.placement, T.overflows.filter((R) => R > 0).reduce((R, W) => R + W, 0)]).sort((T, R) => T[1] - R[1])[0]) == null ? void 0 : $[0];
+              }).map((T) => [T.placement, T.overflows.filter((R) => R > 0).reduce((R, j) => R + j, 0)]).sort((T, R) => T[1] - R[1])[0]) == null ? void 0 : $[0];
               L && (F = L);
               break;
             }
@@ -19057,8 +19057,8 @@ const q5 = function(t) {
       const C = m - u.top - u.bottom, w = p - u.left - u.right, x = fn(m - u[y], C), E = fn(p - u[b], w), k = !e.middlewareData.shift;
       let S = x, M = E;
       if ((n = e.middlewareData.shift) != null && n.enabled.x && (M = w), (r = e.middlewareData.shift) != null && r.enabled.y && (S = C), k && !f) {
-        const B = Ue(u.left, 0), j = Ue(u.right, 0), U = Ue(u.top, 0), $ = Ue(u.bottom, 0);
-        h ? M = p - 2 * (B !== 0 || j !== 0 ? B + j : Ue(u.left, u.right)) : S = m - 2 * (U !== 0 || $ !== 0 ? U + $ : Ue(u.top, u.bottom));
+        const B = Ue(u.left, 0), U = Ue(u.right, 0), W = Ue(u.top, 0), $ = Ue(u.bottom, 0);
+        h ? M = p - 2 * (B !== 0 || U !== 0 ? B + U : Ue(u.left, u.right)) : S = m - 2 * (W !== 0 || $ !== 0 ? W + $ : Ue(u.top, u.bottom));
       }
       await a({
         ...e,
@@ -19532,7 +19532,7 @@ function Dm(t) {
     T !== k.current && (k.current = T, m(T));
   }, []), w = g.useCallback((T) => {
     T !== S.current && (S.current = T, b(T));
-  }, []), x = i || p, E = s || y, k = g.useRef(null), S = g.useRef(null), M = g.useRef(u), N = a != null, B = ul(a), j = ul(o), U = ul(c), $ = g.useCallback(() => {
+  }, []), x = i || p, E = s || y, k = g.useRef(null), S = g.useRef(null), M = g.useRef(u), N = a != null, B = ul(a), U = ul(o), W = ul(c), $ = g.useCallback(() => {
     if (!k.current || !S.current)
       return;
     const T = {
@@ -19540,20 +19540,20 @@ function Dm(t) {
       strategy: n,
       middleware: f
     };
-    j.current && (T.platform = j.current), b3(k.current, S.current, T).then((R) => {
-      const W = {
+    U.current && (T.platform = U.current), b3(k.current, S.current, T).then((R) => {
+      const j = {
         ...R,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: U.current !== !1
+        isPositioned: W.current !== !1
       };
-      I.current && !$i(M.current, W) && (M.current = W, wa.flushSync(() => {
-        d(W);
+      I.current && !$i(M.current, j) && (M.current = j, wa.flushSync(() => {
+        d(j);
       }));
     });
-  }, [f, e, n, j, U]);
+  }, [f, e, n, U, W]);
   Wo(() => {
     c === !1 && M.current.isPositioned && (M.current.isPositioned = !1, d((T) => ({
       ...T,
@@ -19586,17 +19586,17 @@ function Dm(t) {
     };
     if (!F.floating)
       return T;
-    const R = Jd(F.floating, u.x), W = Jd(F.floating, u.y);
+    const R = Jd(F.floating, u.x), j = Jd(F.floating, u.y);
     return l ? {
       ...T,
-      transform: "translate(" + R + "px, " + W + "px)",
+      transform: "translate(" + R + "px, " + j + "px)",
       ...Lm(F.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
       left: R,
-      top: W
+      top: j
     };
   }, [n, l, F.floating, u.x, u.y]);
   return g.useMemo(() => ({
@@ -19759,7 +19759,7 @@ function B3(t, e) {
     restMs: d = 0,
     move: f = !0
   } = e, h = Cc(), p = bc(), m = No(c), y = No(a), b = No(n), C = No(d), w = g.useRef(), x = g.useRef(-1), E = g.useRef(), k = g.useRef(-1), S = g.useRef(!0), M = g.useRef(!1), N = g.useRef(() => {
-  }), B = g.useRef(!1), j = ut(() => {
+  }), B = g.useRef(!1), U = ut(() => {
     var L;
     const T = (L = o.current.openEvent) == null ? void 0 : L.type;
     return T?.includes("mouse") && T !== "mousedown";
@@ -19778,17 +19778,17 @@ function B3(t, e) {
   }, [l, i]), g.useEffect(() => {
     if (!l || !m.current || !n) return;
     function L(R) {
-      j() && r(!1, R, "hover");
+      U() && r(!1, R, "hover");
     }
     const T = ht(s.floating).documentElement;
     return T.addEventListener("mouseleave", L), () => {
       T.removeEventListener("mouseleave", L);
     };
-  }, [s.floating, n, r, l, m, j]);
-  const U = g.useCallback(function(L, T, R) {
+  }, [s.floating, n, r, l, m, U]);
+  const W = g.useCallback(function(L, T, R) {
     T === void 0 && (T = !0), R === void 0 && (R = "hover");
-    const W = dl(y.current, "close", w.current);
-    W && !E.current ? (Ze(x), x.current = window.setTimeout(() => r(!1, L, R), W)) : T && (Ze(x), r(!1, L, R));
+    const j = dl(y.current, "close", w.current);
+    j && !E.current ? (Ze(x), x.current = window.setTimeout(() => r(!1, L, R), j)) : T && (Ze(x), r(!1, L, R));
   }, [y, r]), $ = ut(() => {
     N.current(), E.current = void 0;
   }), I = ut(() => {
@@ -19821,7 +19821,7 @@ function B3(t, e) {
           x: K.clientX,
           y: K.clientY,
           onClose() {
-            I(), $(), H() || U(K, !0, "safe-polygon");
+            I(), $(), H() || W(K, !0, "safe-polygon");
           }
         });
         const le = E.current;
@@ -19830,7 +19830,7 @@ function B3(t, e) {
         };
         return;
       }
-      (w.current === "touch" ? !cr(s.floating, K.relatedTarget) : !0) && U(K);
+      (w.current === "touch" ? !cr(s.floating, K.relatedTarget) : !0) && W(K);
     }
     function R(K) {
       H() || o.current.floatingContext && (m.current == null || m.current({
@@ -19839,40 +19839,40 @@ function B3(t, e) {
         x: K.clientX,
         y: K.clientY,
         onClose() {
-          I(), $(), H() || U(K);
+          I(), $(), H() || W(K);
         }
       })(K));
     }
-    function W() {
+    function j() {
       Ze(x);
     }
     function ee(K) {
-      H() || U(K, !1);
+      H() || W(K, !1);
     }
     if (oe(s.domReference)) {
       const K = s.domReference, Z = s.floating;
       return n && K.addEventListener("mouseleave", R), f && K.addEventListener("mousemove", L, {
         once: !0
-      }), K.addEventListener("mouseenter", L), K.addEventListener("mouseleave", T), Z && (Z.addEventListener("mouseleave", R), Z.addEventListener("mouseenter", W), Z.addEventListener("mouseleave", ee)), () => {
-        n && K.removeEventListener("mouseleave", R), f && K.removeEventListener("mousemove", L), K.removeEventListener("mouseenter", L), K.removeEventListener("mouseleave", T), Z && (Z.removeEventListener("mouseleave", R), Z.removeEventListener("mouseenter", W), Z.removeEventListener("mouseleave", ee));
+      }), K.addEventListener("mouseenter", L), K.addEventListener("mouseleave", T), Z && (Z.addEventListener("mouseleave", R), Z.addEventListener("mouseenter", j), Z.addEventListener("mouseleave", ee)), () => {
+        n && K.removeEventListener("mouseleave", R), f && K.removeEventListener("mousemove", L), K.removeEventListener("mouseenter", L), K.removeEventListener("mouseleave", T), Z && (Z.removeEventListener("mouseleave", R), Z.removeEventListener("mouseenter", j), Z.removeEventListener("mouseleave", ee));
       };
     }
-  }, [s, l, t, u, f, U, $, I, r, n, b, h, y, m, o, H, C]), st(() => {
+  }, [s, l, t, u, f, W, $, I, r, n, b, h, y, m, o, H, C]), st(() => {
     var L;
-    if (l && n && (L = m.current) != null && (L = L.__options) != null && L.blockPointerEvents && j()) {
+    if (l && n && (L = m.current) != null && (L = L.__options) != null && L.blockPointerEvents && U()) {
       M.current = !0;
       const R = s.floating;
       if (oe(s.domReference) && R) {
         var T;
-        const W = ht(s.floating).body;
-        W.setAttribute(ef, "");
+        const j = ht(s.floating).body;
+        j.setAttribute(ef, "");
         const ee = s.domReference, K = h == null || (T = h.nodesRef.current.find((Z) => Z.id === p)) == null || (T = T.context) == null ? void 0 : T.elements.floating;
-        return K && (K.style.pointerEvents = ""), W.style.pointerEvents = "none", ee.style.pointerEvents = "auto", R.style.pointerEvents = "auto", () => {
-          W.style.pointerEvents = "", ee.style.pointerEvents = "", R.style.pointerEvents = "";
+        return K && (K.style.pointerEvents = ""), j.style.pointerEvents = "none", ee.style.pointerEvents = "auto", R.style.pointerEvents = "auto", () => {
+          j.style.pointerEvents = "", ee.style.pointerEvents = "", R.style.pointerEvents = "";
         };
       }
     }
-  }, [l, n, p, s, h, m, j]), st(() => {
+  }, [l, n, p, s, h, m, U]), st(() => {
     n || (w.current = void 0, B.current = !1, $(), I());
   }, [n, $, I]), g.useEffect(() => () => {
     $(), Ze(x), Ze(k), I();
@@ -19888,10 +19888,10 @@ function B3(t, e) {
         const {
           nativeEvent: R
         } = T;
-        function W() {
+        function j() {
           !S.current && !b.current && r(!0, R, "hover");
         }
-        u && !da(w.current) || n || fl(C.current) === 0 || B.current && T.movementX ** 2 + T.movementY ** 2 < 2 || (Ze(k), w.current === "touch" ? W() : (B.current = !0, k.current = window.setTimeout(W, fl(C.current))));
+        u && !da(w.current) || n || fl(C.current) === 0 || B.current && T.movementX ** 2 + T.movementY ** 2 < 2 || (Ze(k), w.current === "touch" ? j() : (B.current = !0, k.current = window.setTimeout(j, fl(C.current))));
       }
     };
   }, [u, r, n, b, C]);
@@ -20113,8 +20113,8 @@ function W3(t, e) {
     if (!w && (I.stopPropagation(), L.length > 0)) {
       let T = !0;
       if (L.forEach((R) => {
-        var W;
-        if ((W = R.context) != null && W.open && !R.context.dataRef.current.__escapeKeyBubbles) {
+        var j;
+        if ((j = R.context) != null && j.open && !R.context.dataRef.current.__escapeKeyBubbles) {
           T = !1;
           return;
         }
@@ -20136,7 +20136,7 @@ function W3(t, e) {
     const L = C.current;
     if (C.current = !1, c === "click" && L || F || typeof b == "function" && !b(I))
       return;
-    const T = Xn(I), R = "[" + io("inert") + "]", W = ht(o.floating).querySelectorAll(R);
+    const T = Xn(I), R = "[" + io("inert") + "]", j = ht(o.floating).querySelectorAll(R);
     let ee = oe(T) ? T : null;
     for (; ee && !It(ee); ) {
       const le = Lt(ee);
@@ -20144,10 +20144,10 @@ function W3(t, e) {
         break;
       ee = le;
     }
-    if (W.length && oe(T) && !R5(T) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+    if (j.length && oe(T) && !R5(T) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
     !cr(T, o.floating) && // If the target root element contains none of the markers, then the
     // element was injected after the floating element rendered.
-    Array.from(W).every((le) => !cr(ee, le)))
+    Array.from(j).every((le) => !cr(ee, le)))
       return;
     if (Ke(T) && $) {
       const le = It(T), ye = rt(T), Y = /auto|scroll/, te = le || Y.test(ye.overflowX), Ge = le || Y.test(ye.overflowY), wt = te && T.clientWidth > 0 && T.scrollWidth > T.clientWidth, Vn = Ge && T.clientHeight > 0 && T.scrollHeight > T.clientHeight, Ms = ye.direction === "rtl", zn = Vn && (Ms ? I.offsetX <= T.offsetWidth - T.clientWidth : I.offsetX > T.clientWidth), P0 = wt && I.offsetY > T.clientHeight;
@@ -20173,7 +20173,7 @@ function W3(t, e) {
         return;
     }
     r(!1, I, "outside-press");
-  }), j = ut((I) => {
+  }), U = ut((I) => {
     var H;
     const F = () => {
       var L;
@@ -20186,8 +20186,8 @@ function W3(t, e) {
       return;
     i.current.__escapeKeyBubbles = w, i.current.__outsidePressBubbles = x;
     let I = -1;
-    function H(W) {
-      r(!1, W, "ancestor-scroll");
+    function H(j) {
+      r(!1, j, "ancestor-scroll");
     }
     function F() {
       window.clearTimeout(I), S.current = !0;
@@ -20203,24 +20203,24 @@ function W3(t, e) {
       );
     }
     const T = ht(o.floating);
-    l && (T.addEventListener("keydown", E ? N : M, E), T.addEventListener("compositionstart", F), T.addEventListener("compositionend", L)), b && T.addEventListener(c, k ? j : B, k);
+    l && (T.addEventListener("keydown", E ? N : M, E), T.addEventListener("compositionstart", F), T.addEventListener("compositionend", L)), b && T.addEventListener(c, k ? U : B, k);
     let R = [];
-    return f && (oe(o.domReference) && (R = ln(o.domReference)), oe(o.floating) && (R = R.concat(ln(o.floating))), !oe(o.reference) && o.reference && o.reference.contextElement && (R = R.concat(ln(o.reference.contextElement)))), R = R.filter((W) => {
+    return f && (oe(o.domReference) && (R = ln(o.domReference)), oe(o.floating) && (R = R.concat(ln(o.floating))), !oe(o.reference) && o.reference && o.reference.contextElement && (R = R.concat(ln(o.reference.contextElement)))), R = R.filter((j) => {
       var ee;
-      return W !== ((ee = T.defaultView) == null ? void 0 : ee.visualViewport);
-    }), R.forEach((W) => {
-      W.addEventListener("scroll", H, {
+      return j !== ((ee = T.defaultView) == null ? void 0 : ee.visualViewport);
+    }), R.forEach((j) => {
+      j.addEventListener("scroll", H, {
         passive: !0
       });
     }), () => {
-      l && (T.removeEventListener("keydown", E ? N : M, E), T.removeEventListener("compositionstart", F), T.removeEventListener("compositionend", L)), b && T.removeEventListener(c, k ? j : B, k), R.forEach((W) => {
-        W.removeEventListener("scroll", H);
+      l && (T.removeEventListener("keydown", E ? N : M, E), T.removeEventListener("compositionstart", F), T.removeEventListener("compositionend", L)), b && T.removeEventListener(c, k ? U : B, k), R.forEach((j) => {
+        j.removeEventListener("scroll", H);
       }), window.clearTimeout(I);
     };
-  }, [i, o, l, b, c, n, r, f, s, w, x, M, E, N, B, k, j]), g.useEffect(() => {
+  }, [i, o, l, b, c, n, r, f, s, w, x, M, E, N, B, k, U]), g.useEffect(() => {
     i.current.insideReactTree = !1;
   }, [i, b, c]);
-  const U = g.useMemo(() => ({
+  const W = g.useMemo(() => ({
     onKeyDown: M,
     ...u && {
       [z3[d]]: (I) => {
@@ -20245,9 +20245,9 @@ function W3(t, e) {
     }
   }), [M, c, i]);
   return g.useMemo(() => s ? {
-    reference: U,
+    reference: W,
     floating: $
-  } : {}, [s, U, $]);
+  } : {}, [s, W, $]);
 }
 function j3(t) {
   const {
@@ -21473,36 +21473,36 @@ const Gm = () => /* @__PURE__ */ P(
     });
   }, [t.attrs.width, t.attrs.height]);
   const d = Ml(
-    (y) => {
-      y.preventDefault(), y.stopPropagation(), o(!0);
-      const b = y.clientX, C = typeof i.width == "number" ? i.width : 300, w = l.current;
-      let x = 1;
-      w && w.naturalWidth && w.naturalHeight && (x = w.naturalWidth / w.naturalHeight);
-      const E = (S) => {
-        const M = S.clientX - b, N = Math.max(50, C + M);
-        c.current = N;
-        const B = i.height === "auto" ? "auto" : Math.max(30, N / x);
+    (C) => {
+      C.preventDefault(), C.stopPropagation(), o(!0);
+      const w = C.clientX, x = typeof i.width == "number" ? i.width : 300, E = l.current;
+      let k = 1;
+      E && E.naturalWidth && E.naturalHeight && (k = E.naturalWidth / E.naturalHeight);
+      const S = (N) => {
+        const B = N.clientX - w, U = Math.max(50, x + B);
+        c.current = U;
+        const W = i.height === "auto" ? "auto" : Math.max(30, U / k);
         s({
-          width: N,
-          height: B
-        }), a.current && (a.current.style.width = `${N}px`, B !== "auto" && (a.current.style.height = `${B}px`));
-      }, k = () => {
+          width: U,
+          height: W
+        }), a.current && (a.current.style.width = `${U}px`, W !== "auto" && (a.current.style.height = `${W}px`));
+      }, M = () => {
         o(!1);
-        const S = Math.round(c.current);
+        const N = Math.round(c.current);
         e({
-          width: S
-        }), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", k);
+          width: N
+        }), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", M);
       };
-      document.addEventListener("mousemove", E), document.addEventListener("mouseup", k);
+      document.addEventListener("mousemove", S), document.addEventListener("mouseup", M);
     },
     [i, e]
   ), f = Ml(() => {
-    i.height === "auto" && l.current && s((y) => ({
-      ...y,
+    i.height === "auto" && l.current && s((C) => ({
+      ...C,
       height: "auto"
       // 保持 auto，讓 CSS 處理
     }));
-  }, [i.width, i.height]), h = {
+  }, [i.width, i.height]), h = t.attrs.textAlign || "left", p = h === "center" ? "center" : h === "right" ? "flex-end" : "flex-start", m = {
     position: "relative",
     display: "inline-block",
     width: i.width,
@@ -21511,12 +21511,12 @@ const Gm = () => /* @__PURE__ */ P(
     userSelect: r ? "none" : "auto",
     outline: n ? "2px solid #007bff" : "none",
     outlineOffset: "2px"
-  }, p = {
+  }, y = {
     width: "100%",
     height: i.height === "auto" ? "auto" : "100%",
     display: "block",
     objectFit: "contain"
-  }, m = {
+  }, b = {
     position: "absolute",
     bottom: -5,
     right: -5,
@@ -21531,77 +21531,85 @@ const Gm = () => /* @__PURE__ */ P(
     zIndex: 10,
     boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
   };
-  return /* @__PURE__ */ v(Pp, { className: "resizable-image-wrapper", "data-drag-handle": "", children: /* @__PURE__ */ P(
-    "div",
+  return /* @__PURE__ */ v(
+    Pp,
     {
-      ref: a,
-      id: `resizable-image-${u}`,
-      style: h,
-      onMouseEnter: () => {
-        if (a.current) {
-          const y = a.current.querySelector(
-            ".resize-handle"
-          );
-          y && (y.style.opacity = "1");
-        }
-      },
-      onMouseLeave: () => {
-        if (!r && !n && a.current) {
-          const y = a.current.querySelector(
-            ".resize-handle"
-          );
-          y && (y.style.opacity = "0");
+      className: "resizable-image-wrapper",
+      "data-drag-handle": "",
+      style: { display: "flex", justifyContent: p },
+      children: /* @__PURE__ */ P(
+        "div",
+        {
+          ref: a,
+          id: `resizable-image-${u}`,
+          style: m,
+          onMouseEnter: () => {
+            if (a.current) {
+              const C = a.current.querySelector(
+                ".resize-handle"
+              );
+              C && (C.style.opacity = "1");
+            }
+          },
+          onMouseLeave: () => {
+            if (!r && !n && a.current) {
+              const C = a.current.querySelector(
+                ".resize-handle"
+              );
+              C && (C.style.opacity = "0");
+            }
+          },
+          children: [
+            /* @__PURE__ */ v(
+              "img",
+              {
+                ref: l,
+                src: t.attrs.src,
+                alt: t.attrs.alt || "",
+                title: t.attrs.title || "",
+                style: y,
+                onLoad: f,
+                draggable: !1
+              }
+            ),
+            /* @__PURE__ */ v(
+              "div",
+              {
+                className: "resize-handle",
+                style: b,
+                onMouseDown: d,
+                title: "拖拽調整圖片大小"
+              }
+            ),
+            (n || r) && /* @__PURE__ */ P(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: -25,
+                  left: 0,
+                  background: "rgba(0, 0, 0, 0.8)",
+                  color: "white",
+                  padding: "2px 6px",
+                  borderRadius: "3px",
+                  fontSize: "12px",
+                  whiteSpace: "nowrap",
+                  zIndex: 11
+                },
+                children: [
+                  typeof i.width == "number" ? Math.round(i.width) : i.width,
+                  " ",
+                  "×",
+                  " ",
+                  i.height === "auto" ? "auto" : typeof i.height == "number" ? Math.round(i.height) : i.height
+                ]
+              }
+            )
+          ]
         }
-      },
-      children: [
-        /* @__PURE__ */ v(
-          "img",
-          {
-            ref: l,
-            src: t.attrs.src,
-            alt: t.attrs.alt || "",
-            title: t.attrs.title || "",
-            style: p,
-            onLoad: f,
-            draggable: !1
-          }
-        ),
-        /* @__PURE__ */ v(
-          "div",
-          {
-            className: "resize-handle",
-            style: m,
-            onMouseDown: d,
-            title: "拖拽調整圖片大小"
-          }
-        ),
-        (n || r) && /* @__PURE__ */ P(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: -25,
-              left: 0,
-              background: "rgba(0, 0, 0, 0.8)",
-              color: "white",
-              padding: "2px 6px",
-              borderRadius: "3px",
-              fontSize: "12px",
-              whiteSpace: "nowrap",
-              zIndex: 11
-            },
-            children: [
-              typeof i.width == "number" ? Math.round(i.width) : i.width,
-              " ",
-              "×",
-              " ",
-              i.height === "auto" ? "auto" : typeof i.height == "number" ? Math.round(i.height) : i.height
-            ]
-          }
-        )
-      ]
+      )
     }
-  ) });
+  );
 }, bx = _e.create({
   name: "resizableImage",
   addOptions() {
@@ -21640,6 +21648,11 @@ const Gm = () => /* @__PURE__ */ P(
           height: "auto"
         } : {}
       },
+      textAlign: {
+        default: "left",
+        parseHTML: (t) => t.getAttribute("data-text-align") || "left",
+        renderHTML: (t) => !t.textAlign || t.textAlign === "left" ? {} : { "data-text-align": t.textAlign }
+      },
       // 使用唯一 ID 來識別每張圖片
       imageId: {
         default: null,
@@ -22711,11 +22724,11 @@ var Tc = "PopperContent", [tS, nS] = h1(Tc), v1 = g.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: p,
       ...m
-    } = t, y = p1(Tc, n), [b, C] = g.useState(null), w = Ne(e, (Y) => C(Y)), [x, E] = g.useState(null), k = Qx(x), S = k?.width ?? 0, M = k?.height ?? 0, N = r + (i !== "center" ? "-" + i : ""), B = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, j = Array.isArray(c) ? c : [c], U = j.length > 0, $ = {
+    } = t, y = p1(Tc, n), [b, C] = g.useState(null), w = Ne(e, (Y) => C(Y)), [x, E] = g.useState(null), k = Qx(x), S = k?.width ?? 0, M = k?.height ?? 0, N = r + (i !== "center" ? "-" + i : ""), B = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, U = Array.isArray(c) ? c : [c], W = U.length > 0, $ = {
       padding: B,
-      boundary: j.filter(oS),
+      boundary: U.filter(oS),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: U
+      altBoundary: W
     }, { refs: I, floatingStyles: H, placement: F, isPositioned: L, middlewareData: T } = Dm({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
@@ -22746,7 +22759,7 @@ var Tc = "PopperContent", [tS, nS] = h1(Tc), v1 = g.forwardRef(
         iS({ arrowWidth: S, arrowHeight: M }),
         f && E3({ strategy: "referenceHidden", ...$ })
       ]
-    }), [R, W] = w1(F), ee = Bt(p);
+    }), [R, j] = w1(F), ee = Bt(p);
     hn(() => {
       L && ee?.();
     }, [L, ee]);
@@ -22790,7 +22803,7 @@ var Tc = "PopperContent", [tS, nS] = h1(Tc), v1 = g.forwardRef(
               Ae.div,
               {
                 "data-side": R,
-                "data-align": W,
+                "data-align": j,
                 ...m,
                 ref: w,
                 style: {
@@ -23012,7 +23025,7 @@ var mS = g.forwardRef((t, e) => {
             if (M.target === M.currentTarget && N && !b) {
               const B = new CustomEvent(vl, uS);
               if (M.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
-                const j = x().filter((F) => F.focusable), U = j.find((F) => F.active), $ = j.find((F) => F.id === m), H = [U, $, ...j].filter(
+                const U = x().filter((F) => F.focusable), W = U.find((F) => F.active), $ = U.find((F) => F.id === m), H = [W, $, ...U].filter(
                   Boolean
                 ).map((F) => F.ref.current);
                 O1(H, u);
@@ -23744,14 +23757,14 @@ var nt = "MenuContent", [yk, Lc] = $n(nt), K1 = g.forwardRef(
       onDismiss: h,
       disableOutsideScroll: p,
       ...m
-    } = t, y = Fn(nt, n), b = co(nt, n), C = vs(n), w = z1(n), x = dk(n), [E, k] = g.useState(null), S = g.useRef(null), M = Ne(e, S, y.onContentChange), N = g.useRef(0), B = g.useRef(""), j = g.useRef(0), U = g.useRef(null), $ = g.useRef("right"), I = g.useRef(0), H = p ? Oc : g.Fragment, F = p ? { as: Ck, allowPinchZoom: !0 } : void 0, L = (R) => {
-      const W = B.current + R, ee = x().filter((Y) => !Y.disabled), K = document.activeElement, Z = ee.find((Y) => Y.ref.current === K)?.textValue, qe = ee.map((Y) => Y.textValue), le = Ik(qe, W, Z), ye = ee.find((Y) => Y.textValue === le)?.ref.current;
+    } = t, y = Fn(nt, n), b = co(nt, n), C = vs(n), w = z1(n), x = dk(n), [E, k] = g.useState(null), S = g.useRef(null), M = Ne(e, S, y.onContentChange), N = g.useRef(0), B = g.useRef(""), U = g.useRef(0), W = g.useRef(null), $ = g.useRef("right"), I = g.useRef(0), H = p ? Oc : g.Fragment, F = p ? { as: Ck, allowPinchZoom: !0 } : void 0, L = (R) => {
+      const j = B.current + R, ee = x().filter((Y) => !Y.disabled), K = document.activeElement, Z = ee.find((Y) => Y.ref.current === K)?.textValue, qe = ee.map((Y) => Y.textValue), le = Ik(qe, j, Z), ye = ee.find((Y) => Y.textValue === le)?.ref.current;
       (function Y(te) {
         B.current = te, window.clearTimeout(N.current), te !== "" && (N.current = window.setTimeout(() => Y(""), 1e3));
-      })(W), ye && setTimeout(() => ye.focus());
+      })(j), ye && setTimeout(() => ye.focus());
     };
     g.useEffect(() => () => window.clearTimeout(N.current), []), u1();
-    const T = g.useCallback((R) => $.current === U.current?.side && Dk(R, U.current?.area), []);
+    const T = g.useCallback((R) => $.current === W.current?.side && Dk(R, W.current?.area), []);
     return /* @__PURE__ */ v(
       yk,
       {
@@ -23775,9 +23788,9 @@ var nt = "MenuContent", [yk, Lc] = $n(nt), K1 = g.forwardRef(
           },
           [T]
         ),
-        pointerGraceTimerRef: j,
+        pointerGraceTimerRef: U,
         onPointerGraceIntentChange: g.useCallback((R) => {
-          U.current = R;
+          W.current = R;
         }, []),
         children: /* @__PURE__ */ v(H, { ...F, children: /* @__PURE__ */ v(
           Ec,
@@ -23839,8 +23852,8 @@ var nt = "MenuContent", [yk, Lc] = $n(nt), K1 = g.forwardRef(
                         onPointerMove: J(
                           t.onPointerMove,
                           Xr((R) => {
-                            const W = R.target, ee = I.current !== R.clientX;
-                            if (R.currentTarget.contains(W) && ee) {
+                            const j = R.target, ee = I.current !== R.clientX;
+                            if (R.currentTarget.contains(j) && ee) {
                               const K = R.clientX > I.current ? "right" : "left";
                               $.current = K, I.current = R.clientX;
                             }
@@ -27646,24 +27659,24 @@ function aM() {
     return u.Date.now();
   };
   function y(k, S, M) {
-    var N, B, j, U, $, I, H = 0, F = !1, L = !1, T = !0;
+    var N, B, U, W, $, I, H = 0, F = !1, L = !1, T = !0;
     if (typeof k != "function")
       throw new TypeError(t);
-    S = E(S) || 0, C(M) && (F = !!M.leading, L = "maxWait" in M, j = L ? h(E(M.maxWait) || 0, S) : j, T = "trailing" in M ? !!M.trailing : T);
+    S = E(S) || 0, C(M) && (F = !!M.leading, L = "maxWait" in M, U = L ? h(E(M.maxWait) || 0, S) : U, T = "trailing" in M ? !!M.trailing : T);
     function R(te) {
       var Ge = N, wt = B;
-      return N = B = void 0, H = te, U = k.apply(wt, Ge), U;
+      return N = B = void 0, H = te, W = k.apply(wt, Ge), W;
     }
-    function W(te) {
-      return H = te, $ = setTimeout(Z, S), F ? R(te) : U;
+    function j(te) {
+      return H = te, $ = setTimeout(Z, S), F ? R(te) : W;
     }
     function ee(te) {
       var Ge = te - I, wt = te - H, Vn = S - Ge;
-      return L ? p(Vn, j - wt) : Vn;
+      return L ? p(Vn, U - wt) : Vn;
     }
     function K(te) {
       var Ge = te - I, wt = te - H;
-      return I === void 0 || Ge >= S || Ge < 0 || L && wt >= j;
+      return I === void 0 || Ge >= S || Ge < 0 || L && wt >= U;
     }
     function Z() {
       var te = m();
@@ -27672,23 +27685,23 @@ function aM() {
       $ = setTimeout(Z, ee(te));
     }
     function qe(te) {
-      return $ = void 0, T && N ? R(te) : (N = B = void 0, U);
+      return $ = void 0, T && N ? R(te) : (N = B = void 0, W);
     }
     function le() {
       $ !== void 0 && clearTimeout($), H = 0, N = I = B = $ = void 0;
     }
     function ye() {
-      return $ === void 0 ? U : qe(m());
+      return $ === void 0 ? W : qe(m());
     }
     function Y() {
       var te = m(), Ge = K(te);
       if (N = arguments, B = this, I = te, Ge) {
         if ($ === void 0)
-          return W(I);
+          return j(I);
         if (L)
           return $ = setTimeout(Z, S), R(I);
       }
-      return $ === void 0 && ($ = setTimeout(Z, S)), U;
+      return $ === void 0 && ($ = setTimeout(Z, S)), W;
     }
     return Y.cancel = le, Y.flush = ye, Y;
   }
@@ -27980,7 +27993,7 @@ function EM(t) {
         }
       }),
       yx,
-      X7.configure({ types: ["heading", "paragraph"] }),
+      X7.configure({ types: ["heading", "paragraph", "resizableImage"] }),
       om,
       rm.configure({ nested: !0 }),
       k4.configure({ multicolor: !0 }),