@ctzhian/tiptap 1.13.9 → 2.1.0

package/dist/extension/extension/ImeComposition.js

@@ -0,0 +1,145 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+
+/**
+ * Extension to fix IME (Input Method Editor) composition issues
+ * 
+ * This extension provides basic IME composition support by tracking composition state
+ * and preventing keyboard handlers from interrupting IME input.
+ * 
+ * Also fixes Safari-specific issue where composition text is deleted after composition ends.
+ * This Safari bug occurs at any input position (not just in tables), so this extension
+ * provides a global fix for all editor instances.
+ */
+var imeCompositionPluginKey = new PluginKey('imeComposition');
+export var ImeComposition = Extension.create({
+  name: 'imeComposition',
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    var ZERO_WIDTH_SPACE = "\u200B";
+
+    // 检测是否为 Safari 浏览器
+    var isSafari = function () {
+      if (typeof navigator === 'undefined') return false;
+      var ua = navigator.userAgent;
+      var isAppleMobile = /iP(ad|hone|od)/.test(ua);
+      var isMacSafari = /Safari\//.test(ua) && !/Chrome\//.test(ua);
+      return isAppleMobile || isMacSafari;
+    }();
+
+    // 判断是否为文本节点
+    var isTextNode = function isTextNode(node) {
+      return !!node && node.nodeType === 3;
+    };
+    return [new Plugin({
+      key: imeCompositionPluginKey,
+      state: {
+        init: function init() {
+          return {
+            isComposing: false
+          };
+        },
+        apply: function apply(tr, value) {
+          // 从 transaction meta 中获取组合状态
+          var meta = tr.getMeta(imeCompositionPluginKey);
+          if (meta) {
+            return {
+              isComposing: meta.isComposing
+            };
+          }
+          return value;
+        }
+      },
+      props: {
+        handleKeyDown: function handleKeyDown(view, event) {
+          var pluginState = imeCompositionPluginKey.getState(view.state);
+          // 如果正在输入法组合中，不处理键盘事件
+          // 检查 event.isComposing 和插件状态，确保 IME 输入不被键盘处理器打断
+          if (event.isComposing || pluginState !== null && pluginState !== void 0 && pluginState.isComposing) {
+            return false;
+          }
+          return false;
+        },
+        handleDOMEvents: {
+          // 监听输入法组合开始事件
+          compositionstart: function compositionstart(view, event) {
+            var state = view.state,
+              dispatch = view.dispatch;
+            var tr = state.tr.setMeta(imeCompositionPluginKey, {
+              isComposing: true
+            }).setMeta('composition', true);
+            dispatch(tr);
+            return false;
+          },
+          // 监听输入法组合结束事件
+          compositionend: function compositionend(view, event) {
+            var state = view.state,
+              dispatch = view.dispatch;
+            var tr = state.tr.setMeta(imeCompositionPluginKey, {
+              isComposing: false
+            }).setMeta('composition', false);
+            dispatch(tr);
+            return false;
+          },
+          // Safari 特定的修复：处理中文合成结束后触发的删除合成文本行为
+          // 这个问题在 Safari 中会在任意输入位置出现，不仅仅是 table
+          beforeinput: isSafari ? function (view, event) {
+            // 仅处理 Safari 在中文合成结束后触发的删除合成文本行为
+            var inputEvent = event;
+            if (inputEvent.inputType !== 'deleteCompositionText') {
+              return false;
+            }
+            var selection = window.getSelection();
+            if (!selection || selection.rangeCount === 0) return false;
+            var range = selection.getRangeAt(0);
+            var startContainer = range.startContainer,
+              endContainer = range.endContainer,
+              startOffset = range.startOffset,
+              endOffset = range.endOffset;
+
+            // 如果选中的是整个文本节点，在节点前插入零宽空格防止被删除
+            if (isTextNode(startContainer) && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
+              var _startContainer$paren;
+              (_startContainer$paren = startContainer.parentElement) === null || _startContainer$paren === void 0 || _startContainer$paren.insertBefore(document.createTextNode(ZERO_WIDTH_SPACE), startContainer);
+            }
+            // 让 ProseMirror 照常处理
+            return false;
+          } : undefined,
+          // Safari 特定的修复：清理零宽空格
+          input: isSafari ? function (view, event) {
+            var inputEvent = event;
+            if (inputEvent.inputType !== 'deleteCompositionText') {
+              return false;
+            }
+            var selection = window.getSelection();
+            if (!selection || selection.rangeCount === 0) return false;
+            var range = selection.getRangeAt(0);
+            var node = range.startContainer;
+            var parentEl = (node === null || node === void 0 ? void 0 : node.parentElement) || null;
+            if (!parentEl) return false;
+            var textNodes = Array.from(parentEl.childNodes).filter(isTextNode);
+            var _iterator = _createForOfIteratorHelper(textNodes),
+              _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                var textNode = _step.value;
+                if (textNode.textContent === ZERO_WIDTH_SPACE) {
+                  textNode.remove();
+                } else if (textNode.textContent && textNode.textContent.includes(ZERO_WIDTH_SPACE)) {
+                  textNode.textContent = textNode.textContent.split(ZERO_WIDTH_SPACE).join('');
+                }
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+            return false;
+          } : undefined
+        }
+      }
+    })];
+  }
+});

