vue-devui 1.0.1 → 1.0.2

package/README.md

@@ -169,6 +169,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://github.com/qinwencheng"><img src="https://avatars.githubusercontent.com/u/24841685?v=4?s=100" width="100px;" alt=""/><br /><sub><b>qinwencheng</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=qinwencheng" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/angelanana"><img src="https://avatars.githubusercontent.com/u/63281354?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Angelanana</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=angelanana" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/joo1es"><img src="https://avatars.githubusercontent.com/u/76929557?v=4?s=100" width="100px;" alt=""/><br /><sub><b>joo1es</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=joo1es" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/handsomezyw"><img src="https://avatars.githubusercontent.com/u/34366225?v=4?s=100" width="100px;" alt=""/><br /><sub><b>handsomezyw</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=handsomezyw" title="Code">💻</a></td>
   </tr>
 </table>
 

package/mention/index.es.js

@@ -8206,10 +8206,16 @@ var Mention = defineComponent({
       }
       emit("change", val.slice(1));
     }, 300);
-    const handleBlur = () => {
-      setTimeout(() => {
-        showSuggestions.value = false;
-      }, 100);
+    const handleBlur = (e) => {
+      const {
+        target
+      } = e;
+      const ele = document.querySelector(".devui-mention");
+      if (!(ele == null ? void 0 : ele.contains(target))) {
+        setTimeout(() => {
+          showSuggestions.value = false;
+        }, 100);
+      }
     };
     const handleFocus = () => {
       if (props.trigger.includes(textContext.value)) {
@@ -8221,7 +8227,7 @@ var Mention = defineComponent({
       e.stopPropagation();
       e.preventDefault();
       showSuggestions.value = false;
-      textContext.value += item[props.dmValueParse.value];
+      textContext.value = textContext.value.substring(0, 1) + item[props.dmValueParse.value];
     };
     const arrowKeyDown = (e) => {
       var _a, _b, _c;
@@ -8255,7 +8261,7 @@ var Mention = defineComponent({
           e.stopPropagation();
           e.preventDefault();
           showSuggestions.value = false;
-          textContext.value += filteredSuggestions.value[currentIndex.value][props.dmValueParse.value];
+          textContext.value = textContext.value.substring(0, 1) + filteredSuggestions.value[currentIndex.value][props.dmValueParse.value];
           emit("select", filteredSuggestions.value[currentIndex.value]);
         }
       }
@@ -8270,10 +8276,12 @@ var Mention = defineComponent({
     onMounted(() => {
       window.addEventListener("keydown", arrowKeyDown);
       window.addEventListener("keydown", enterKeyDown);
+      document.addEventListener("click", handleBlur);
     });
     onUnmounted(() => {
       window.removeEventListener("keydown", arrowKeyDown);
       window.removeEventListener("keydown", enterKeyDown);
+      document.removeEventListener("click", handleBlur);
     });
     return () => {
       var _a;
@@ -8283,7 +8291,6 @@ var Mention = defineComponent({
         "modelValue": textContext.value,
         "onUpdate:modelValue": ($event) => textContext.value = $event,
         "onUpdate": handleUpdate,
-        "onBlur": handleBlur,
         "onFocus": handleFocus
       }, null), showSuggestions.value ? loading.value ? createVNode("div", {
         "class": [`${ns2.e("suggestions")} ${ns2.e("suggestions-loading")}`]