@haluo/biz 2.0.42-next.2 → 2.0.42-next.4

package/dist/haluo-biz.js

@@ -4460,7 +4460,9 @@ const _sfc_main$3 = {
         // 全局弹框DOM引用
         globalContainer: null,
         globalMask: null
-      }
+      },
+      // 中文输入法状态
+      isComposing: false
     };
   },
   methods: {
@@ -4477,17 +4479,69 @@ const _sfc_main$3 = {
       if (!this.editorDom)
         return;
       this.editorDom.addEventListener("keydown", this.handleTopicInput.bind(this));
+      this.editorDom.addEventListener("compositionstart", this.handleCompositionStart.bind(this));
+      this.editorDom.addEventListener("compositionend", this.handleCompositionEnd.bind(this));
+      this.editorDom.addEventListener("input", this.handleInput.bind(this));
     },
     // 解绑编辑器事件
     unbindEditorEvents() {
       if (!this.editorDom)
         return;
       this.editorDom.removeEventListener("keydown", this.handleTopicInput.bind(this));
+      this.editorDom.removeEventListener("compositionstart", this.handleCompositionStart.bind(this));
+      this.editorDom.removeEventListener("compositionend", this.handleCompositionEnd.bind(this));
+      this.editorDom.removeEventListener("input", this.handleInput.bind(this));
+    },
+    // 中文输入法开始事件
+    handleCompositionStart() {
+      this.isComposing = true;
+    },
+    // 中文输入法结束事件（中文）
+    handleCompositionEnd() {
+      this.isComposing = false;
+      setTimeout(() => {
+        this.handleInputChange();
+      }, 10);
+    },
+    // input事件处理（英文）
+    handleInput() {
+      if (!this.isComposing) {
+        setTimeout(() => {
+          this.handleInputChange();
+        }, 10);
+      }
+    },
+    // 处理输入变化
+    handleInputChange() {
+      var _a;
+      const selection = window.getSelection();
+      if (selection.rangeCount === 0)
+        return;
+      const range = selection.getRangeAt(0);
+      const container = range.startContainer;
+      if (!this.editorDom.contains(container))
+        return;
+      let currentNode = container;
+      while (currentNode && currentNode !== this.editorDom) {
+        if (currentNode.nodeType === Node.ELEMENT_NODE && currentNode.tagName === "MDD-TOPIC") {
+          return;
+        }
+        currentNode = currentNode.parentNode;
+      }
+      let paragraph = container;
+      while (paragraph && paragraph.nodeType !== Node.ELEMENT_NODE) {
+        paragraph = paragraph.parentNode;
+      }
+      while (paragraph && !((_a = paragraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+        paragraph = paragraph.parentNode;
+      }
+      if (!paragraph)
+        return;
+      this.checkAndTriggerSearch(paragraph);
     },
     // 话题输入处理
     handleTopicInput(event) {
       var _a;
-      console.log(111, event.key, event);
       const activeElement = document.activeElement;
       if (activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA")) {
         return;
@@ -4532,24 +4586,12 @@ const _sfc_main$3 = {
           };
           this.showTopicPopover("hot", position, "", triggerInfo);
         }, 10);
-      } else if (this.shouldTriggerSearch(event.key)) {
-        console.log(222);
-        setTimeout(() => {
-          this.checkAndTriggerSearch(paragraph);
-        }, 10);
-      } else {
-        this.hideTopicPopover();
       }
     },
-    shouldTriggerSearch(key) {
-      console.log(key);
-      return key.length === 1 || key === "Backspace" || key === "Delete";
-    },
     checkAndTriggerSearch(paragraph) {
       const selection = window.getSelection();
       if (selection.rangeCount === 0)
         return;
-      console.log(333);
       const range = selection.getRangeAt(0);
       let currentNode = range.startContainer;
       while (currentNode && currentNode !== paragraph) {
@@ -4562,10 +4604,8 @@ const _sfc_main$3 = {
       const { textContent: paragraphText, cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
       const beforeCursor = paragraphText.substring(0, cursorPosition);
       const hashIndex = beforeCursor.lastIndexOf("#");
-      console.log("search content", beforeCursor, beforeCursor.substring(hashIndex + 1));
       if (hashIndex !== -1) {
         const afterHash = beforeCursor.substring(hashIndex + 1).replace(/\u00A0/g, " ");
-        console.log(444);
         if (afterHash.indexOf(" ") === -1) {
           if (afterHash.length <= 15) {
             const position = this.getCaretPosition();
@@ -4574,7 +4614,6 @@ const _sfc_main$3 = {
               hashIndex,
               cursorPosition
             };
-            console.log(555);
             if (afterHash.length === 0) {
               this.showTopicPopover("hot", position, "", triggerInfo);
             } else {
@@ -4667,7 +4706,6 @@ const _sfc_main$3 = {
     },
     // 话题弹框相关方法
     showTopicPopover(type, position, searchKeyword = "", triggerInfo = null) {
-      console.log(666);
       if (!this.request || !this.request.getTopic) {
         console.warn("话题功能需要提供 request.getTopic 方法");
         return;

package/dist/haluo-biz.umd.cjs

@@ -4459,7 +4459,9 @@
           // 全局弹框DOM引用
           globalContainer: null,
           globalMask: null
-        }
+        },
+        // 中文输入法状态
+        isComposing: false
       };
     },
     methods: {
@@ -4476,17 +4478,69 @@
         if (!this.editorDom)
           return;
         this.editorDom.addEventListener("keydown", this.handleTopicInput.bind(this));
+        this.editorDom.addEventListener("compositionstart", this.handleCompositionStart.bind(this));
+        this.editorDom.addEventListener("compositionend", this.handleCompositionEnd.bind(this));
+        this.editorDom.addEventListener("input", this.handleInput.bind(this));
       },
       // 解绑编辑器事件
       unbindEditorEvents() {
         if (!this.editorDom)
           return;
         this.editorDom.removeEventListener("keydown", this.handleTopicInput.bind(this));
+        this.editorDom.removeEventListener("compositionstart", this.handleCompositionStart.bind(this));
+        this.editorDom.removeEventListener("compositionend", this.handleCompositionEnd.bind(this));
+        this.editorDom.removeEventListener("input", this.handleInput.bind(this));
+      },
+      // 中文输入法开始事件
+      handleCompositionStart() {
+        this.isComposing = true;
+      },
+      // 中文输入法结束事件（中文）
+      handleCompositionEnd() {
+        this.isComposing = false;
+        setTimeout(() => {
+          this.handleInputChange();
+        }, 10);
+      },
+      // input事件处理（英文）
+      handleInput() {
+        if (!this.isComposing) {
+          setTimeout(() => {
+            this.handleInputChange();
+          }, 10);
+        }
+      },
+      // 处理输入变化
+      handleInputChange() {
+        var _a;
+        const selection = window.getSelection();
+        if (selection.rangeCount === 0)
+          return;
+        const range = selection.getRangeAt(0);
+        const container = range.startContainer;
+        if (!this.editorDom.contains(container))
+          return;
+        let currentNode = container;
+        while (currentNode && currentNode !== this.editorDom) {
+          if (currentNode.nodeType === Node.ELEMENT_NODE && currentNode.tagName === "MDD-TOPIC") {
+            return;
+          }
+          currentNode = currentNode.parentNode;
+        }
+        let paragraph = container;
+        while (paragraph && paragraph.nodeType !== Node.ELEMENT_NODE) {
+          paragraph = paragraph.parentNode;
+        }
+        while (paragraph && !((_a = paragraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+          paragraph = paragraph.parentNode;
+        }
+        if (!paragraph)
+          return;
+        this.checkAndTriggerSearch(paragraph);
       },
       // 话题输入处理
       handleTopicInput(event) {
         var _a;
-        console.log(111, event.key, event);
         const activeElement = document.activeElement;
         if (activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA")) {
           return;
@@ -4531,24 +4585,12 @@
             };
             this.showTopicPopover("hot", position, "", triggerInfo);
           }, 10);
-        } else if (this.shouldTriggerSearch(event.key)) {
-          console.log(222);
-          setTimeout(() => {
-            this.checkAndTriggerSearch(paragraph);
-          }, 10);
-        } else {
-          this.hideTopicPopover();
         }
       },
-      shouldTriggerSearch(key) {
-        console.log(key);
-        return key.length === 1 || key === "Backspace" || key === "Delete";
-      },
       checkAndTriggerSearch(paragraph) {
         const selection = window.getSelection();
         if (selection.rangeCount === 0)
           return;
-        console.log(333);
         const range = selection.getRangeAt(0);
         let currentNode = range.startContainer;
         while (currentNode && currentNode !== paragraph) {
@@ -4561,10 +4603,8 @@
         const { textContent: paragraphText, cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
         const beforeCursor = paragraphText.substring(0, cursorPosition);
         const hashIndex = beforeCursor.lastIndexOf("#");
-        console.log("search content", beforeCursor, beforeCursor.substring(hashIndex + 1));
         if (hashIndex !== -1) {
           const afterHash = beforeCursor.substring(hashIndex + 1).replace(/\u00A0/g, " ");
-          console.log(444);
           if (afterHash.indexOf(" ") === -1) {
             if (afterHash.length <= 15) {
               const position = this.getCaretPosition();
@@ -4573,7 +4613,6 @@
                 hashIndex,
                 cursorPosition
               };
-              console.log(555);
               if (afterHash.length === 0) {
                 this.showTopicPopover("hot", position, "", triggerInfo);
               } else {
@@ -4666,7 +4705,6 @@
       },
       // 话题弹框相关方法
       showTopicPopover(type, position, searchKeyword = "", triggerInfo = null) {
-        console.log(666);
         if (!this.request || !this.request.getTopic) {
           console.warn("话题功能需要提供 request.getTopic 方法");
           return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haluo/biz",
   "description": "rich text",
-  "version": "2.0.42-next.2",
+  "version": "2.0.42-next.4",
   "type": "module",
   "module": "./dist/haluo-biz.js",
   "main": "./dist/haluo-biz.umd.cjs",