@cgboiler/biz-basic 1.0.52 → 1.0.54

package/lib/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").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> | import("@tiptap/core").Node<import("./extensions/ImageUpload").ImageUploadNodeOptions, any>)[];

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

@@ -34,366 +34,81 @@ var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_extension_table = require("@tiptap/extension-table");
 var import_extension_list = require("@tiptap/extension-list");
 var import_extension_image = __toESM(require("@tiptap/extension-image"));
-var import_extension_mention = __toESM(require("@tiptap/extension-mention"));
 var import_extension_text_style = require("@tiptap/extension-text-style");
 var import_extension_color = require("@tiptap/extension-color");
-var import_tiptap_markdown = require("tiptap-markdown");
-var import_core = require("@tiptap/core");
-var import_HtmlBlock = __toESM(require("./extensions/HtmlBlock"));
 var import_extensions = require("@tiptap/extensions");
+var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
+var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"));
+var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"));
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"));
+var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"));
+var import_extension_link = __toESM(require("@tiptap/extension-link"));
+var import_extension_task_list = require("@tiptap/extension-task-list");
+var import_extension_task_item = require("@tiptap/extension-task-item");
+var import_extension_typography = __toESM(require("@tiptap/extension-typography"));
+var import_HtmlBlock = __toESM(require("./extensions/HtmlBlock"));
+var import_ConsumedTrigger = require("./extensions/ConsumedTrigger");
+var import_IMEComposition = require("./extensions/IMEComposition");
+var import_MediaInputRules = require("./extensions/MediaInputRules");
+var import_MarkdownExtensions = require("./extensions/MarkdownExtensions");
+var import_HashTag = require("./extensions/HashTag");
+var import_MentionExtension = require("./extensions/MentionExtension");
+var import_CustomContent = require("./extensions/CustomContent");
+var import_HorizontalRule = __toESM(require("./extensions/HorizontalRule"));
+var import_ImageUpload = __toESM(require("./extensions/ImageUpload"));
+var import_tiptap_utils = require("./menu-system/utils/tiptap-utils");
 function useExtensions({ props, emit }) {
-  let activeEditor = null;
-  const ConsumedTrigger = import_core.Mark.create({
-    name: "consumedTrigger",
-    keepOnSplit: false,
-    // 保证在标记后继续输入时不延续标记
-    parseHTML() {
-      return [{ tag: "span[data-consumed-trigger]" }];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return [
-        "span",
-        (0, import_core.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 = import_extension_mention.default.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 = import_extension_mention.default.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 = [
+    // 基础扩展
     import_starter_kit.default,
     import_HtmlBlock.default,
-    ConsumedTrigger,
-    // Video input rule extension
-    import_core.Extension.create({
-      name: "videoInputRule",
-      addInputRules() {
-        return [
-          new import_core.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 }
-                });
-              }
-            }
-          })
-        ];
-      }
-    }),
-    import_core.Extension.create({
-      name: "audioInputRule",
-      addInputRules() {
-        return [
-          new import_core.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 }
-                });
-              }
-            }
-          })
-        ];
-      }
-    }),
+    import_ConsumedTrigger.ConsumedTrigger,
+    // IME 输入法跟踪
+    (0, import_IMEComposition.createIMECompositionExtension)(imeState),
+    // 媒体输入规则
+    import_MediaInputRules.VideoInputRule,
+    import_MediaInputRules.AudioInputRule,
+    // 文本样式
     import_extension_text_style.TextStyle,
     import_extension_color.Color,
-    import_tiptap_markdown.Markdown.configure({
-      html: true,
-      tightLists: true,
-      tightListClass: "tight",
-      bulletListMarker: "-",
-      linkify: true,
-      breaks: false,
-      transformPastedText: true,
-      transformCopiedText: true
-    }),
-    import_core.Extension.create({
-      name: "markdownLinkInputRule",
-      addInputRules() {
-        return [
-          new import_core.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 支持
+    import_MarkdownExtensions.MarkdownExtension,
+    import_MarkdownExtensions.MarkdownLinkInputRule,
+    // 图片
     import_extension_image.default,
+    // 表格
     import_extension_table.TableKit.configure({
       table: { resizable: true }
     }),
+    // 其他内置扩展
+    import_extension_underline.default,
+    import_extension_superscript.default,
+    import_extension_subscript.default,
+    import_extension_text_align.default.configure({ types: ["heading", "paragraph"] }),
+    import_extension_highlight.default.configure({ multicolor: true }),
+    import_extension_link.default.configure({
+      openOnClick: false
+    }),
+    import_extension_task_list.TaskList,
+    import_extension_task_item.TaskItem.configure({ nested: true }),
+    import_extension_typography.default,
+    import_HorizontalRule.default,
+    import_ImageUpload.default.configure({
+      accept: "image/*",
+      maxSize: import_tiptap_utils.MAX_FILE_SIZE,
+      limit: 3,
+      upload: import_tiptap_utils.handleImageUpload,
+      onError: (error) => console.error("Upload failed:", error)
+    }),
+    // 占位符
     import_extensions.Placeholder.configure({
       placeholder: () => props.placeholder
     }),
+    // 列表（自定义键盘快捷键）
     import_extension_list.ListKit.extend({
       addKeyboardShortcuts() {
         return {
@@ -409,55 +124,12 @@ function useExtensions({ props, emit }) {
         };
       }
     }),
-    import_extension_mention.default.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 扩展（@ 提及）
+    (0, import_MentionExtension.createMentionExtension)({ emit, imeState, editorRef }),
+    // HashTag 扩展（# 标签）
+    (0, import_HashTag.createHashTagExtension)({ emit, imeState, editorRef }),
+    // CustomContent 扩展（自定义内容）
+    (0, import_CustomContent.createCustomContentExtension)()
   ];
   return extensions;
 }

package/lib/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/lib/rich-text-editor/utils/eventHandlers.js

@@ -0,0 +1,132 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  createCustomContentClickHandler: () => createCustomContentClickHandler,
+  createCustomContentHoverHandler: () => createCustomContentHoverHandler,
+  createHashTagClickHandler: () => createHashTagClickHandler,
+  createImageClickHandler: () => createImageClickHandler,
+  createMentionClickHandler: () => createMentionClickHandler
+});
+module.exports = __toCommonJS(stdin_exports);
+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();
+    }
+  };
+};

package/lib/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';