hzzt-plus 2.0.9 → 2.0.11

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.8 */
+/*! Hzzt Plus v2.0.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12965,7 +12965,7 @@
 
   const HzztConfigProvider = withInstall$1(ConfigProvider$1);
 
-  const version$1 = "2.0.8";
+  const version$1 = "2.0.9";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -27908,14 +27908,8 @@
         nsSelect.m(trueSize.value)
       ]);
       const containerStyle = vue.computed(() => attrs.style);
-      const inputCls = vue.computed(() => [
-        nsSelect.e("input"),
-        "width-100%"
-      ]);
-      const selectCls = vue.computed(() => [
-        nsSelect.e("select"),
-        "width-100%"
-      ]);
+      const inputCls = vue.computed(() => [nsSelect.e("input"), "width-100%"]);
+      const selectCls = vue.computed(() => [nsSelect.e("select"), "width-100%"]);
       const _inputProps = vue.computed(() => ({
         disabled: trueDisabled.value,
         size: trueSize.value,
@@ -27946,10 +27940,19 @@
         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 if (selectRef.value) {
+          selectRef.value.dropdownMenuVisible = true;
+          setTimeout(() => {
+            var _a2;
+            if (selectRef.value) {
+              selectRef.value.states.inputValue = (_a2 = inputVal.value) != null ? _a2 : "";
+              selectRef.value.debouncedOnInputChange();
+            }
+          }, 200);
         }
         emit("update:modelValue", str);
         emit("input", 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);
         });