vue-devui 1.0.1 → 1.0.2

package/vue-devui.es.js

@@ -16995,10 +16995,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)) {
@@ -17010,7 +17016,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;
@@ -17044,7 +17050,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]);
         }
       }
@@ -17059,10 +17065,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;
@@ -17072,7 +17080,6 @@ var Mention = defineComponent({
         "modelValue": textContext.value,
         "onUpdate:modelValue": ($event) => textContext.value = $event,
         "onUpdate": handleUpdate,
-        "onBlur": handleBlur,
         "onFocus": handleFocus
       }, null), showSuggestions.value ? loading2.value ? createVNode("div", {
         "class": [`${ns2.e("suggestions")} ${ns2.e("suggestions-loading")}`]
@@ -19099,7 +19106,7 @@ function useSelect$1(props, selectRef, ctx2, focus, blur, isSelectFocus, t) {
         const newOption = {
           name: value,
           value,
-          _checked: false
+          _checked: true
         };
         return value ? newOption : option2;
       } else {
@@ -19191,7 +19198,7 @@ function useSelect$1(props, selectRef, ctx2, focus, blur, isSelectFocus, t) {
   const tagDelete = (data) => {
     let { modelValue } = props;
     const checkedItems = [];
-    for (const child of injectOptions.value.values()) {
+    for (const child of selectedOptions.value) {
       if (data.value === child.value) {
         child._checked = false;
       }
@@ -26092,9 +26099,48 @@ var TabNav = defineComponent({
       onTabRemove,
       onTabAdd
     } = useTabNavEvent(ctx2);
+    const handleTabAdd = () => {
+      onTabAdd();
+      nextTick(() => {
+        if (tabsEle.value) {
+          tabsEle.value.scrollLeft = tabsEle.value.scrollWidth;
+        }
+      });
+    };
+    let isSlide = false;
+    const handleSlideTab = (mousedownEvent) => {
+      if (tabsEle.value) {
+        const mousedownX = mousedownEvent.clientX;
+        const scrollLeft = tabsEle.value.scrollLeft;
+        isSlide = true;
+        tabsEle.value.addEventListener("mousemove", (mousemoveEvent) => {
+          if (isSlide && tabsEle.value) {
+            const mousemoveX = mousemoveEvent.clientX;
+            const scrollWidth = mousemoveX - mousedownX;
+            tabsEle.value.scrollLeft = scrollLeft - scrollWidth;
+          }
+        });
+        tabsEle.value.addEventListener("mouseup", () => {
+          isSlide = false;
+        });
+        tabsEle.value.addEventListener("mouseleave", () => {
+          isSlide = false;
+        });
+      }
+    };
     onUpdated(() => update());
     onBeforeMount(() => beforeMount());
-    onMounted(() => mounted());
+    onMounted(() => {
+      mounted();
+      if (tabsEle.value) {
+        tabsEle.value.addEventListener("mousedown", handleSlideTab);
+      }
+    });
+    onUnmounted(() => {
+      if (tabsEle.value) {
+        tabsEle.value.removeEventListener("mousedown", handleSlideTab);
+      }
+    });
     watch(() => props.modelValue, () => {
       const tab2 = tabsList.value.find((item) => item.props.id === props.modelValue);
       if (tab2) {
@@ -26113,7 +26159,7 @@ var TabNav = defineComponent({
       };
       const newButton = props.addable ? createVNode("li", {
         "class": ns2.e("new-tab"),
-        "onClick": onTabAdd
+        "onClick": handleTabAdd
       }, [createVNode(resolveComponent("d-icon"), {
         "name": "add"
       }, null)]) : null;
@@ -26752,7 +26798,10 @@ function useTimeSelect(props, ctx2) {
   });
   const step2 = computed(() => {
     const stepTime = parseTimeToNumber(props.step);
-    return stepTime ? formatTime(stepTime) : "00:30";
+    if (stepTime && stepTime.hour >= 0 && stepTime.minute >= 0 && stepTime.hour + stepTime.minute > 0) {
+      return formatTime(stepTime);
+    }
+    return "00:30";
   });
   const minTime = computed(() => {
     const min = parseTimeToNumber(props.minTime);
@@ -26782,7 +26831,7 @@ function useTimeSelect(props, ctx2) {
         list2.push({
           value: currentTime,
           name: currentTime,
-          disabled: compareTime(current, minTime.value || "-1:-1") <= 0 || compareTime(current, maxTime.value || "24:00") > 0
+          disabled: compareTime(current, minTime.value || "-1:-1") < 0 || compareTime(current, maxTime.value || "24:00") > 0
         });
         current = nextTime(current, step2.value);
       }
@@ -30046,7 +30095,7 @@ const installs = [
   UploadInstall
 ];
 var vueDevui = {
-  version: "1.0.0",
+  version: "1.0.1",
   install(app) {
     installs.forEach((p) => app.use(p));
   }