dishui 0.0.65 → 0.0.67

package/dist/components/pro/RichTextEditor/SlashMenu.js

@@ -1,217 +1,217 @@
-import { useCallback as x, useEffect as m, useRef as E, useState as c } from "react";
-import { jsx as u, jsxs as H } from "react/jsx-runtime";
-var _ = [
-  {
-    label: "Text",
-    icon: "Aa",
-    description: "Plain text",
-    keywords: [
-      "paragraph",
-      "text",
-      "plain"
-    ],
-    action: (e) => e.chain().focus().setParagraph().run()
-  },
-  {
-    label: "Heading 1",
-    icon: "H1",
-    description: "Large heading",
-    keywords: ["h1", "title"],
-    action: (e) => e.chain().focus().toggleHeading({ level: 1 }).run()
-  },
-  {
-    label: "Heading 2",
-    icon: "H2",
-    description: "Medium heading",
-    keywords: ["h2", "subtitle"],
-    action: (e) => e.chain().focus().toggleHeading({ level: 2 }).run()
-  },
-  {
-    label: "Heading 3",
-    icon: "H3",
-    description: "Small heading",
-    keywords: ["h3"],
-    action: (e) => e.chain().focus().toggleHeading({ level: 3 }).run()
-  },
-  {
-    label: "Bullet List",
-    icon: "•",
-    description: "Unordered list",
-    keywords: [
-      "ul",
-      "bullet",
-      "unordered"
-    ],
-    action: (e) => e.chain().focus().toggleBulletList().run()
-  },
-  {
-    label: "Numbered List",
-    icon: "1.",
-    description: "Ordered list",
-    keywords: [
-      "ol",
-      "ordered",
-      "number"
-    ],
-    action: (e) => e.chain().focus().toggleOrderedList().run()
-  },
-  {
-    label: "Task List",
-    icon: "☑",
-    description: "To-do list",
-    keywords: [
-      "todo",
-      "checkbox",
-      "task"
-    ],
-    action: (e) => e.chain().focus().toggleTaskList().run()
-  },
-  {
-    label: "Blockquote",
-    icon: '"',
-    description: "Quote block",
-    keywords: ["quote", "blockquote"],
-    action: (e) => e.chain().focus().toggleBlockquote().run()
-  },
-  {
-    label: "Code Block",
-    icon: "</>",
-    description: "Code snippet",
-    keywords: [
-      "code",
-      "pre",
-      "snippet"
-    ],
-    action: (e) => e.chain().focus().toggleNode("codeBlock", "paragraph").run()
-  },
-  {
-    label: "Divider",
-    icon: "—",
-    description: "Horizontal rule",
-    keywords: [
-      "hr",
-      "divider",
-      "separator",
-      "line"
-    ],
-    action: (e) => e.chain().focus().setHorizontalRule().run()
-  },
-  {
-    label: "Table",
-    icon: "⊞",
-    description: "Insert 3×3 table",
-    keywords: ["table", "grid"],
-    action: (e) => e.chain().focus().insertTable({
-      rows: 3,
-      cols: 3,
-      withHeaderRow: !0
-    }).run()
-  },
-  {
-    label: "Image",
-    icon: "🖼",
-    description: "Insert image by URL",
-    keywords: [
-      "image",
-      "picture",
-      "photo"
-    ],
-    action: (e) => {
-      const o = window.prompt("Image URL:");
-      o && e.chain().focus().setImage({ src: o }).run();
-    }
-  }
-], D = ({ editor: e }) => {
-  const [o, b] = c(!1), [w, k] = c(""), [y, R] = c({
-    x: 0,
-    y: 0
-  }), [i, a] = c(0), [d, v] = c(null), p = E(null), s = w ? _.filter((n) => {
-    const t = w.toLowerCase();
-    return n.label.toLowerCase().includes(t) || n.description.toLowerCase().includes(t) || n.keywords?.some((r) => r.includes(t));
-  }) : _, l = x(() => {
-    b(!1), k(""), v(null), a(0);
-  }, []), f = x((n) => {
-    if (d !== null) {
-      const { from: t } = e.state.selection;
-      e.chain().focus().deleteRange({
-        from: d,
-        to: t
-      }).run();
-    }
-    n.action(e), l();
-  }, [
-    e,
-    d,
-    l
-  ]);
-  return m(() => {
-    const n = () => {
-      const { $from: t } = e.state.selection, r = t.parent.textContent.slice(0, t.parentOffset), h = /\/([a-zA-Z0-9]*)$/.exec(r);
-      if (h) {
-        const C = t.start() + h.index;
-        v(C), k(h[1]), a(0);
-        const L = e.view.coordsAtPos(t.pos), g = e.view.dom.closest(".rte-editor-wrapper")?.getBoundingClientRect();
-        g && R({
-          x: L.left - g.left,
-          y: L.bottom - g.top + 4
-        }), b(!0);
-      } else o && l();
-    };
-    return e.on("selectionUpdate", n), e.on("update", n), () => {
-      e.off("selectionUpdate", n), e.off("update", n);
-    };
-  }, [
-    e,
-    o,
-    l
-  ]), m(() => {
-    if (!o) return;
-    const n = (t) => {
-      t.key === "ArrowDown" ? (t.preventDefault(), a((r) => (r + 1) % s.length)) : t.key === "ArrowUp" ? (t.preventDefault(), a((r) => (r - 1 + s.length) % s.length)) : t.key === "Enter" ? (t.preventDefault(), s[i] && f(s[i])) : t.key === "Escape" && (t.preventDefault(), l());
-    };
-    return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
-  }, [
-    o,
-    s,
-    i,
-    f,
-    l
-  ]), m(() => {
-    if (!o) return;
-    const n = (t) => {
-      p.current && !p.current.contains(t.target) && l();
-    };
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [o, l]), !o || s.length === 0 ? null : /* @__PURE__ */ u("div", {
-    ref: p,
-    className: "rte-slash-menu",
-    style: {
-      left: y.x,
-      top: y.y
-    },
-    children: s.map((n, t) => /* @__PURE__ */ H("button", {
-      type: "button",
-      className: `rte-slash-menu__item ${t === i ? "rte-slash-menu__item--active" : ""}`,
-      onClick: () => f(n),
-      onMouseEnter: () => a(t),
-      children: [/* @__PURE__ */ u("span", {
-        className: "rte-slash-menu__icon",
-        children: n.icon
-      }), /* @__PURE__ */ H("div", {
-        className: "rte-slash-menu__text",
-        children: [/* @__PURE__ */ u("span", {
-          className: "rte-slash-menu__label",
-          children: n.label
-        }), /* @__PURE__ */ u("span", {
-          className: "rte-slash-menu__desc",
-          children: n.description
-        })]
-      })]
-    }, n.label))
-  });
-};
-export {
-  D as default
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/SlashMenu.tsx
+var o = [
+	{
+		label: "Text",
+		icon: "Aa",
+		description: "Plain text",
+		keywords: [
+			"paragraph",
+			"text",
+			"plain"
+		],
+		action: (e) => e.chain().focus().setParagraph().run()
+	},
+	{
+		label: "Heading 1",
+		icon: "H1",
+		description: "Large heading",
+		keywords: ["h1", "title"],
+		action: (e) => e.chain().focus().toggleHeading({ level: 1 }).run()
+	},
+	{
+		label: "Heading 2",
+		icon: "H2",
+		description: "Medium heading",
+		keywords: ["h2", "subtitle"],
+		action: (e) => e.chain().focus().toggleHeading({ level: 2 }).run()
+	},
+	{
+		label: "Heading 3",
+		icon: "H3",
+		description: "Small heading",
+		keywords: ["h3"],
+		action: (e) => e.chain().focus().toggleHeading({ level: 3 }).run()
+	},
+	{
+		label: "Bullet List",
+		icon: "•",
+		description: "Unordered list",
+		keywords: [
+			"ul",
+			"bullet",
+			"unordered"
+		],
+		action: (e) => e.chain().focus().toggleBulletList().run()
+	},
+	{
+		label: "Numbered List",
+		icon: "1.",
+		description: "Ordered list",
+		keywords: [
+			"ol",
+			"ordered",
+			"number"
+		],
+		action: (e) => e.chain().focus().toggleOrderedList().run()
+	},
+	{
+		label: "Task List",
+		icon: "☑",
+		description: "To-do list",
+		keywords: [
+			"todo",
+			"checkbox",
+			"task"
+		],
+		action: (e) => e.chain().focus().toggleTaskList().run()
+	},
+	{
+		label: "Blockquote",
+		icon: "\"",
+		description: "Quote block",
+		keywords: ["quote", "blockquote"],
+		action: (e) => e.chain().focus().toggleBlockquote().run()
+	},
+	{
+		label: "Code Block",
+		icon: "</>",
+		description: "Code snippet",
+		keywords: [
+			"code",
+			"pre",
+			"snippet"
+		],
+		action: (e) => e.chain().focus().toggleNode("codeBlock", "paragraph").run()
+	},
+	{
+		label: "Divider",
+		icon: "—",
+		description: "Horizontal rule",
+		keywords: [
+			"hr",
+			"divider",
+			"separator",
+			"line"
+		],
+		action: (e) => e.chain().focus().setHorizontalRule().run()
+	},
+	{
+		label: "Table",
+		icon: "⊞",
+		description: "Insert 3×3 table",
+		keywords: ["table", "grid"],
+		action: (e) => e.chain().focus().insertTable({
+			rows: 3,
+			cols: 3,
+			withHeaderRow: !0
+		}).run()
+	},
+	{
+		label: "Image",
+		icon: "🖼",
+		description: "Insert image by URL",
+		keywords: [
+			"image",
+			"picture",
+			"photo"
+		],
+		action: (e) => {
+			let t = window.prompt("Image URL:");
+			t && e.chain().focus().setImage({ src: t }).run();
+		}
+	}
+], s = ({ editor: s }) => {
+	let [c, l] = r(!1), [u, d] = r(""), [f, p] = r({
+		x: 0,
+		y: 0
+	}), [m, h] = r(0), [g, _] = r(null), v = n(null), y = u ? o.filter((e) => {
+		let t = u.toLowerCase();
+		return e.label.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.keywords?.some((e) => e.includes(t));
+	}) : o, b = e(() => {
+		l(!1), d(""), _(null), h(0);
+	}, []), x = e((e) => {
+		if (g !== null) {
+			let { from: e } = s.state.selection;
+			s.chain().focus().deleteRange({
+				from: g,
+				to: e
+			}).run();
+		}
+		e.action(s), b();
+	}, [
+		s,
+		g,
+		b
+	]);
+	return t(() => {
+		let e = () => {
+			let { $from: e } = s.state.selection, t = e.parent.textContent.slice(0, e.parentOffset), n = /\/([a-zA-Z0-9]*)$/.exec(t);
+			if (n) {
+				let t = e.start() + n.index;
+				_(t), d(n[1]), h(0);
+				let r = s.view.coordsAtPos(e.pos), i = s.view.dom.closest(".rte-editor-wrapper")?.getBoundingClientRect();
+				i && p({
+					x: r.left - i.left,
+					y: r.bottom - i.top + 4
+				}), l(!0);
+			} else c && b();
+		};
+		return s.on("selectionUpdate", e), s.on("update", e), () => {
+			s.off("selectionUpdate", e), s.off("update", e);
+		};
+	}, [
+		s,
+		c,
+		b
+	]), t(() => {
+		if (!c) return;
+		let e = (e) => {
+			e.key === "ArrowDown" ? (e.preventDefault(), h((e) => (e + 1) % y.length)) : e.key === "ArrowUp" ? (e.preventDefault(), h((e) => (e - 1 + y.length) % y.length)) : e.key === "Enter" ? (e.preventDefault(), y[m] && x(y[m])) : e.key === "Escape" && (e.preventDefault(), b());
+		};
+		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
+	}, [
+		c,
+		y,
+		m,
+		x,
+		b
+	]), t(() => {
+		if (!c) return;
+		let e = (e) => {
+			v.current && !v.current.contains(e.target) && b();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [c, b]), !c || y.length === 0 ? null : /* @__PURE__ */ i("div", {
+		ref: v,
+		className: "rte-slash-menu",
+		style: {
+			left: f.x,
+			top: f.y
+		},
+		children: y.map((e, t) => /* @__PURE__ */ a("button", {
+			type: "button",
+			className: `rte-slash-menu__item ${t === m ? "rte-slash-menu__item--active" : ""}`,
+			onClick: () => x(e),
+			onMouseEnter: () => h(t),
+			children: [/* @__PURE__ */ i("span", {
+				className: "rte-slash-menu__icon",
+				children: e.icon
+			}), /* @__PURE__ */ a("div", {
+				className: "rte-slash-menu__text",
+				children: [/* @__PURE__ */ i("span", {
+					className: "rte-slash-menu__label",
+					children: e.label
+				}), /* @__PURE__ */ i("span", {
+					className: "rte-slash-menu__desc",
+					children: e.description
+				})]
+			})]
+		}, e.label))
+	});
 };
+//#endregion
+export { s as default };
 
 //# sourceMappingURL=SlashMenu.js.map

package/dist/components/pro/RichTextEditor/SlashMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlashMenu.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/SlashMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\n\ninterface SlashMenuItem {\n  label: string;\n  icon: string;\n  description: string;\n  action: (editor: Editor) => void;\n  keywords?: string[];\n}\n\nconst SLASH_ITEMS: SlashMenuItem[] = [\n  { label: 'Text', icon: 'Aa', description: 'Plain text', keywords: ['paragraph', 'text', 'plain'],\n    action: (e) => e.chain().focus().setParagraph().run() },\n  { label: 'Heading 1', icon: 'H1', description: 'Large heading', keywords: ['h1', 'title'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 1 }).run() },\n  { label: 'Heading 2', icon: 'H2', description: 'Medium heading', keywords: ['h2', 'subtitle'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 2 }).run() },\n  { label: 'Heading 3', icon: 'H3', description: 'Small heading', keywords: ['h3'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 3 }).run() },\n  { label: 'Bullet List', icon: '•', description: 'Unordered list', keywords: ['ul', 'bullet', 'unordered'],\n    action: (e) => e.chain().focus().toggleBulletList().run() },\n  { label: 'Numbered List', icon: '1.', description: 'Ordered list', keywords: ['ol', 'ordered', 'number'],\n    action: (e) => e.chain().focus().toggleOrderedList().run() },\n  { label: 'Task List', icon: '☑', description: 'To-do list', keywords: ['todo', 'checkbox', 'task'],\n    action: (e) => e.chain().focus().toggleTaskList().run() },\n  { label: 'Blockquote', icon: '\"', description: 'Quote block', keywords: ['quote', 'blockquote'],\n    action: (e) => e.chain().focus().toggleBlockquote().run() },\n  { label: 'Code Block', icon: '</>', description: 'Code snippet', keywords: ['code', 'pre', 'snippet'],\n    action: (e) => e.chain().focus().toggleNode('codeBlock', 'paragraph').run() },\n  { label: 'Divider', icon: '—', description: 'Horizontal rule', keywords: ['hr', 'divider', 'separator', 'line'],\n    action: (e) => e.chain().focus().setHorizontalRule().run() },\n  { label: 'Table', icon: '⊞', description: 'Insert 3×3 table', keywords: ['table', 'grid'],\n    action: (e) => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() },\n  { label: 'Image', icon: '🖼', description: 'Insert image by URL', keywords: ['image', 'picture', 'photo'],\n    action: (e) => {\n      const url = window.prompt('Image URL:');\n      if (url) e.chain().focus().setImage({ src: url }).run();\n    }},\n];\n\ninterface SlashMenuProps {\n  editor: Editor;\n}\n\nconst SlashMenu: React.FC<SlashMenuProps> = ({ editor }) => {\n  const [visible, setVisible] = useState(false);\n  const [query, setQuery] = useState('');\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const [selected, setSelected] = useState(0);\n  const [slashPos, setSlashPos] = useState<number | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const filtered = query\n    ? SLASH_ITEMS.filter((item) => {\n        const q = query.toLowerCase();\n        return item.label.toLowerCase().includes(q)\n          || item.description.toLowerCase().includes(q)\n          || item.keywords?.some((k) => k.includes(q));\n      })\n    : SLASH_ITEMS;\n\n  const close = useCallback(() => {\n    setVisible(false);\n    setQuery('');\n    setSlashPos(null);\n    setSelected(0);\n  }, []);\n\n  const executeItem = useCallback((item: SlashMenuItem) => {\n    if (slashPos !== null) {\n      const { from } = editor.state.selection;\n      editor.chain().focus().deleteRange({ from: slashPos, to: from }).run();\n    }\n    item.action(editor);\n    close();\n  }, [editor, slashPos, close]);\n\n  useEffect(() => {\n    const handleUpdate = () => {\n      const { $from } = editor.state.selection;\n      const textBefore = $from.parent.textContent.slice(0, $from.parentOffset);\n      const slashMatch = /\\/([a-zA-Z0-9]*)$/.exec(textBefore);\n\n      if (slashMatch) {\n        const start = $from.start() + slashMatch.index;\n        setSlashPos(start);\n        setQuery(slashMatch[1]);\n        setSelected(0);\n\n        const coords = editor.view.coordsAtPos($from.pos);\n        const editorRect = editor.view.dom.closest('.rte-editor-wrapper')?.getBoundingClientRect();\n        if (editorRect) {\n          setPos({\n            x: coords.left - editorRect.left,\n            y: coords.bottom - editorRect.top + 4,\n          });\n        }\n        setVisible(true);\n      } else {\n        if (visible) close();\n      }\n    };\n\n    editor.on('selectionUpdate', handleUpdate);\n    editor.on('update', handleUpdate);\n    return () => {\n      editor.off('selectionUpdate', handleUpdate);\n      editor.off('update', handleUpdate);\n    };\n  }, [editor, visible, close]);\n\n  useEffect(() => {\n    if (!visible) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setSelected((s) => (s + 1) % filtered.length);\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setSelected((s) => (s - 1 + filtered.length) % filtered.length);\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        if (filtered[selected]) executeItem(filtered[selected]);\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        close();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [visible, filtered, selected, executeItem, close]);\n\n  useEffect(() => {\n    if (!visible) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) close();\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [visible, close]);\n\n  if (!visible || filtered.length === 0) return null;\n\n  return (\n    <div ref={menuRef} className=\"rte-slash-menu\" style={{ left: pos.x, top: pos.y }}>\n      {filtered.map((item, i) => (\n        <button\n          key={item.label}\n          type=\"button\"\n          className={`rte-slash-menu__item ${i === selected ? 'rte-slash-menu__item--active' : ''}`}\n          onClick={() => executeItem(item)}\n          onMouseEnter={() => setSelected(i)}\n        >\n          <span className=\"rte-slash-menu__icon\">{item.icon}</span>\n          <div className=\"rte-slash-menu__text\">\n            <span className=\"rte-slash-menu__label\">{item.label}</span>\n            <span className=\"rte-slash-menu__desc\">{item.description}</span>\n          </div>\n        </button>\n      ))}\n    </div>\n  );\n};\n\nexport default SlashMenu;\n"],"mappings":"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"}
+{"version":3,"file":"SlashMenu.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/SlashMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\n\ninterface SlashMenuItem {\n  label: string;\n  icon: string;\n  description: string;\n  action: (editor: Editor) => void;\n  keywords?: string[];\n}\n\nconst SLASH_ITEMS: SlashMenuItem[] = [\n  { label: 'Text', icon: 'Aa', description: 'Plain text', keywords: ['paragraph', 'text', 'plain'],\n    action: (e) => e.chain().focus().setParagraph().run() },\n  { label: 'Heading 1', icon: 'H1', description: 'Large heading', keywords: ['h1', 'title'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 1 }).run() },\n  { label: 'Heading 2', icon: 'H2', description: 'Medium heading', keywords: ['h2', 'subtitle'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 2 }).run() },\n  { label: 'Heading 3', icon: 'H3', description: 'Small heading', keywords: ['h3'],\n    action: (e) => e.chain().focus().toggleHeading({ level: 3 }).run() },\n  { label: 'Bullet List', icon: '•', description: 'Unordered list', keywords: ['ul', 'bullet', 'unordered'],\n    action: (e) => e.chain().focus().toggleBulletList().run() },\n  { label: 'Numbered List', icon: '1.', description: 'Ordered list', keywords: ['ol', 'ordered', 'number'],\n    action: (e) => e.chain().focus().toggleOrderedList().run() },\n  { label: 'Task List', icon: '☑', description: 'To-do list', keywords: ['todo', 'checkbox', 'task'],\n    action: (e) => e.chain().focus().toggleTaskList().run() },\n  { label: 'Blockquote', icon: '\"', description: 'Quote block', keywords: ['quote', 'blockquote'],\n    action: (e) => e.chain().focus().toggleBlockquote().run() },\n  { label: 'Code Block', icon: '</>', description: 'Code snippet', keywords: ['code', 'pre', 'snippet'],\n    action: (e) => e.chain().focus().toggleNode('codeBlock', 'paragraph').run() },\n  { label: 'Divider', icon: '—', description: 'Horizontal rule', keywords: ['hr', 'divider', 'separator', 'line'],\n    action: (e) => e.chain().focus().setHorizontalRule().run() },\n  { label: 'Table', icon: '⊞', description: 'Insert 3×3 table', keywords: ['table', 'grid'],\n    action: (e) => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() },\n  { label: 'Image', icon: '🖼', description: 'Insert image by URL', keywords: ['image', 'picture', 'photo'],\n    action: (e) => {\n      const url = window.prompt('Image URL:');\n      if (url) e.chain().focus().setImage({ src: url }).run();\n    }},\n];\n\ninterface SlashMenuProps {\n  editor: Editor;\n}\n\nconst SlashMenu: React.FC<SlashMenuProps> = ({ editor }) => {\n  const [visible, setVisible] = useState(false);\n  const [query, setQuery] = useState('');\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const [selected, setSelected] = useState(0);\n  const [slashPos, setSlashPos] = useState<number | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const filtered = query\n    ? SLASH_ITEMS.filter((item) => {\n        const q = query.toLowerCase();\n        return item.label.toLowerCase().includes(q)\n          || item.description.toLowerCase().includes(q)\n          || item.keywords?.some((k) => k.includes(q));\n      })\n    : SLASH_ITEMS;\n\n  const close = useCallback(() => {\n    setVisible(false);\n    setQuery('');\n    setSlashPos(null);\n    setSelected(0);\n  }, []);\n\n  const executeItem = useCallback((item: SlashMenuItem) => {\n    if (slashPos !== null) {\n      const { from } = editor.state.selection;\n      editor.chain().focus().deleteRange({ from: slashPos, to: from }).run();\n    }\n    item.action(editor);\n    close();\n  }, [editor, slashPos, close]);\n\n  useEffect(() => {\n    const handleUpdate = () => {\n      const { $from } = editor.state.selection;\n      const textBefore = $from.parent.textContent.slice(0, $from.parentOffset);\n      const slashMatch = /\\/([a-zA-Z0-9]*)$/.exec(textBefore);\n\n      if (slashMatch) {\n        const start = $from.start() + slashMatch.index;\n        setSlashPos(start);\n        setQuery(slashMatch[1]);\n        setSelected(0);\n\n        const coords = editor.view.coordsAtPos($from.pos);\n        const editorRect = editor.view.dom.closest('.rte-editor-wrapper')?.getBoundingClientRect();\n        if (editorRect) {\n          setPos({\n            x: coords.left - editorRect.left,\n            y: coords.bottom - editorRect.top + 4,\n          });\n        }\n        setVisible(true);\n      } else {\n        if (visible) close();\n      }\n    };\n\n    editor.on('selectionUpdate', handleUpdate);\n    editor.on('update', handleUpdate);\n    return () => {\n      editor.off('selectionUpdate', handleUpdate);\n      editor.off('update', handleUpdate);\n    };\n  }, [editor, visible, close]);\n\n  useEffect(() => {\n    if (!visible) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setSelected((s) => (s + 1) % filtered.length);\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setSelected((s) => (s - 1 + filtered.length) % filtered.length);\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        if (filtered[selected]) executeItem(filtered[selected]);\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        close();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [visible, filtered, selected, executeItem, close]);\n\n  useEffect(() => {\n    if (!visible) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) close();\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [visible, close]);\n\n  if (!visible || filtered.length === 0) return null;\n\n  return (\n    <div ref={menuRef} className=\"rte-slash-menu\" style={{ left: pos.x, top: pos.y }}>\n      {filtered.map((item, i) => (\n        <button\n          key={item.label}\n          type=\"button\"\n          className={`rte-slash-menu__item ${i === selected ? 'rte-slash-menu__item--active' : ''}`}\n          onClick={() => executeItem(item)}\n          onMouseEnter={() => setSelected(i)}\n        >\n          <span className=\"rte-slash-menu__icon\">{item.icon}</span>\n          <div className=\"rte-slash-menu__text\">\n            <span className=\"rte-slash-menu__label\">{item.label}</span>\n            <span className=\"rte-slash-menu__desc\">{item.description}</span>\n          </div>\n        </button>\n      ))}\n    </div>\n  );\n};\n\nexport default SlashMenu;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/Toolbar/ColorPicker.js

@@ -1,78 +1,47 @@
-import { useEffect as d, useRef as i, useState as u } from "react";
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-var m = [
-  "#000000",
-  "#434343",
-  "#666666",
-  "#999999",
-  "#cccccc",
-  "#eeeeee",
-  "#ffffff",
-  "#ff0000",
-  "#ff4500",
-  "#ff8c00",
-  "#ffd700",
-  "#32cd32",
-  "#00bfff",
-  "#8a2be2",
-  "#ff69b4",
-  "#dc143c",
-  "#ff6347",
-  "#ffa500",
-  "#9acd32",
-  "#20b2aa",
-  "#4169e1",
-  "#9370db",
-  "#db7093",
-  "#b22222",
-  "#d2691e",
-  "#daa520",
-  "#228b22",
-  "#008b8b",
-  "#191970",
-  "#4b0082"
-], v = ({ value: c, onChange: l, title: s, icon: f }) => {
-  const [n, t] = u(!1), o = i(null);
-  return d(() => {
-    const e = (b) => {
-      o.current && !o.current.contains(b.target) && t(!1);
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), /* @__PURE__ */ a("div", {
-    ref: o,
-    className: "rte-toolbar__color-picker",
-    children: [/* @__PURE__ */ a("button", {
-      type: "button",
-      className: "rte-toolbar__btn",
-      onClick: () => t(!n),
-      title: s,
-      children: [f, /* @__PURE__ */ r("span", {
-        className: "rte-toolbar__color-indicator",
-        style: { backgroundColor: c || "#000" }
-      })]
-    }), n && /* @__PURE__ */ a("div", {
-      className: "rte-toolbar__color-dropdown",
-      children: [m.map((e) => /* @__PURE__ */ r("button", {
-        type: "button",
-        className: `rte-toolbar__color-swatch ${e === c ? "rte-toolbar__color-swatch--active" : ""}`,
-        style: { backgroundColor: e },
-        onClick: () => {
-          l(e), t(!1);
-        },
-        title: e
-      }, e)), /* @__PURE__ */ r("button", {
-        type: "button",
-        className: "rte-toolbar__color-clear",
-        onClick: () => {
-          l(""), t(!1);
-        },
-        children: "Clear"
-      })]
-    })]
-  });
-};
-export {
-  v as ColorPicker
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/Toolbar/ColorPicker.tsx
+var a = /* @__PURE__ */ "#000000.#434343.#666666.#999999.#cccccc.#eeeeee.#ffffff.#ff0000.#ff4500.#ff8c00.#ffd700.#32cd32.#00bfff.#8a2be2.#ff69b4.#dc143c.#ff6347.#ffa500.#9acd32.#20b2aa.#4169e1.#9370db.#db7093.#b22222.#d2691e.#daa520.#228b22.#008b8b.#191970.#4b0082".split("."), o = ({ value: o, onChange: s, title: c, icon: l }) => {
+	let [u, d] = n(!1), f = t(null);
+	return e(() => {
+		let e = (e) => {
+			f.current && !f.current.contains(e.target) && d(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ i("div", {
+		ref: f,
+		className: "rte-toolbar__color-picker",
+		children: [/* @__PURE__ */ i("button", {
+			type: "button",
+			className: "rte-toolbar__btn",
+			onClick: () => d(!u),
+			title: c,
+			children: [l, /* @__PURE__ */ r("span", {
+				className: "rte-toolbar__color-indicator",
+				style: { backgroundColor: o || "#000" }
+			})]
+		}), u && /* @__PURE__ */ i("div", {
+			className: "rte-toolbar__color-dropdown",
+			children: [a.map((e) => /* @__PURE__ */ r("button", {
+				type: "button",
+				className: `rte-toolbar__color-swatch ${e === o ? "rte-toolbar__color-swatch--active" : ""}`,
+				style: { backgroundColor: e },
+				onClick: () => {
+					s(e), d(!1);
+				},
+				title: e
+			}, e)), /* @__PURE__ */ r("button", {
+				type: "button",
+				className: "rte-toolbar__color-clear",
+				onClick: () => {
+					s(""), d(!1);
+				},
+				children: "Clear"
+			})]
+		})]
+	});
 };
+//#endregion
+export { o as ColorPicker };
 
 //# sourceMappingURL=ColorPicker.js.map