reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/SearchAndReplace.js

@@ -1,158 +1,185 @@
-import { a as j, E as O, P as q, D as N, j as V } from "./index-kbO3iWqL.js";
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { useState as T, useEffect as b } from "react";
-import { P as F, o as K, A as M, f as P, p as W, L as y, q as L, B as C, S as H } from "./RichTextEditor-DGcKEUGr.js";
-import { u as U } from "./index-LmrOdnen.js";
-function z({ editor: e, ...t }) {
-  const { t: s } = U(), [a, l] = T(!1), [c, n] = T(""), [i, h] = T(""), [r, f] = T(!1), [x, m] = T(""), d = () => {
-    var u, I, v, S;
-    m(`${((I = (u = e == null ? void 0 : e.storage) == null ? void 0 : u.searchAndReplace) == null ? void 0 : I.resultIndex) + 1}/${(S = (v = e == null ? void 0 : e.storage) == null ? void 0 : v.searchAndReplace) == null ? void 0 : S.results.length}`);
+import { E as Q } from "./index-DnWWK9F_.js";
+import { Plugin as X, PluginKey as Y } from "@tiptap/pm/state";
+import { DecorationSet as $, Decoration as Z } from "@tiptap/pm/view";
+import { jsx as u, Fragment as _, jsxs as T } from "react/jsx-runtime";
+import { useState as b, useEffect as k } from "react";
+import { A as ee } from "./toggle-Cdp4IT2U.js";
+import { a as te } from "./index-BPfVXs5_.js";
+import { I as V } from "./Icon-jKs8Hr6p.js";
+import { u as se, b as re } from "./useButtonProps-BsEd4zYM.js";
+import { u as ne } from "./index-DYkucCoF.js";
+import { P as ce, a as ae, b as le } from "./popover-CAuEW0Mr.js";
+import { L as B } from "./label-CGdLYWv7.js";
+import { I as q } from "./input-wJ9PDEzZ.js";
+import { B as N } from "./button-DXMsXUEn.js";
+import { S as oe } from "./switch-Coix_FA1.js";
+function ye() {
+  const { t } = ne(), e = te(), s = se(pe.name), {
+    icon: n = void 0,
+    tooltip: i = void 0,
+    shortcutKeys: l = void 0,
+    tooltipOptions: c = {},
+    action: m = void 0,
+    isActive: h = void 0
+  } = (s == null ? void 0 : s.componentProps) ?? {}, { disabled: o } = re(h), [f, d] = b(!1), [p, A] = b(""), [S, w] = b(""), [I, M] = b(!1), [W, D] = b(""), P = () => {
+    var r, a, g, x;
+    D(`${((a = (r = e == null ? void 0 : e.storage) == null ? void 0 : r.searchAndReplace) == null ? void 0 : a.resultIndex) + 1}/${(x = (g = e == null ? void 0 : e.storage) == null ? void 0 : g.searchAndReplace) == null ? void 0 : x.results.length}`);
   };
-  b(() => {
-    e && d();
+  k(() => {
+    e && P();
   }, [e]);
-  const R = (u = !1) => {
-    e && (u && e.commands.resetIndex(), e.commands.setSearchTerm(c), e.commands.setReplaceTerm(i), e.commands.setCaseSensitive(r), d());
-  }, A = () => {
+  const H = () => {
+    o || m && m();
+  }, L = (r = !1) => {
+    var a, g, x, R, v, F, y, O;
+    e && (r && ((g = (a = e == null ? void 0 : e.commands) == null ? void 0 : a.resetIndex) == null || g.call(a)), (R = (x = e == null ? void 0 : e.commands) == null ? void 0 : x.setSearchTerm) == null || R.call(x, p), (F = (v = e == null ? void 0 : e.commands) == null ? void 0 : v.setReplaceTerm) == null || F.call(v, S), (O = (y = e == null ? void 0 : e.commands) == null ? void 0 : y.setCaseSensitive) == null || O.call(y, I), P());
+  }, E = () => {
+    var R, v;
     if (!e) return;
-    const { results: u, resultIndex: I } = e.storage.searchAndReplace, v = u[I];
-    if (!v) return;
-    e.commands.setTextSelection(v);
-    const { node: S } = e.view.domAtPos(
+    const { results: r, resultIndex: a } = e.storage.searchAndReplace, g = r[a];
+    if (!g) return;
+    (v = (R = e == null ? void 0 : e.commands) == null ? void 0 : R.setTextSelection) == null || v.call(R, g);
+    const { node: x } = e.view.domAtPos(
       e.state.selection.anchor
     );
-    S instanceof HTMLElement && S.scrollIntoView({ behavior: "smooth", block: "center" }), d();
+    x instanceof HTMLElement && x.scrollIntoView({ behavior: "smooth", block: "center" }), P();
   };
-  b(() => {
-    c.trim() || k(), c.trim() && R(!0);
-  }, [c]), b(() => {
-    i.trim() && R();
-  }, [i]), b(() => {
-    R(!0);
-  }, [r]);
-  const w = () => {
-    e == null || e.commands.replace(), A();
-  }, B = () => {
-    e == null || e.commands.nextSearchResult(), A();
-  }, D = () => {
-    e == null || e.commands.previousSearchResult(), A();
-  }, k = () => {
-    n(""), h(""), e.commands.resetIndex(), d();
-  }, E = () => {
-    e == null || e.commands.replaceAll(), m("0/0");
+  k(() => {
+    p.trim() || j(), p.trim() && L(!0);
+  }, [p]), k(() => {
+    S.trim() && L();
+  }, [S]), k(() => {
+    L(!0);
+  }, [I]);
+  const U = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.replace) == null || a.call(r), E();
+  }, z = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.nextSearchResult) == null || a.call(r), E();
+  }, G = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.previousSearchResult) == null || a.call(r), E();
+  }, j = () => {
+    var r, a;
+    A(""), w(""), (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.resetIndex) == null || a.call(r), P();
+  }, J = () => {
+    var r, a;
+    (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.replaceAll) == null || a.call(r), D("0/0");
   };
-  return /* @__PURE__ */ g(
-    F,
+  return s ? /* @__PURE__ */ T(
+    ce,
     {
-      onOpenChange: l,
-      open: a,
+      onOpenChange: d,
+      open: f,
       children: [
-        /* @__PURE__ */ o(
-          K,
+        /* @__PURE__ */ u(
+          ae,
           {
             asChild: !0,
-            disabled: t == null ? void 0 : t.disabled,
-            children: /* @__PURE__ */ o(
-              M,
+            disabled: o,
+            children: /* @__PURE__ */ u(
+              ee,
               {
-                disabled: t == null ? void 0 : t.disabled,
-                isActive: t == null ? void 0 : t.isActive,
-                tooltip: t == null ? void 0 : t.tooltip,
-                tooltipOptions: t == null ? void 0 : t.tooltipOptions,
-                children: /* @__PURE__ */ o(P, { name: t == null ? void 0 : t.icon })
+                action: H,
+                disabled: o,
+                icon: n,
+                shortcutKeys: l,
+                tooltip: i,
+                tooltipOptions: c
               }
             )
           }
         ),
-        /* @__PURE__ */ g(
-          W,
+        /* @__PURE__ */ T(
+          le,
           {
             align: "start",
             className: "richtext-w-full",
             hideWhenDetached: !0,
             side: "bottom",
             children: [
-              /* @__PURE__ */ g("div", { className: "richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between", children: [
-                /* @__PURE__ */ o(y, { children: s("editor.search.dialog.text") }),
-                /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: x })
+              /* @__PURE__ */ T("div", { className: "richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between", children: [
+                /* @__PURE__ */ u(B, { children: t("editor.search.dialog.text") }),
+                /* @__PURE__ */ u("span", { className: "richtext-font-semibold", children: W })
               ] }),
-              /* @__PURE__ */ g("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: [
-                /* @__PURE__ */ o(
-                  L,
+              /* @__PURE__ */ T("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: [
+                /* @__PURE__ */ u(
+                  q,
                   {
                     autoFocus: !0,
                     className: "richtext-w-full",
-                    onChange: (u) => n(u.target.value),
+                    onChange: (r) => A(r.target.value),
                     placeholder: "Text",
                     required: !0,
                     type: "text",
-                    value: c
+                    value: p
                   }
                 ),
-                /* @__PURE__ */ o(
-                  C,
+                /* @__PURE__ */ u(
+                  N,
                   {
                     className: "richtext-flex-1",
-                    onClick: D,
-                    children: /* @__PURE__ */ o(P, { name: "ChevronUp" })
+                    onClick: G,
+                    children: /* @__PURE__ */ u(V, { name: "ChevronUp" })
                   }
                 ),
-                /* @__PURE__ */ o(
-                  C,
+                /* @__PURE__ */ u(
+                  N,
                   {
                     className: "richtext-flex-1",
-                    onClick: B,
-                    children: /* @__PURE__ */ o(P, { name: "ChevronDown" })
+                    onClick: z,
+                    children: /* @__PURE__ */ u(V, { name: "ChevronDown" })
                   }
                 ),
-                /* @__PURE__ */ o(
-                  C,
+                /* @__PURE__ */ u(
+                  N,
                   {
                     className: "richtext-flex-1",
-                    onClick: k,
+                    onClick: j,
                     children: "Clear"
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(y, { className: "richtext-mb-[6px]", children: s("editor.replace.dialog.text") }),
-              /* @__PURE__ */ o("div", { className: "richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ o("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ o(
-                L,
+              /* @__PURE__ */ u(B, { className: "richtext-mb-[6px]", children: t("editor.replace.dialog.text") }),
+              /* @__PURE__ */ u("div", { className: "richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ u("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ u(
+                q,
                 {
                   className: "richtext-w-80",
-                  onChange: (u) => h(u.target.value),
+                  onChange: (r) => w(r.target.value),
                   placeholder: "Text",
                   required: !0,
                   type: "text",
-                  value: i
+                  value: S
                 }
               ) }) }),
-              /* @__PURE__ */ g("div", { className: "richtext-mb-[10px] richtext-flex richtext-items-center richtext-space-x-2", children: [
-                /* @__PURE__ */ o(
-                  H,
+              /* @__PURE__ */ T("div", { className: "richtext-mb-[10px] richtext-flex richtext-items-center richtext-space-x-2", children: [
+                /* @__PURE__ */ u(
+                  oe,
                   {
-                    checked: r,
-                    onCheckedChange: (u) => {
-                      f(u), e.commands.setCaseSensitive(u);
+                    checked: I,
+                    onCheckedChange: (r) => {
+                      M(r), e.commands.setCaseSensitive(r);
                     }
                   }
                 ),
-                /* @__PURE__ */ o(y, { children: s("editor.replace.caseSensitive") })
+                /* @__PURE__ */ u(B, { children: t("editor.replace.caseSensitive") })
               ] }),
-              /* @__PURE__ */ g("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
-                /* @__PURE__ */ o(
-                  C,
+              /* @__PURE__ */ T("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
+                /* @__PURE__ */ u(
+                  N,
                   {
                     className: "richtext-flex-1",
-                    onClick: w,
-                    children: s("editor.replace.dialog.text")
+                    onClick: U,
+                    children: t("editor.replace.dialog.text")
                   }
                 ),
-                /* @__PURE__ */ o(
-                  C,
+                /* @__PURE__ */ u(
+                  N,
                   {
                     className: "richtext-flex-1",
-                    onClick: E,
-                    children: s("editor.replaceAll.dialog.text")
+                    onClick: J,
+                    children: t("editor.replaceAll.dialog.text")
                   }
                 )
               ] })
@@ -161,94 +188,92 @@ function z({ editor: e, ...t }) {
         )
       ]
     }
-  );
+  ) : /* @__PURE__ */ u(_, {});
 }
-const p = (e, t) => t(e.tr);
-function G(e, t, s) {
+const C = (t, e) => e(t.tr);
+function ie(t, e, s) {
   return RegExp(
-    t ? e.replace(/[$()*+.?[\\\]^{|}]/g, String.raw`\$&`) : e,
+    e ? t.replace(/[$()*+.?[\\\]^{|}]/g, String.raw`\$&`) : t,
     s ? "gu" : "gui"
   );
 }
-function J(e, t, s, a) {
-  const l = [], c = [];
-  let n = [], i = 0;
-  if (!t)
+function ue(t, e, s, n) {
+  const i = [], l = [];
+  let c = [], m = 0;
+  if (!e)
     return {
-      decorationsToReturn: N.empty,
+      decorationsToReturn: $.empty,
       results: []
     };
-  e == null || e.descendants((h, r) => {
-    h.isText ? n[i] ? n[i] = {
-      text: n[i].text + h.text,
-      pos: n[i].pos
-    } : n[i] = {
+  t == null || t.descendants((h, o) => {
+    h.isText ? c[m] ? c[m] = {
+      text: c[m].text + h.text,
+      pos: c[m].pos
+    } : c[m] = {
       text: `${h.text}`,
-      pos: r
-    } : i += 1;
-  }), n = n.filter(Boolean);
-  for (const h of n) {
-    const { text: r, pos: f } = h, x = Array.from(r.matchAll(t)).filter(
-      ([m]) => m.trim()
+      pos: o
+    } : m += 1;
+  }), c = c.filter(Boolean);
+  for (const h of c) {
+    const { text: o, pos: f } = h, d = Array.from(o.matchAll(e)).filter(
+      ([p]) => p.trim()
     );
-    for (const m of x) {
-      if (m[0] === "") break;
-      m.index !== void 0 && c.push({
-        from: f + m.index,
-        to: f + m.index + m[0].length
+    for (const p of d) {
+      if (p[0] === "") break;
+      p.index !== void 0 && l.push({
+        from: f + p.index,
+        to: f + p.index + p[0].length
       });
     }
   }
-  for (const [h, r] of c.entries()) {
-    const f = h === a ? `${s} ${s}-current` : s, x = V.inline(r.from, r.to, {
+  for (const [h, o] of l.entries()) {
+    const f = h === n ? `${s} ${s}-current` : s, d = Z.inline(o.from, o.to, {
       class: f
     });
-    l.push(x);
+    i.push(d);
   }
   return {
-    decorationsToReturn: N.create(e, l),
-    results: c
+    decorationsToReturn: $.create(t, i),
+    results: l
   };
 }
-function $(e, t, { state: s, dispatch: a }) {
-  if (!t[0]) return;
-  const { from: c, to: n } = t[0];
-  a && a(s.tr.insertText(e, c, n));
+function K(t, e, { state: s, dispatch: n }) {
+  if (!e[0]) return;
+  const { from: l, to: c } = e[0];
+  n && n(s.tr.insertText(t, l, c));
 }
-function Q(e, t, s, a) {
-  const l = t + 1;
-  if (!a[l]) return null;
-  const { from: c, to: n } = a[t], i = n - c - e.length + s, { from: h, to: r } = a[l];
-  return a[l] = {
-    to: r - i,
-    from: h - i
-  }, [i, a];
+function me(t, e, s, n) {
+  const i = e + 1;
+  if (!n[i]) return null;
+  const { from: l, to: c } = n[e], m = c - l - t.length + s, { from: h, to: o } = n[i];
+  return n[i] = {
+    to: o - m,
+    from: h - m
+  }, [m, n];
 }
-function X(e, t, { tr: s, dispatch: a }) {
-  let l = 0, c = t.slice();
-  if (c.length !== 0) {
-    for (let n = 0; n < c.length; n += 1) {
-      const { from: i, to: h } = c[n];
-      s.insertText(e, i, h);
-      const r = Q(
-        e,
-        n,
-        l,
-        c
+function he(t, e, { tr: s, dispatch: n }) {
+  let i = 0, l = e.slice();
+  if (l.length !== 0) {
+    for (let c = 0; c < l.length; c += 1) {
+      const { from: m, to: h } = l[c];
+      s.insertText(t, m, h);
+      const o = me(
+        t,
+        c,
+        i,
+        l
       );
-      r && (l = r[0], c = r[1]);
+      o && (i = o[0], l = o[1]);
     }
-    a(s);
+    n(s);
   }
 }
-const Y = new j(
-  "searchAndReplacePlugin"
-), ae = O.create({
+const pe = Q.create({
   name: "searchAndReplace",
   addOptions() {
-    var e;
+    var t;
     return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
+      ...(t = this.parent) == null ? void 0 : t.call(this),
       searchTerm: "",
       replaceTerm: "",
       results: [],
@@ -258,16 +283,15 @@ const Y = new j(
       disableRegex: !0,
       onChange: () => {
       },
-      button: ({ editor: t, t: s }) => ({
-        component: z,
+      button: ({ editor: e, t: s }) => ({
+        // component: RichTextSearchAndReplace,
         componentProps: {
           action: () => {
           },
           icon: "SearchAndReplace",
           tooltip: s("editor.searchAndReplace.tooltip"),
-          isActive: () => !1,
-          disabled: !1,
-          editor: t
+          isActive: () => !0,
+          editor: e
         }
       })
     };
@@ -286,60 +310,60 @@ const Y = new j(
   },
   addCommands() {
     return {
-      setSearchTerm: (e) => ({ editor: t, state: s, dispatch: a }) => (t.storage.searchAndReplace.searchTerm = e, p(s, a), !1),
-      setReplaceTerm: (e) => ({ editor: t, state: s, dispatch: a }) => (t.storage.searchAndReplace.replaceTerm = e, p(s, a), !1),
-      setCaseSensitive: (e) => ({ editor: t, state: s, dispatch: a }) => (t.storage.searchAndReplace.caseSensitive = e, p(s, a), !1),
-      resetIndex: () => ({ editor: e, state: t, dispatch: s }) => (e.storage.searchAndReplace.resultIndex = 0, p(t, s), !1),
-      nextSearchResult: () => ({ editor: e }) => {
-        const { results: t, resultIndex: s } = e.storage.searchAndReplace, a = s + 1;
-        return t[a] ? e.storage.searchAndReplace.resultIndex = a : e.storage.searchAndReplace.resultIndex = 0, !1;
+      setSearchTerm: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.searchTerm = t, C(s, n), !1),
+      setReplaceTerm: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.replaceTerm = t, C(s, n), !1),
+      setCaseSensitive: (t) => ({ editor: e, state: s, dispatch: n }) => (e.storage.searchAndReplace.caseSensitive = t, C(s, n), !1),
+      resetIndex: () => ({ editor: t, state: e, dispatch: s }) => (t.storage.searchAndReplace.resultIndex = 0, C(e, s), !1),
+      nextSearchResult: () => ({ editor: t }) => {
+        const { results: e, resultIndex: s } = t.storage.searchAndReplace, n = s + 1;
+        return e[n] ? t.storage.searchAndReplace.resultIndex = n : t.storage.searchAndReplace.resultIndex = 0, !1;
       },
-      previousSearchResult: () => ({ editor: e }) => {
-        const { results: t, resultIndex: s } = e.storage.searchAndReplace, a = s - 1;
-        return t[a] ? e.storage.searchAndReplace.resultIndex = a : e.storage.searchAndReplace.resultIndex = t.length - 1, !1;
+      previousSearchResult: () => ({ editor: t }) => {
+        const { results: e, resultIndex: s } = t.storage.searchAndReplace, n = s - 1;
+        return e[n] ? t.storage.searchAndReplace.resultIndex = n : t.storage.searchAndReplace.resultIndex = e.length - 1, !1;
       },
-      replace: () => ({ editor: e, state: t, dispatch: s }) => {
-        const { replaceTerm: a, results: l, resultIndex: c } = e.storage.searchAndReplace, n = l[c];
-        return n ? ($(a, [n], { state: t, dispatch: s }), e.storage.searchAndReplace.results.splice(c, 1)) : ($(a, l, { state: t, dispatch: s }), e.storage.searchAndReplace.results.shift()), p(t, s), !1;
+      replace: () => ({ editor: t, state: e, dispatch: s }) => {
+        const { replaceTerm: n, results: i, resultIndex: l } = t.storage.searchAndReplace, c = i[l];
+        return c ? (K(n, [c], { state: e, dispatch: s }), t.storage.searchAndReplace.results.splice(l, 1)) : (K(n, i, { state: e, dispatch: s }), t.storage.searchAndReplace.results.shift()), C(e, s), !1;
       },
-      replaceAll: () => ({ editor: e, tr: t, state: s, dispatch: a }) => {
-        const { replaceTerm: l, results: c } = e.storage.searchAndReplace;
-        return X(l, c, { tr: t, dispatch: a }), e.storage.searchAndReplace.resultIndex = 0, e.storage.searchAndReplace.results = [], p(s, a), !1;
+      replaceAll: () => ({ editor: t, tr: e, state: s, dispatch: n }) => {
+        const { replaceTerm: i, results: l } = t.storage.searchAndReplace;
+        return he(i, l, { tr: e, dispatch: n }), t.storage.searchAndReplace.resultIndex = 0, t.storage.searchAndReplace.results = [], C(s, n), !1;
       }
     };
   },
   addProseMirrorPlugins() {
-    const e = this.editor, { searchResultClass: t, disableRegex: s } = this.options, a = (n) => e.storage.searchAndReplace.lastSearchTerm = n, l = (n) => e.storage.searchAndReplace.lastCaseSensitive = n, c = (n) => e.storage.searchAndReplace.lastResultIndex = n;
+    const t = this.editor, { searchResultClass: e, disableRegex: s } = this.options, n = (c) => t.storage.searchAndReplace.lastSearchTerm = c, i = (c) => t.storage.searchAndReplace.lastCaseSensitive = c, l = (c) => t.storage.searchAndReplace.lastResultIndex = c;
     return [
-      new q({
-        key: Y,
+      new X({
+        key: new Y(`richtextCustomPlugin${this.name}`),
         state: {
-          init: () => N.empty,
-          apply({ doc: n, docChanged: i }, h) {
+          init: () => $.empty,
+          apply({ doc: c, docChanged: m }, h) {
             const {
-              searchTerm: r,
+              searchTerm: o,
               lastSearchTerm: f,
-              caseSensitive: x,
-              lastCaseSensitive: m,
-              resultIndex: d,
-              lastResultIndex: R
-            } = e.storage.searchAndReplace;
-            if (!i && f === r && m === x && R === d)
+              caseSensitive: d,
+              lastCaseSensitive: p,
+              resultIndex: A,
+              lastResultIndex: S
+            } = t.storage.searchAndReplace;
+            if (!m && f === o && p === d && S === A)
               return h;
-            if (a(r), l(x), c(d), !r)
-              return e.storage.searchAndReplace.results = [], N.empty;
-            const { decorationsToReturn: A, results: w } = J(
-              n,
-              G(r, s, x),
-              t,
-              d
+            if (n(o), i(d), l(A), !o)
+              return t.storage.searchAndReplace.results = [], $.empty;
+            const { decorationsToReturn: w, results: I } = ue(
+              c,
+              ie(o, s, d),
+              e,
+              A
             );
-            return e.storage.searchAndReplace.results = w, A;
+            return t.storage.searchAndReplace.results = I, w;
           }
         },
         props: {
-          decorations(n) {
-            return this.getState(n);
+          decorations(c) {
+            return this.getState(c);
           }
         }
       })
@@ -347,6 +371,6 @@ const Y = new j(
   }
 });
 export {
-  ae as SearchAndReplace,
-  Y as searchAndReplacePluginKey
+  ye as RichTextSearchAndReplace,
+  pe as SearchAndReplace
 };

package/lib/SlashCommand.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("./dom-dataset-_6-diIRQ.cjs"),R=require("./index-DF2Lp4HZ.cjs"),H=require("./index-DpCrt7xs.cjs"),u=require("react/jsx-runtime"),f=require("react"),g=require("./RichTextEditor-CxvwGvQG.cjs"),d=require("./index-6D1J-A-o.cjs");function $(t,r){var v,L;const[n,i]=f.useState(0),[e,o]=f.useState(0),l=f.useRef(null),{t:m}=d.useLocale(),x=f.useRef([]);f.useImperativeHandle(r,()=>({onKeyDown:h})),f.useEffect(()=>{if(!l.current)return;const s=e*1e3+n,a=x.current[s];a&&a.scrollIntoView({behavior:"smooth",block:"nearest"})},[n,e]);function h({event:s}){return s.key==="ArrowUp"?(b(),!0):s.key==="ArrowDown"?(w(),!0):s.key==="Enter"?(y(),!0):!1}function b(){var c;if(t.items.length===0)return!1;let s=n-1,a=e;s<0&&(a=e-1,s=((c=t.items[a])==null?void 0:c.commands.length)-1||0),a<0&&(a=t.items.length-1,s=t.items[a].commands.length-1),i(s),o(a)}function w(){if(t.items.length===0)return!1;const s=t.items[e].commands;let a=n+1,c=e;s.length-1<a&&(a=0,c=e+1),t.items.length-1<c&&(c=0),i(a),o(c)}function y(){if(t.items.length===0||e===-1||n===-1)return!1;C(e,n)}function C(s,a){const c=t.items[s].commands[a];t.command(c),t!=null&&t.onClose&&(t==null||t.onClose())}function I(s,a){C(s,a)}function E(s,a,c){x.current[s*1e3+a]=c}return u.jsx("div",{className:"richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-[hsl(var(--richtext-border))] richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",ref:l,children:(v=t==null?void 0:t.items)!=null&&v.length?u.jsx("div",{className:"richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5",children:(L=t==null?void 0:t.items)==null?void 0:L.map((s,a)=>u.jsxs(f.Fragment,{children:[u.jsx("div",{className:"richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5",children:s.title}),s.commands.map((c,p)=>u.jsxs("button",{onClick:()=>I(a,p),ref:S=>E(a,p,S),className:g.cn("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm !richtext-outline-none !richtext-border-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ",{"bg-item-active":e===a&&n===p}),children:[c.iconUrl&&u.jsx("img",{alt:"",className:"richtext-size-6",src:c.iconUrl}),c.iconName&&u.jsx(g.IconComponent,{className:"!richtext-mr-1 !richtext-text-lg",name:c.iconName}),c.label]},`command-${p}`))]},`slash-${s.title}`))}):u.jsx("div",{className:"richtext-p-3",children:u.jsx("span",{className:"richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100",children:m("editor.slash.empty")})})})}const j=f.forwardRef($),q={setOpen:(t,r)=>{g.dispatchEvent(g.EVENTS.UPLOAD_VIDEO(t),r)}};function O(t,r){const n=[{name:"format",title:d.localeActions.t("editor.slash.format"),commands:[]},{name:"insert",title:d.localeActions.t("editor.slash.insert"),commands:[]}];return t.forEach(i=>{i.name.toLowerCase()==="heading"&&i.options.levels.forEach(e=>{n[0].commands.push({name:`heading${e}`,label:d.localeActions.t(`editor.heading.h${e}.tooltip`),aliases:[`h${e}`,"bt",`bt${e}`],iconName:`Heading${e}`,action:({editor:o,range:l})=>{o.chain().focus().deleteRange(l).setHeading({level:e}).run()}})}),i.name.toLowerCase()==="bulletlist"&&n[0].commands.push({name:"bulletList",label:d.localeActions.t("editor.bulletlist.tooltip"),aliases:["ul","yxlb"],iconName:"List",action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).toggleBulletList().run()}}),i.name.toLowerCase()==="orderedlist"&&n[0].commands.push({name:"numberedList",label:d.localeActions.t("editor.orderedlist.tooltip"),aliases:["ol","yxlb"],iconName:"ListOrdered",action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).toggleOrderedList().run()}}),i.name.toLowerCase()==="tasklist"&&n[0].commands.push({name:"taskList",label:d.localeActions.t("editor.tasklist.tooltip"),iconName:"ListTodo",description:"Task list with todo items",aliases:["todo"],action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).toggleTaskList().run()}}),i.name.toLowerCase()==="blockquote"&&n[0].commands.push({name:"blockquote",label:d.localeActions.t("editor.blockquote.tooltip"),description:"插入引入格式",aliases:["yr"],iconName:"TextQuote",action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).setBlockquote().run()}}),i.name.toLowerCase()==="codeblock"&&n[0].commands.push({name:"codeBlock",label:d.localeActions.t("editor.codeblock.tooltip"),iconName:"Code2",description:"Code block with syntax highlighting",shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).setCodeBlock().run()}}),i.name.toLowerCase()===g.Image.name&&n[1].commands.push({name:"image",label:d.localeActions.t("editor.image.tooltip"),iconName:"ImageUp",description:"Insert a image",aliases:["image","tp","tupian"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).run(),g.actionDialogImage.setOpen(e.id,!0)}}),i.name.toLowerCase()===g.Video.name&&n[1].commands.push({name:"video",label:d.localeActions.t("editor.video.tooltip"),iconName:"Video",description:"Insert a video",aliases:["video","sp","shipin"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).run(),q.setOpen(e.id,!0)}}),i.name.toLowerCase()==="table"&&n[1].commands.push({name:"table",label:d.localeActions.t("editor.table.tooltip"),iconName:"Table",description:"Insert a table",aliases:["table","bg","biaoge","biao"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).insertTable({rows:3,cols:3,withHeaderRow:!1}).run()}}),i.name.toLowerCase()==="horizontalrule"&&n[1].commands.push({name:"horizontalRule",label:d.localeActions.t("editor.horizontalrule.tooltip"),iconName:"Minus",description:"Insert a horizontal divider",aliases:["hr","fgx","fg"],action:({editor:e,range:o})=>{e.chain().focus().deleteRange(o).setHorizontalRule().run()}}),i.name.toLowerCase()==="columns"&&n[1].commands.push({name:"columns",label:d.localeActions.t("editor.columns.tooltip"),iconName:"Columns2",description:"Add two column content",action:({editor:e})=>{e.chain().focus().insertColumns({cols:2}).run()}}),r==null||r(i,n)}),n}const k="slashCommand",A=R.Extension.create({name:k,priority:200,addProseMirrorPlugins(){return[H.Suggestion({editor:this.editor,char:"/",allowSpaces:!0,startOfLine:!0,pluginKey:new R.PluginKey(k),allow:({state:t,range:r})=>{var h,b,w;const n=t.doc.resolve(r.from),i=n.depth===1,e=n.parent.type.name==="paragraph",o=((h=n.parent.textContent)==null?void 0:h.charAt(0))==="/",l=this.editor.isActive("column"),m=(w=n.parent.textContent)==null?void 0:w.slice(Math.max(0,(b=n.parent.textContent)==null?void 0:b.indexOf("/"))),x=!(m!=null&&m.endsWith("  "));return(i&&e&&o||l&&e&&o)&&x},command:({editor:t,range:r,props:n})=>{const{view:i}=t;n.action({editor:t,range:r}),i.focus()},items:({query:t,editor:r})=>O(r.extensionManager.extensions,this.options.renderGroupItem).map(l=>({...l,commands:l.commands.filter(m=>{const x=m.label.toLowerCase().trim(),h=t.toLowerCase().trim();if(m.aliases){const b=m.aliases.map(C=>C.toLowerCase().trim()),w=x.match(h),y=b.some(C=>C.match(h));return w||y}return x.match(h)}).filter(m=>m.shouldBeHidden?!m.shouldBeHidden(this.editor):!0)})).filter(l=>l.commands.length>0).map(l=>({...l,commands:l.commands.map(m=>({...m,isEnabled:!0}))})),render:()=>{let t;function r(i){if(!t||!t.element)return;const e={getBoundingClientRect(){return i}};N.computePosition(e,t.element,{placement:"bottom-start"}).then(o=>{Object.assign(t.element.style,{left:`${o.x}px`,top:`${o.y}px`,position:o.strategy==="fixed"?"fixed":"absolute"})})}const n=()=>{t&&(document.body.contains(t.element)&&document.body.removeChild(t.element),t.destroy())};return{onStart:i=>{n(),t=new N.ReactRenderer(j,{props:{...i,onClose:n},editor:i.editor}),document.body.appendChild(t.element),r(i.clientRect())},onUpdate(i){t.updateProps(i),r(i.clientRect())},onKeyDown(i){var e;return i.event.key==="Escape"?(document.body.removeChild(t.element),t.destroy(),!0):(e=t.ref)==null?void 0:e.onKeyDown(i)}}}})]},addStorage(){return{rect:{width:0,height:0,left:0,top:0,right:0,bottom:0}}}});exports.SlashCommand=A;exports.default=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./index-RfTlOzIr.cjs"),H=require("@tiptap/pm/state"),$=require("./index-BH4bc3jN.cjs"),w=require("./updatePosition-8Sdem5jb.cjs"),d=require("react/jsx-runtime"),u=require("react"),j=require("./index-DV5kbgRU.cjs"),A=require("./Icon-DUpv2cI6.cjs"),g=require("./index-Dfmm6FTT.cjs"),D=require("./store-WStcMOiW.cjs"),O=g.d([]);function v(){const[t,n]=g.x(O);return[t,n]}const P={setOpen:(t,n)=>{g.dispatchEvent(g.EVENTS.UPLOAD_VIDEO(t),n)}};function y({t}){const n=[{name:"format",title:t("editor.slash.format"),commands:[]},{name:"insert",title:t("editor.slash.insert"),commands:[]}];return[1,2,3,4,5,6].forEach(e=>{n[0].commands.push({name:`heading${e}`,label:t(`editor.heading.h${e}.tooltip`),aliases:[`h${e}`,"bt",`bt${e}`],iconName:`Heading${e}`,action:({editor:i,range:l})=>{i.chain().focus().deleteRange(l).setHeading({level:e}).run()}})}),n[0].commands.push({name:"bulletList",label:t("editor.bulletlist.tooltip"),aliases:["ul","yxlb"],iconName:"List",action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).toggleBulletList().run()}}),n[0].commands.push({name:"numberedList",label:t("editor.orderedlist.tooltip"),aliases:["ol","yxlb"],iconName:"ListOrdered",action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).toggleOrderedList().run()}}),n[0].commands.push({name:"taskList",label:t("editor.tasklist.tooltip"),iconName:"ListTodo",description:"Task list with todo items",aliases:["todo"],action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).toggleTaskList().run()}}),n[0].commands.push({name:"blockquote",label:t("editor.blockquote.tooltip"),description:"插入引入格式",aliases:["yr"],iconName:"TextQuote",action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).setBlockquote().run()}}),n[0].commands.push({name:"codeBlock",label:t("editor.codeblock.tooltip"),iconName:"Code2",description:"Code block with syntax highlighting",shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).setCodeBlock().run()}}),n[1].commands.push({name:"image",label:t("editor.image.tooltip"),iconName:"ImageUp",description:"Insert a image",aliases:["image","tp","tupian"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).run(),D.actionDialogImage.setOpen(e.id,!0)}}),n[1].commands.push({name:"video",label:t("editor.video.tooltip"),iconName:"Video",description:"Insert a video",aliases:["video","sp","shipin"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).run(),P.setOpen(e.id,!0)}}),n[1].commands.push({name:"table",label:t("editor.table.tooltip"),iconName:"Table",description:"Insert a table",aliases:["table","bg","biaoge","biao"],shouldBeHidden:e=>e.isActive("columns"),action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).insertTable({rows:3,cols:3,withHeaderRow:!1}).run()}}),n[1].commands.push({name:"horizontalRule",label:t("editor.horizontalrule.tooltip"),iconName:"Minus",description:"Insert a horizontal divider",aliases:["hr","fgx","fg"],action:({editor:e,range:i})=>{e.chain().focus().deleteRange(i).setHorizontalRule().run()}}),n[1].commands.push({name:"columns",label:t("editor.columns.tooltip"),iconName:"Columns2",description:"Add two column content",action:({editor:e})=>{e.chain().focus().insertColumns({cols:2}).run()}}),n}function N(t,n){return t.map(l=>({...l,commands:l.commands.filter(s=>{const x=s.label.toLowerCase().trim(),m=n.toLowerCase().trim();if(s.aliases){const p=s.aliases.map(h=>h.toLowerCase().trim()),a=x.match(m),f=p.some(h=>h.match(m));return a||f}return x.match(m)})})).filter(l=>l.commands.length>0)}function V(t,n){const[e]=v(),[i,l]=u.useState(0),[s,x]=u.useState(0),m=u.useRef(null),{t:p}=g.useLocale(),a=N(e,t.query),f=u.useRef([]);u.useImperativeHandle(n,()=>({onKeyDown:h})),u.useEffect(()=>{if(!m.current)return;const r=s*1e3+i,o=f.current[r];o&&o.scrollIntoView({behavior:"smooth",block:"nearest"})},[i,s]);function h({event:r}){return r.key==="ArrowUp"?(R(),!0):r.key==="ArrowDown"?(L(),!0):r.key==="Enter"?(k(),!0):!1}function R(){var c;if(a.length===0)return!1;let r=i-1,o=s;r<0&&(o=s-1,r=((c=a[o])==null?void 0:c.commands.length)-1||0),o<0&&(o=a.length-1,r=a[o].commands.length-1),l(r),x(o)}function L(){if(a.length===0)return!1;const r=a[s].commands;let o=i+1,c=s;r.length-1<o&&(o=0,c=s+1),a.length-1<c&&(c=0),l(o),x(c)}function k(){if(a.length===0||s===-1||i===-1)return!1;C(s,i)}function C(r,o){const c=a[r].commands[o];t==null||t.command(c)}function I(r,o){C(r,o)}function S(r,o,c){f.current[r*1e3+o]=c}return d.jsx("div",{className:"richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-[hsl(var(--richtext-border))] richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",ref:m,children:a!=null&&a.length?d.jsx("div",{className:"richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5",children:a==null?void 0:a.map((r,o)=>d.jsxs(u.Fragment,{children:[d.jsx("div",{className:"richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5",children:r.title}),r.commands.map((c,b)=>d.jsxs("button",{onClick:()=>I(o,b),ref:q=>S(o,b,q),className:j.cn("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm !richtext-outline-none !richtext-border-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ",{"bg-item-active":s===o&&i===b}),children:[c.iconUrl&&d.jsx("img",{alt:"",className:"richtext-size-6",src:c.iconUrl}),c.iconName&&d.jsx(A.IconComponent,{className:"!richtext-mr-1 !richtext-text-lg",name:c.iconName}),c.label]},`command-${b}`))]},`slash-${r.title}`))}):d.jsx("div",{className:"richtext-p-3",children:d.jsx("span",{className:"richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100",children:p("editor.slash.empty")})})})}const B=u.forwardRef(V);function T({commandList:t}){const[,n]=v(),{t:e}=g.useLocale();return u.useEffect(()=>{if(!(t!=null&&t.length)){const i=y({t:e});n(i);return}n(t)},[e,t]),d.jsx(d.Fragment,{})}const z=E.Extension.create({name:"richtextSlashCommand",priority:200,addProseMirrorPlugins(){return[w.Suggestion({editor:this.editor,char:"/",allowSpaces:!0,startOfLine:!0,pluginKey:new H.PluginKey(`richtextCustomPlugin${this.name}`),allow:({state:t,range:n})=>{var a,f,h;const e=t.doc.resolve(n.from),i=e.depth===1,l=e.parent.type.name==="paragraph",s=((a=e.parent.textContent)==null?void 0:a.charAt(0))==="/",x=this.editor.isActive("column"),m=(h=e.parent.textContent)==null?void 0:h.slice(Math.max(0,(f=e.parent.textContent)==null?void 0:f.indexOf("/"))),p=!(m!=null&&m.endsWith("  "));return(i&&l&&s||x&&l&&s)&&p},command:({editor:t,range:n,props:e})=>{const{view:i}=t;e.action({editor:t,range:n}),i.focus()},render:()=>{let t;return{onStart:n=>{n.clientRect&&(t=new $.ReactRenderer(B,{props:n,editor:n.editor}),t.element.style.position="absolute",document.body.appendChild(t.element),w.updatePosition(n.editor,t.element))},onUpdate(n){t.updateProps(n),n.clientRect&&w.updatePosition(n.editor,t.element)},onKeyDown(n){var e;return n.event.key==="Escape"?(t.destroy(),t.element.remove(),!0):(e=t.ref)==null?void 0:e.onKeyDown(n)},onExit(){t.destroy(),t.element.remove()}}}})]},addStorage(){return{rect:{width:0,height:0,left:0,top:0,right:0,bottom:0}}}});exports.SlashCommand=z;exports.SlashCommandList=T;exports.renderCommandListDefault=y;exports.useFilterCommandList=N;