reactjs-tiptap-editor 1.0.0 → 1.0.2

package/lib/SearchAndReplace.js

@@ -1,38 +1,38 @@
-import { E as Q } from "./index-DnWWK9F_.js";
+import { E as Q } from "./index-nFjllrEl.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() {
+import { A as ee } from "./toggle-Crvm3Tcn.js";
+import "./index-ClAEwR0V.js";
+import { c as te, u as se, b as re } from "./useButtonProps--5ytUuGi.js";
+import { u as ne } from "./index-CEbbM7Gx.js";
+import { P as ce, a as ae, b as le } from "./popover-ydZ2mHXy.js";
+import { L as B } from "./label-23SJWQ49.js";
+import { I as V } from "./input-U-XBy56K.js";
+import { B as N } from "./button-DHZeIKzF.js";
+import { I as q } from "./Icon-D3AdnMCj.js";
+import { C as oe } from "./checkbox-Dm8Nfwg8.js";
+function Pe() {
   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 = () => {
+    action: h = void 0,
+    isActive: m = void 0
+  } = (s == null ? void 0 : s.componentProps) ?? {}, { disabled: o } = re(m), [f, d] = b(!1), [p, A] = b(""), [S, w] = b(""), [I, M] = b(!1), [W, D] = b(""), y = () => {
     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}`);
   };
   k(() => {
-    e && P();
+    e && y();
   }, [e]);
   const H = () => {
-    o || m && m();
+    o || h && h();
   }, 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());
+    var a, g, x, R, v, F, P, 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 = (P = e == null ? void 0 : e.commands) == null ? void 0 : P.setCaseSensitive) == null || O.call(P, I), y());
   }, E = () => {
     var R, v;
     if (!e) return;
@@ -42,7 +42,7 @@ function ye() {
     const { node: x } = e.view.domAtPos(
       e.state.selection.anchor
     );
-    x instanceof HTMLElement && x.scrollIntoView({ behavior: "smooth", block: "center" }), P();
+    x instanceof HTMLElement && x.scrollIntoView({ behavior: "smooth", block: "center" }), y();
   };
   k(() => {
     p.trim() || j(), p.trim() && L(!0);
@@ -62,7 +62,7 @@ function ye() {
     (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();
+    A(""), w(""), (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.resetIndex) == null || a.call(r), y();
   }, J = () => {
     var r, a;
     (a = (r = e == null ? void 0 : e.commands) == null ? void 0 : r.replaceAll) == null || a.call(r), D("0/0");
@@ -105,7 +105,7 @@ function ye() {
               ] }),
               /* @__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,
+                  V,
                   {
                     autoFocus: !0,
                     className: "richtext-w-full",
@@ -121,7 +121,7 @@ function ye() {
                   {
                     className: "richtext-flex-1",
                     onClick: G,
-                    children: /* @__PURE__ */ u(V, { name: "ChevronUp" })
+                    children: /* @__PURE__ */ u(q, { name: "ChevronUp" })
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -129,7 +129,7 @@ function ye() {
                   {
                     className: "richtext-flex-1",
                     onClick: z,
-                    children: /* @__PURE__ */ u(V, { name: "ChevronDown" })
+                    children: /* @__PURE__ */ u(q, { name: "ChevronDown" })
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -143,7 +143,7 @@ function ye() {
               ] }),
               /* @__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,
+                V,
                 {
                   className: "richtext-w-80",
                   onChange: (r) => w(r.target.value),
@@ -153,7 +153,7 @@ function ye() {
                   value: S
                 }
               ) }) }),
-              /* @__PURE__ */ T("div", { className: "richtext-mb-[10px] richtext-flex richtext-items-center richtext-space-x-2", children: [
+              /* @__PURE__ */ T("div", { className: "richtext-my-[10px]  richtext-flex richtext-items-center richtext-gap-1", children: [
                 /* @__PURE__ */ u(
                   oe,
                   {
@@ -199,23 +199,23 @@ function ie(t, e, s) {
 }
 function ue(t, e, s, n) {
   const i = [], l = [];
-  let c = [], m = 0;
+  let c = [], h = 0;
   if (!e)
     return {
       decorationsToReturn: $.empty,
       results: []
     };
-  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}`,
+  t == null || t.descendants((m, o) => {
+    m.isText ? c[h] ? c[h] = {
+      text: c[h].text + m.text,
+      pos: c[h].pos
+    } : c[h] = {
+      text: `${m.text}`,
       pos: o
-    } : m += 1;
+    } : h += 1;
   }), c = c.filter(Boolean);
