@cgboiler/biz-basic 1.0.52 → 1.0.54

package/es/rich-text-editor/useExtensions.d.ts

@@ -1,6 +1,6 @@
-import { Extension, Mark } from '@tiptap/core';
 /**
  * useExtensions
- * - 功能：构建并返回 TipTap 编辑器使用的扩展集合。
+ * - 功能：构建并返回 TipTap 编辑器使用的扩展集合
+ * - 重构：采用模块化架构，各扩展独立管理
  */
-export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | Mark<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any> | Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | Extension<any, any> | Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | Extension<import("@tiptap/extension-table").TableKitOptions, any> | Extension<import("@tiptap/extensions").PlaceholderOptions, any> | Extension<import("@tiptap/extension-list").ListKitOptions, any>)[];
+export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any> | import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any> | import("@tiptap/core").Node<import("./extensions/ImageUpload").ImageUploadNodeOptions, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-list").TaskListOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-list").TaskItemOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extensions").PlaceholderOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-list").ListKitOptions, any>)[];

package/es/rich-text-editor/useExtensions.js

@@ -2,366 +2,81 @@ import StarterKit from "@tiptap/starter-kit";
 import { TableKit } from "@tiptap/extension-table";
 import { ListKit } from "@tiptap/extension-list";
 import Image from "@tiptap/extension-image";
-import Mention from "@tiptap/extension-mention";
 import { TextStyle } from "@tiptap/extension-text-style";
 import { Color } from "@tiptap/extension-color";
-import { Markdown } from "tiptap-markdown";
-import { Extension, InputRule, Mark, mergeAttributes } from "@tiptap/core";
-import HtmlBlock from "./extensions/HtmlBlock";
 import { Placeholder } from "@tiptap/extensions";
