hzzt-plus 2.0.10 → 2.0.11

package/dist/index.full.js

@@ -27940,15 +27940,18 @@
         selectVal.value = v;
       });
       function input(str) {
-        var _a;
+        var _a, _b;
         if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
-          selectRef.value.states.inputValue = inputVal.value;
+          selectRef.value.states.inputValue = (_b = inputVal.value) != null ? _b : "";
           selectRef.value.debouncedOnInputChange();
-        } else {
+        } else if (selectRef.value) {
           selectRef.value.dropdownMenuVisible = true;
           setTimeout(() => {
-            selectRef.value.states.inputValue = inputVal.value;
-            selectRef.value.debouncedOnInputChange();
+            var _a2;
+            if (selectRef.value) {
+              selectRef.value.states.inputValue = (_a2 = inputVal.value) != null ? _a2 : "";
+              selectRef.value.debouncedOnInputChange();
+            }
           }, 200);
         }
         emit("update:modelValue", str);
@@ -27960,34 +27963,49 @@
       function focus() {
         if (selectRef.value && props.autoPullDown) {
           setTimeout(() => {
-            selectRef.value.dropdownMenuVisible = true;
+            if (selectRef.value) {
+              selectRef.value.dropdownMenuVisible = true;
+            }
           }, 200);
         }
       }
       function keydown(e) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         const key = "key" in e && e.key;
-        if (key === "ArrowDown") {
-          emit("arrow-down", e);
-          selectRef.value.dropdownMenuVisible = false;
-        } else if (key === "ArrowUp") {
-          emit("arrow-up", e);
-          selectRef.value.dropdownMenuVisible = false;
-        } else if (key === "ArrowLeft") {
+        const dropdownVisible = (_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible;
+        if (dropdownVisible && (key === "ArrowDown" || key === "ArrowUp" || key === "Enter")) {
+          (_b = e.preventDefault) == null ? void 0 : _b.call(e);
+          if (key === "ArrowDown") {
+            (_c = selectRef.value) == null ? void 0 : _c.onKeyboardNavigate("forward");
+          } else if (key === "ArrowUp") {
+            (_d = selectRef.value) == null ? void 0 : _d.onKeyboardNavigate("backward");
+          } else if (key === "Enter") {
+            (_e = selectRef.value) == null ? void 0 : _e.onKeyboardSelect();
+          }
+          return;
+        }
+        if (!dropdownVisible) {
+          if (key === "ArrowDown") {
+            emit("arrow-down", e);
+          } else if (key === "ArrowUp") {
+            emit("arrow-up", e);
+          }
+        }
+        if (key === "ArrowLeft") {
           const index = inputRef.value.input.selectionStart;
-          if (index === 0) {
+          if (index === 0 && selectRef.value) {
             emit("arrow-left", e);
             selectRef.value.dropdownMenuVisible = false;
           }
         } else if (key === "ArrowRight") {
           const index = inputRef.value.input.selectionStart;
-          if (((_b = (_a = inputVal.value) == null ? void 0 : _a.length) != null ? _b : 0) === index) {
+          if (((_g = (_f = inputVal.value) == null ? void 0 : _f.length) != null ? _g : 0) === index && selectRef.value) {
             emit("arrow-right", e);
             selectRef.value.dropdownMenuVisible = false;
           }
         } else if (key === "Enter") {
           emit("enter", e);
-          selectRef.value.dropdownMenuVisible = false;
+          selectRef.value && (selectRef.value.dropdownMenuVisible = false);
         }
       }
       function showSelect() {
@@ -28008,7 +28026,9 @@
         setTimeout(() => {
           inputRef.value.focus();
           setTimeout(() => {
-            selectRef.value.dropdownMenuVisible = false;
+            if (selectRef.value) {
+              selectRef.value.dropdownMenuVisible = false;
+            }
           }, 250);
           emit("change", str);
         });