-  for (const h of c) {
-    const { text: o, pos: f } = h, d = Array.from(o.matchAll(e)).filter(
+  for (const m of c) {
+    const { text: o, pos: f } = m, d = Array.from(o.matchAll(e)).filter(
       ([p]) => p.trim()
     );
     for (const p of d) {
@@ -226,8 +226,8 @@ function ue(t, e, s, n) {
       });
     }
   }
-  for (const [h, o] of l.entries()) {
-    const f = h === n ? `${s} ${s}-current` : s, d = Z.inline(o.from, o.to, {
+  for (const [m, o] of l.entries()) {
+    const f = m === n ? `${s} ${s}-current` : s, d = Z.inline(o.from, o.to, {
       class: f
     });
     i.push(d);
@@ -242,22 +242,22 @@ function K(t, e, { state: s, dispatch: n }) {
   const { from: l, to: c } = e[0];
   n && n(s.tr.insertText(t, l, c));
 }
-function me(t, e, s, n) {
+function he(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];
+  const { from: l, to: c } = n[e], h = c - l - t.length + s, { from: m, to: o } = n[i];
   return n[i] = {
-    to: o - m,
-    from: h - m
-  }, [m, n];
+    to: o - h,
+    from: m - h
+  }, [h, n];
 }
-function he(t, e, { tr: s, dispatch: n }) {
+function me(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(
+      const { from: h, to: m } = l[c];
+      s.insertText(t, h, m);
+      const o = he(
         t,
         c,
         i,
@@ -328,7 +328,7 @@ const pe = Q.create({
       },
       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;
+        return me(i, l, { tr: e, dispatch: n }), t.storage.searchAndReplace.resultIndex = 0, t.storage.searchAndReplace.results = [], C(s, n), !1;
       }
     };
   },
@@ -339,7 +339,7 @@ const pe = Q.create({
         key: new Y(`richtextCustomPlugin${this.name}`),
         state: {
           init: () => $.empty,
-          apply({ doc: c, docChanged: m }, h) {
+          apply({ doc: c, docChanged: h }, m) {
             const {
               searchTerm: o,
               lastSearchTerm: f,
@@ -348,8 +348,8 @@ const pe = Q.create({
               resultIndex: A,
               lastResultIndex: S
             } = t.storage.searchAndReplace;
-            if (!m && f === o && p === d && S === A)
-              return h;
+            if (!h && f === o && p === d && S === A)
+              return m;
             if (n(o), i(d), l(A), !o)
               return t.storage.searchAndReplace.results = [], $.empty;
             const { decorationsToReturn: w, results: I } = ue(
@@ -371,6 +371,6 @@ const pe = Q.create({
   }
 });
 export {
-  ye as RichTextSearchAndReplace,
+  Pe as RichTextSearchAndReplace,
   pe as SearchAndReplace
 };

package/lib/SlashCommand.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./index-DLqogznp.cjs"),w=require("./updatePosition-C17CDdjq.cjs"),l=require("react/jsx-runtime"),m=require("react"),j=require("./index-DM3mpxB-.cjs"),D=require("./store-BPiGnThe.cjs"),v=require("./events.constant-B-VGURJp.cjs"),p=require("./index-B0fWAhpK.cjs"),$=require("./label-C09fAh5p.cjs"),A=require("./Icon-B9hI3gal.cjs"),B={setOpen:(t,n)=>{v.dispatchEvent(v.EVENTS.UPLOAD_VIDEO(t),n)}};function R({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:d})=>{i.chain().focus().deleteRange(d).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(),B.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 y(t,n){return t.map(d=>({...d,commands:d.commands.filter(c=>{const h=c.label.toLowerCase().trim(),u=n.toLowerCase().trim();if(c.aliases){const b=c.aliases.map(x=>x.toLowerCase().trim()),a=h.match(u),f=b.some(x=>x.match(u));return a||f}return h.match(u)})})).filter(d=>d.commands.length>0)}const O=p.d([]);function L(){const[t,n]=p.x(O);return[t,n]}function P(t,n){const[e]=L(),[i,d]=m.useState(0),[c,h]=m.useState(0),u=m.useRef(null),{t:b}=p.useLocale(),a=y(e,t.query),f=m.useRef([]);m.useImperativeHandle(n,()=>({onKeyDown:x})),m.useEffect(()=>{if(!u.current)return;const r=c*1e3+i,o=f.current[r];o&&o.scrollIntoView({behavior:"smooth",block:"nearest"})},[i,c]);function x({event:r}){return r.key==="ArrowUp"?(I(),!0):r.key==="ArrowDown"?(k(),!0):r.key==="Enter"?(S(),!0):!1}function I(){var s;if(a.length===0)return!1;let r=i-1,o=c;r<0&&(o=c-1,r=((s=a[o])==null?void 0:s.commands.length)-1||0),o<0&&(o=a.length-1,r=a[o].commands.length-1),d(r),h(o)}function k(){if(a.length===0)return!1;const r=a[c].commands;let o=i+1,s=c;r.length-1<o&&(o=0,s=c+1),a.length-1<s&&(s=0),d(o),h(s)}function S(){if(a.length===0||c===-1||i===-1)return!1;C(c,i)}function C(r,o){const s=a[r].commands[o];t==null||t.command(s)}function q(r,o){C(r,o)}function E(r,o,s){f.current[r*1e3+o]=s}return l.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-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none","data-richtext-portal":!0,ref:u,children:a!=null&&a.length?l.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)=>l.jsxs(m.Fragment,{children:[l.jsx($.Label,{className:"richtext-mx-[4px] richtext-mb-[4px] richtext-mt-[8px] !richtext-text-[0.65rem] richtext-uppercase ",children:r.title}),r.commands.map((s,g)=>l.jsxs("button",{onClick:()=>q(o,g),ref:H=>E(o,g,H),className:j.cn("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-text-foreground 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":c===o&&i===g}),children:[s.iconUrl&&l.jsx("img",{alt:"",className:"richtext-size-6",src:s.iconUrl}),s.iconName&&l.jsx(A.IconComponent,{className:"!richtext-mr-1 !richtext-text-lg",name:s.iconName}),s.label]},`command-${g}`))]},`slash-${r.title}`))}):l.jsx("div",{className:"richtext-p-3",children:l.jsx("span",{className:"richtext-text-xs richtext-text-foreground",children:b("editor.slash.empty")})})})}const T=m.forwardRef(P);function V({commandList:t}){const[,n]=L(),{t:e}=p.useLocale();return m.useEffect(()=>{if(!(t!=null&&t.length)){const i=R({t:e});n(i);return}n(t)},[e,t]),l.jsx(l.Fragment,{})}const z=N.Extension.create({name:"richtextSlashCommand",priority:200,addProseMirrorPlugins(){return[w.Suggestion({editor:this.editor,char:"/",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 N.ReactRenderer(T,{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&&(t.destroy(),t.element.remove())}}}})]}});exports.SlashCommand=z;exports.SlashCommandList=V;exports.renderCommandListDefault=R;exports.useFilterCommandList=y;