package/dist/extension/extension/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AiWriting';
+export * from './ImeComposition';
 export * from './SlashCommands';
 export * from './StructuredDiff';

package/dist/extension/extension/index.js

@@ -1,3 +1,4 @@
 export * from "./AiWriting";
+export * from "./ImeComposition";
 export * from "./SlashCommands";
 export * from "./StructuredDiff";

package/dist/extension/index.js

@@ -12,7 +12,7 @@ import { CharacterCount, Placeholder } from '@tiptap/extensions';
 import { Markdown } from '@tiptap/markdown';
 import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
-import { AiWritingExtension, SlashCommands, StructuredDiffExtension } from "./extension";
+import { AiWritingExtension, ImeComposition, SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
 import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, FlowExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContentsExtension, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
@@ -30,7 +30,7 @@ export var getExtensions = function getExtensions(_ref) {
     onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
     onValidateUrl = _ref.onValidateUrl,
     _placeholder = _ref.placeholder;
-  var defaultExtensions = [StarterKit.configure({
+  var defaultExtensions = [ImeComposition, StarterKit.configure({
     link: false,
     code: false,
     codeBlock: false,

package/dist/extension/node/FileHandler.d.ts

@@ -1,4 +1,4 @@
 import { UploadFunction } from "../../type";
 export declare const FileHandlerExtension: (props: {
     onUpload?: UploadFunction;
-}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "editor" | "key">, any>;
+}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;

package/dist/extension/node/Flow/index.d.ts

@@ -3,9 +3,6 @@ import { Node } from '@tiptap/core';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         flow: {
-            /**
-             * Insert a flow diagram
-             */
             setFlow: (options: {
                 code?: string;
                 width?: string | number;

package/dist/extension/node/Flow/index.js

@@ -16,6 +16,9 @@ export var FlowExtension = function FlowExtension(props) {
     draggable: true,
     addAttributes: function addAttributes() {
       return {
+        class: {
+          default: 'flow-wrapper'
+        },
         code: {
           default: '',
           parseHTML: function parseHTML(element) {
@@ -29,9 +32,9 @@ export var FlowExtension = function FlowExtension(props) {
           }
         },
         width: {
-          default: '100%',
+          default: null,
           parseHTML: function parseHTML(element) {
-            return element.getAttribute('data-width') || '100%';
+            return element.getAttribute('data-width') || null;
           },
           renderHTML: function renderHTML(attributes) {
             if (!attributes.width) return {};
@@ -48,7 +51,7 @@ export var FlowExtension = function FlowExtension(props) {
         getAttrs: function getAttrs(dom) {
           if (!(dom instanceof HTMLElement)) return false;
           var code = dom.getAttribute('data-code') || '';
-          var width = dom.getAttribute('data-width') || '100%';
+          var width = dom.getAttribute('data-width') || null;
           return {
             code: code,
             width: width
@@ -84,7 +87,7 @@ export var FlowExtension = function FlowExtension(props) {
               type: _this.name,
               attrs: {
                 code: options.code || '',
-                width: options.width || '100%'
+                width: options.width || null
               }
             });
           };

package/dist/extension/node/Link/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { getLinkTitle } from "../../../util";
+import { getLinkAttributesWithSelectedText, getLinkTitle } from "../../../util";
 import { mergeAttributes, Node, nodePasteRule } from '@tiptap/core';
 import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { ReactNodeViewRenderer } from '@tiptap/react';
@@ -361,10 +361,11 @@ export var InlineLinkExtension = Node.create({
     var _this6 = this;
     return {
       'Mod-1': function Mod1() {
-        return _this6.editor.commands.setInlineLink({
+        var linkAttributes = getLinkAttributesWithSelectedText(_this6.editor);
+        return _this6.editor.commands.setInlineLink(_objectSpread({
           href: '',
           type: 'icon'
-        });
+        }, linkAttributes));
       }
     };
   },