+import Underline from "@tiptap/extension-underline";
+import Superscript from "@tiptap/extension-superscript";
+import Subscript from "@tiptap/extension-subscript";
+import TextAlign from "@tiptap/extension-text-align";
+import Highlight from "@tiptap/extension-highlight";
+import Link from "@tiptap/extension-link";
+import { TaskList } from "@tiptap/extension-task-list";
+import { TaskItem } from "@tiptap/extension-task-item";
+import Typography from "@tiptap/extension-typography";
+import HtmlBlock from "./extensions/HtmlBlock";
+import { ConsumedTrigger } from "./extensions/ConsumedTrigger";
+import { createIMECompositionExtension } from "./extensions/IMEComposition";
+import { VideoInputRule, AudioInputRule } from "./extensions/MediaInputRules";
+import { MarkdownExtension, MarkdownLinkInputRule } from "./extensions/MarkdownExtensions";
+import { createHashTagExtension } from "./extensions/HashTag";
+import { createMentionExtension } from "./extensions/MentionExtension";
+import { createCustomContentExtension } from "./extensions/CustomContent";
+import HorizontalRule from "./extensions/HorizontalRule";
+import ImageUpload from "./extensions/ImageUpload";
+import { handleImageUpload, MAX_FILE_SIZE } from "./menu-system/utils/tiptap-utils";
 function useExtensions({ props, emit }) {
-  let activeEditor = null;
-  const ConsumedTrigger = Mark.create({
-    name: "consumedTrigger",
-    keepOnSplit: false,
-    // 保证在标记后继续输入时不延续标记
-    parseHTML() {
-      return [{ tag: "span[data-consumed-trigger]" }];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return [
-        "span",
-        mergeAttributes(HTMLAttributes, {
-          "data-consumed-trigger": "true",
-          style: "color: inherit;"
-        }),
-        0
-      ];
-    }
-  });
-  const checkConsumed = (state, range) => {
-    const { doc, schema } = state;
-    const markType = schema.marks.consumedTrigger;
-    if (!markType)
-      return false;
-    let isConsumed = false;
-    doc.nodesBetween(range.from, range.to, (node) => {
-      if (node.marks.some((m) => m.type === markType)) {
-        isConsumed = true;
-      }
-    });
-    return isConsumed;
-  };
-  const markAsConsumed = (editor, range, char) => {
-    if (!editor || !range || range.from === void 0)
-      return;
-    try {
-      const { doc } = editor.state;
-      const actualChar = doc.textBetween(range.from, range.from + 1);
-      if (actualChar === char) {
-        editor.chain().setMeta("addToHistory", false).setTextSelection({ from: range.from, to: range.from + 1 }).setMark("consumedTrigger").setTextSelection(editor.state.selection.to).unsetMark("consumedTrigger").run();
-      }
-    } catch (e) {
-    }
+  const editorRef = { current: null };
+  const imeState = {
+    isComposing: false
   };
-  const HashTag = Mention.extend({
-    name: "hashTag",
-    parseHTML() {
-      return [{ tag: 'span[data-type="hashTag"]' }];
-    },
-    addAttributes() {
-      return {
-        id: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-id"),
-          renderHTML: (attributes) => {
-            if (!attributes.id)
-              return {};
-            return { "data-id": attributes.id };
-          }
-        },
-        label: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-label"),
-          renderHTML: (attributes) => {
-            if (!attributes.label)
-              return {};
-            return { "data-label": attributes.label };
-          }
-        },
-        type: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-tag-type"),
-          renderHTML: (attributes) => {
-            if (!attributes.type)
-              return {};
-            return { "data-tag-type": attributes.type };
-          }
-        }
-      };
-    },
-    renderHTML({ node }) {
-      var _a, _b, _c, _d, _e, _f;
-      const id = (_b = (_a = node == null ? void 0 : node.attrs) == null ? void 0 : _a.id) != null ? _b : "";
-      const label = (_d = (_c = node == null ? void 0 : node.attrs) == null ? void 0 : _c.label) != null ? _d : "";
-      const type = (_f = (_e = node == null ? void 0 : node.attrs) == null ? void 0 : _e.type) != null ? _f : "";
-      return [
-        "span",
-        {
-          class: "hash-tag",
-          "data-type": "hashTag",
-          "data-id": id,
-          "data-label": label,
-          "data-tag-type": type,
-          "data-hash-tag": "#",
-          contenteditable: "false"
-        },
-        `#${label}`
-      ];
-    }
-  }).configure({
-    deleteTriggerWithBackspace: true,
-    suggestion: {
-      char: "#",
-      allowedPrefixes: null,
-      allowSpaces: false,
-      /**
-       * allow
-       * - 功能：判断是否允许触发建议态。
-       * - 若该字符带有 consumedTrigger 标记，说明此前已触发过或用户选择忽略，则不再触发建议。
-       */
-      allow: ({ state, range }) => {
-        return !checkConsumed(state, range);
-      },
-      render() {
-        let activeRange = null;
-        let exitCause = "unknown";
-        return {
-          onStart({ editor, range, command, query }) {
-            activeRange = range;
-            activeEditor = editor;
-            exitCause = "unknown";
-            emit("hashTag-triggered", (data) => {
-              try {
-                (activeEditor || editor).chain().focus().deleteRange(activeRange || range).insertContentAt((activeRange || range).from, {
-                  type: "hashTag",
-                  attrs: { id: data.hashTagId, label: data.name, type: data.type }
-                }).setTextSelection((activeRange || range).from + 1).insertContent(" ").run();
-              } catch (e) {
-                command({ id: data.hashTagId, label: data.name, type: data.type });
-                (activeEditor || editor).chain().focus().insertContent(" ").run();
-              }
-            });
-            emit("hashTag-input", query != null ? query : "");
-          },
-          onUpdate({ query, range, editor }) {
-            activeRange = range || activeRange;
-            activeEditor = editor || activeEditor;
-            emit("hashTag-input", query != null ? query : "");
-          },
-          onKeyDown({ event }) {
-            const isSpaceKey = [" ", "Space", "Spacebar"].includes(event.key) || // @ts-ignore
-            event.keyCode === 32 || event.code === "Space";
-            if (isSpaceKey) {
-              exitCause = "space";
-            }
-            return false;
-          },
-          onExit({ editor, range }) {
-            var _a, _b, _c, _d, _e;
-            try {
-              const sel = (_a = editor.state) == null ? void 0 : _a.selection;
-              const from = (_b = sel == null ? void 0 : sel.from) != null ? _b : 0;
-              const prevChar = (_e = (_d = (_c = editor.state) == null ? void 0 : _c.doc) == null ? void 0 : _d.textBetween(Math.max(from - 1, 0), from, "\0", "\0")) != null ? _e : "";
-              if (prevChar === " ") {
-                exitCause = "space";
-              }
-            } catch (e) {
-            }
-            markAsConsumed(editor, range, "#");
-            activeRange = null;
-            activeEditor = null;
-            emit("hashTag-exit", {
-              reason: exitCause,
-              nonContiguous: exitCause === "space"
-            });
-          }
-        };
-      }
-    }
-  });
-  const CustomContent = Mention.extend({
-    name: "customContent",
-    parseHTML() {
-      return [{ tag: 'span[data-type="custom-content"]' }];
-    },
-    addAttributes() {
-      return {
-        id: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-id"),
-          renderHTML: (attributes) => {
-            if (!attributes.id) {
-              return {};
-            }
-            return {
-              "data-id": attributes.id
-            };
-          }
-        },
-        label: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("file-label"),
-          renderHTML: (attributes) => {
-            if (!attributes.label) {
-              return {};
-            }
-            return {
-              "file-label": attributes.label
-            };
-          }
-        },
-        obj: {
-          default: null,
-          parseHTML: (element) => {
-            const objStr = element.getAttribute("obj");
-            try {
-              return objStr ? JSON.parse(objStr) : null;
-            } catch (e) {
-              return null;
-            }
-          },
-          renderHTML: (attributes) => {
-            if (!attributes.obj) {
-              return {};
-            }
-            return {
-              obj: JSON.stringify(attributes.obj)
-            };
-          }
-        },
-        color: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-color"),
-          renderHTML: (attributes) => {
-            if (!attributes.color)
-              return {};
-            return { "data-color": attributes.color };
-          }
-        },
-        hoverColor: {
-          default: null,
-          parseHTML: (element) => element.getAttribute("data-hover-color"),
-          renderHTML: (attributes) => {
-            if (!attributes.hoverColor)
-              return {};
-            return { "data-hover-color": attributes.hoverColor };
-          }
-        }
-      };
-    },
-    renderHTML({ node }) {
-      var _a, _b, _c, _d, _e, _f;
-      const obj = (_b = (_a = node == null ? void 0 : node.attrs) == null ? void 0 : _a.obj) != null ? _b : {};
-      const label = (_d = (_c = node == null ? void 0 : node.attrs) == null ? void 0 : _c.label) != null ? _d : "";
-      const color = (_e = node == null ? void 0 : node.attrs) == null ? void 0 : _e.color;
-      const hoverColor = (_f = node == null ? void 0 : node.attrs) == null ? void 0 : _f.hoverColor;
-      const styleParts = [];
-      if (color)
-        styleParts.push(`--custom-content-color: ${color}`);
-      if (hoverColor)
-        styleParts.push(`--custom-content-hover-color: ${hoverColor}`);
-      return [
-        "span",
-        {
-          class: "custom-content",
-          "data-type": "custom-content",
-          obj: JSON.stringify(obj),
-          "file-label": label,
-          "data-color": color,
-          "data-hover-color": hoverColor,
-          style: styleParts.length ? styleParts.join(";") : void 0,
-          contenteditable: "false"
-        },
-        label
-      ];
-    }
-  });
   const extensions = [
+    // 基础扩展
     StarterKit,
     HtmlBlock,
     ConsumedTrigger,
-    // Video input rule extension
-    Extension.create({
-      name: "videoInputRule",
-      addInputRules() {
-        return [
-          new InputRule({
-            find: /!video\(([^)]+)\)\s/,
-            handler: ({ range, match, commands }) => {
-              const [, url] = match;
-              if (url) {
-                const html = `<video src="${url}" autoplay="" loop="" muted="" controls="" playsinline=""></video>`;
-                commands.deleteRange(range);
-                commands.insertContent({
-                  type: "htmlBlock",
-                  attrs: { html }
-                });
-              }
-            }
-          })
-        ];
-      }
-    }),
-    Extension.create({
-      name: "audioInputRule",
-      addInputRules() {
-        return [
-          new InputRule({
-            find: /!audio\(([^)]+)\)\s/,
-            handler: ({ range, match, commands }) => {
-              const [, url] = match;
-              if (url) {
-                const html = `<audio src="${url}" controls="" playsinline=""></audio>`;
-                commands.deleteRange(range);
-                commands.insertContent({
-                  type: "htmlBlock",
-                  attrs: { html }
-                });
-              }
-            }
-          })
-        ];
-      }
-    }),
+    // IME 输入法跟踪
+    createIMECompositionExtension(imeState),
+    // 媒体输入规则
+    VideoInputRule,
+    AudioInputRule,
+    // 文本样式
     TextStyle,
     Color,
