@haluo/biz 2.0.42-next.3 → 2.0.42

package/README.md

@@ -34,4 +34,7 @@ npm unlink @haluo/biz # 删除项目符号链接
 3、查看依赖包（非必需）
 npm list # 查看所有依赖包
 npm list -g --depth=0 # 查看全局依赖包
+
+4、如果热更失效，可以
+rm -rf node_modules && npm i && npm link @haluo/biz && npm run dev
 ```

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,20 +4586,12 @@ const _sfc_main$3 = {
           };
           this.showTopicPopover("hot", position, "", triggerInfo);
         }, 10);
-      } else {
-        console.log(222);
-        this.checkAndTriggerSearch(paragraph);
       }
     },
-    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) {
@@ -4558,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();
@@ -4570,7 +4614,6 @@ const _sfc_main$3 = {
               hashIndex,
               cursorPosition
             };
-            console.log(555);
             if (afterHash.length === 0) {
               this.showTopicPopover("hot", position, "", triggerInfo);
             } else {
@@ -4663,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,20 +4585,12 @@
             };
             this.showTopicPopover("hot", position, "", triggerInfo);
           }, 10);
-        } else {
-          console.log(222);
-          this.checkAndTriggerSearch(paragraph);
         }
       },
-      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) {
@@ -4557,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();
@@ -4569,7 +4613,6 @@
                 hashIndex,
                 cursorPosition
               };
-              console.log(555);
               if (afterHash.length === 0) {
                 this.showTopicPopover("hot", position, "", triggerInfo);
               } else {
@@ -4662,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.3",
+  "version": "2.0.42",
   "type": "module",
   "module": "./dist/haluo-biz.js",
   "main": "./dist/haluo-biz.umd.cjs",
@@ -19,10 +19,9 @@
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "build:watch": "vue-tsc --noEmit && vite build --watch",
-    "preview": "vite preview",
-    "next": "npm version prerelease --preid=next",
     "pub": "npm publish",
-    "pub:next": "npm publish --tag=next"
+    "pub:next": "npm publish --tag=next",
+    "v:next": "npm version prerelease --preid=next"
   },
   "dependencies": {
     "element-plus": "^2.2.28",