-    Markdown.configure({
-      html: true,
-      tightLists: true,
-      tightListClass: "tight",
-      bulletListMarker: "-",
-      linkify: true,
-      breaks: false,
-      transformPastedText: true,
-      transformCopiedText: true
-    }),
-    Extension.create({
-      name: "markdownLinkInputRule",
-      addInputRules() {
-        return [
-          new InputRule({
-            find: /\[([^\]]+)\]\(([^\)]+)\)\s/,
-            handler: ({ range, match, commands }) => {
-              const [, text, href] = match;
-              commands.deleteRange({ from: range.from, to: range.to });
-              commands.insertContent({
-                type: "text",
-                text,
-                marks: [{ type: "link", attrs: { href } }]
-              });
-            }
-          })
-        ];
-      }
-    }),
+    // Markdown 支持
+    MarkdownExtension,
+    MarkdownLinkInputRule,
+    // 图片
     Image,
+    // 表格
     TableKit.configure({
       table: { resizable: true }
     }),
+    // 其他内置扩展
+    Underline,
+    Superscript,
+    Subscript,
+    TextAlign.configure({ types: ["heading", "paragraph"] }),
+    Highlight.configure({ multicolor: true }),
+    Link.configure({
+      openOnClick: false
+    }),
+    TaskList,
+    TaskItem.configure({ nested: true }),
+    Typography,
+    HorizontalRule,
+    ImageUpload.configure({
+      accept: "image/*",
+      maxSize: MAX_FILE_SIZE,
+      limit: 3,
+      upload: handleImageUpload,
+      onError: (error) => console.error("Upload failed:", error)
+    }),
+    // 占位符
     Placeholder.configure({
       placeholder: () => props.placeholder
     }),
+    // 列表（自定义键盘快捷键）
     ListKit.extend({
       addKeyboardShortcuts() {
         return {
@@ -377,55 +92,12 @@ function useExtensions({ props, emit }) {
         };
       }
     }),
-    Mention.configure({
-      HTMLAttributes: {
-        class: "mention"
-      },
-      deleteTriggerWithBackspace: true,
-      suggestion: {
-        char: "@",
-        allowedPrefixes: null,
-        allowSpaces: false,
-        allow: ({ state, range }) => {
-          if (checkConsumed(state, range))
-            return false;
-          const doc = state.doc;
-          const $from = doc.resolve(range.from);
-          const isAtStart = range.from === $from.start();
-          const prevChar = isAtStart ? "" : doc.textBetween(range.from - 1, range.from);
-          if (/[a-zA-Z0-9]/.test(prevChar))
-            return false;
-          const query = doc.textBetween(range.from + 1, range.to);
-          if (/[0-9]/.test(query))
-            return false;
-          return true;
-        },
-        render() {
-          return {
-            onStart({ editor, command, query }) {
-              activeEditor = editor;
-              emit("mention-triggered", (data) => {
-                command({
-                  id: data.userId,
-                  label: data.name
-                });
-              });
-              emit("mention-input", query != null ? query : "");
-            },
-            onUpdate({ query, editor }) {
-              activeEditor = editor;
-              emit("mention-input", query != null ? query : "");
-            },
-            onExit({ editor, range }) {
-              markAsConsumed(editor, range, "@");
-              emit("mention-exit");
-            }
-          };
-        }
-      }
-    }),
-    HashTag,
-    CustomContent
+    // Mention 扩展（@ 提及）
+    createMentionExtension({ emit, imeState, editorRef }),
+    // HashTag 扩展（# 标签）
+    createHashTagExtension({ emit, imeState, editorRef }),
+    // CustomContent 扩展（自定义内容）
+    createCustomContentExtension()
   ];
   return extensions;
 }

package/es/rich-text-editor/utils/eventHandlers.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 文件说明：
+ * - 提供编辑器事件处理器工厂函数
+ * - 包括图片预览、标签点击、自定义内容交互等
+ */
+/**
+ * 创建 HashTag 点击处理器
+ * @param emit - Vue emit 函数
+ * @returns 事件处理函数
+ */
+export declare const createHashTagClickHandler: (emit: any) => (event: MouseEvent) => void;
+/**
+ * 创建 Mention 点击处理器
+ * @param emit - Vue emit 函数
+ * @returns 事件处理函数
+ */
+export declare const createMentionClickHandler: (emit: any) => (event: MouseEvent) => void;
+/**
+ * 创建自定义内容点击处理器
+ * @param emit - Vue emit 函数
+ * @returns 事件处理函数
+ */
+export declare const createCustomContentClickHandler: (emit: any) => (event: MouseEvent) => void;
+/**
+ * 创建自定义内容悬停处理器
+ * @param emit - Vue emit 函数
+ * @returns 事件处理函数
+ */
+export declare const createCustomContentHoverHandler: (emit: any) => (event: MouseEvent) => void;
+/**
+ * 创建图片点击处理器（使用 ViewerJS 预览）
+ * @param viewerRef - Viewer 实例引用
+ * @returns 事件处理函数
+ */
+export declare const createImageClickHandler: (viewerRef: {
+    value: any;
+}) => (event: MouseEvent) => void;

package/es/rich-text-editor/utils/eventHandlers.js

@@ -0,0 +1,103 @@
+const createHashTagClickHandler = (emit) => {
+  return (event) => {
+    const target = event.target;
+    const tagEl = target.closest(".hash-tag") || null;
+    if (tagEl) {
+      const id = tagEl.getAttribute("data-id") || "";
+      const label = tagEl.getAttribute("data-label") || tagEl.textContent || "";
+      const trigger = tagEl.getAttribute("data-hash-tag") || "#";
+      const tagType = tagEl.getAttribute("data-tag-type") || "";
+      emit("hashTag-clicked", { hashTagId: id, name: label, trigger, type: tagType });
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+};
+const createMentionClickHandler = (emit) => {
+  return (event) => {
+    const target = event.target;
+    const tagEl = target.closest(".mention") || null;
+    if (tagEl) {
+      const id = tagEl.getAttribute("data-id") || "";
+      const label = tagEl.getAttribute("data-label") || tagEl.textContent || "";
+      emit("mention-clicked", { userId: id, name: label });
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+};
+const createCustomContentClickHandler = (emit) => {
+  return (event) => {
+    const target = event.target;
+    const tagEl = target.closest(".custom-content") || null;
+    if (tagEl) {
+      const objStr = tagEl.getAttribute("obj") || "{}";
+      const label = tagEl.getAttribute("file-label") || "";
+      try {
+        const obj = JSON.parse(objStr);
+        emit("customContent-clicked", { obj, label });
+      } catch (e) {
+        console.error("Failed to parse custom content obj:", e);
+      }
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+};
+const createCustomContentHoverHandler = (emit) => {
+  return (event) => {
+    const target = event.target;
+    const tagEl = target.closest(".custom-content") || null;
+    if (tagEl) {
+      const objStr = tagEl.getAttribute("obj") || "{}";
+      const label = tagEl.getAttribute("file-label") || "";
+      try {
+        const obj = JSON.parse(objStr);
+        emit("customContent-hovered", { obj, label });
+      } catch (e) {
+        console.error("Failed to parse custom content obj:", e);
+      }
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+};
+const createImageClickHandler = (viewerRef) => {
+  return (event) => {
+    const target = event.target;
+    if (target.tagName === "IMG") {
+      import("viewerjs").then(({ default: Viewer }) => {
+        if (viewerRef.value) {
+          viewerRef.value.destroy();
+        }
+        viewerRef.value = new Viewer(target, {
+          inline: false,
+          navbar: true,
+          title: true,
+          toolbar: {
+            zoomIn: true,
+            zoomOut: true,
+            oneToOne: true,
+            reset: true,
+            prev: false,
+            next: false,
+            rotateLeft: true,
+            rotateRight: true,
+            flipHorizontal: true,
+            flipVertical: true
+          }
+        });
+        viewerRef.value.show();
+      });
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  };
+};
+export {
+  createCustomContentClickHandler,
+  createCustomContentHoverHandler,
+  createHashTagClickHandler,
+  createImageClickHandler,
+  createMentionClickHandler
+};

package/es/rich-text-editor/utils/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 文件说明：
+ * - 工具函数统一导出入口
+ */
+export { checkConsumed, markAsConsumed, isSpaceKey, checkLastCharIsSpace } from './triggerHelpers';
+export { createHashTagClickHandler, createMentionClickHandler, createCustomContentClickHandler, createCustomContentHoverHandler, createImageClickHandler, } from './eventHandlers';

package/es/rich-text-editor/utils/index.js

@@ -0,0 +1,19 @@
+import { checkConsumed, markAsConsumed, isSpaceKey, checkLastCharIsSpace } from "./triggerHelpers";
+import {
+  createHashTagClickHandler,
+  createMentionClickHandler,
+  createCustomContentClickHandler,
+  createCustomContentHoverHandler,
+  createImageClickHandler
+} from "./eventHandlers";
+export {
+  checkConsumed,
+  checkLastCharIsSpace,
+  createCustomContentClickHandler,
+  createCustomContentHoverHandler,
+  createHashTagClickHandler,
+  createImageClickHandler,
+  createMentionClickHandler,
+  isSpaceKey,
+  markAsConsumed
+};