bkui-vue 0.0.1-beta.411 → 0.0.1-beta.412

package/dist/index.esm.js

@@ -8075,34 +8075,6 @@ const formKey = Symbol("form");
 const formItemKey = Symbol("formItem");
 const useForm = () => inject(formKey);
 const useFormItem = () => inject(formItemKey, void 0);
-const on$2 = (() => {
-  if (document.addEventListener) {
-    return (element, event, handler) => {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, true);
-      }
-    };
-  }
-  return (element, event, handler) => {
-    if (element && event && handler) {
-      element.attachEvent(`on${event}`, handler);
-    }
-  };
-})();
-const off$2 = (() => {
-  if (document.removeEventListener) {
-    return (element, event, handler) => {
-      if (element && event) {
-        element.removeEventListener(event, handler, true);
-      }
-    };
-  }
-  return (element, event, handler) => {
-    if (element && event) {
-      element.detachEvent(`on${event}`, handler);
-    }
-  };
-})();
 function scrollTop(el, from = 0, to, duration = 500, endCallback) {
   const difference = Math.abs(from - to);
   const step = Math.ceil(difference / duration * 50);
@@ -15520,7 +15492,7 @@ var SelectTagInput = defineComponent({
     modelValue: PropTypes.any,
     collapseTags: PropTypes.bool.def(false)
   },
-  emits: ["update:modelValue", "remove", "enter"],
+  emits: ["update:modelValue", "remove", "enter", "keydown"],
   setup(props2, {
     emit
   }) {
@@ -15561,6 +15533,7 @@ var SelectTagInput = defineComponent({
           break;
         }
       }
+      emit("keydown", e.target.value, e);
     };
     const getTagDOM = (index2) => {
       const tags = [...proxy.$el.querySelectorAll(".bk-tag")];
@@ -15829,7 +15802,8 @@ var Component$j = defineComponent({
       isShow: isPopoverShow.value,
       reference: selectTagInputRef.value,
       offset: 6,
-      popoverDelay: 0
+      popoverDelay: 0,
+      renderType: RenderType.AUTO
     }, popoverOptions.value));
     const {
       register,
@@ -15879,7 +15853,7 @@ var Component$j = defineComponent({
         setTimeout(() => {
           focusInput();
           initActiveOptionValue();
-        }, 0);
+        }, 10);
       }
     });
     const initActiveOptionValue = () => {
@@ -16059,8 +16033,8 @@ var Component$j = defineComponent({
       }
     };
     const handleKeydown = (e) => {
-      var _a, _b, _c, _d;
-      if (!((_a = triggerRef.value) == null ? void 0 : _a.contains(e.target)) && !((_b = contentRef.value) == null ? void 0 : _b.contains(e.target)) && !customContent.value)
+      var _a, _b;
+      if (!isPopoverShow.value)
         return;
       const availableOptions = options.value.filter((option) => !option.disabled && option.visible);
       const index2 = availableOptions.findIndex((option) => option.value === activeOptionValue.value);
@@ -16070,13 +16044,13 @@ var Component$j = defineComponent({
         case "ArrowDown": {
           e.preventDefault();
           const nextIndex = index2 >= availableOptions.length - 1 ? 0 : index2 + 1;
-          activeOptionValue.value = (_c = availableOptions[nextIndex]) == null ? void 0 : _c.value;
+          activeOptionValue.value = (_a = availableOptions[nextIndex]) == null ? void 0 : _a.value;
           break;
         }
         case "ArrowUp": {
           e.preventDefault();
           const preIndex = index2 === 0 ? availableOptions.length - 1 : index2 - 1;
-          activeOptionValue.value = (_d = availableOptions[preIndex]) == null ? void 0 : _d.value;
+          activeOptionValue.value = (_b = availableOptions[preIndex]) == null ? void 0 : _b.value;
           break;
         }
         case "Backspace": {
@@ -16087,12 +16061,8 @@ var Component$j = defineComponent({
           break;
         }
         case "Enter": {
-          if (!isPopoverShow.value) {
-            isPopoverShow.value = true;
-          } else {
-            const option = optionsMap.value.get(activeOptionValue.value);
-            handleOptionSelected(option);
-          }
+          const option = optionsMap.value.get(activeOptionValue.value);
+          handleOptionSelected(option);
           break;
         }
       }
@@ -16133,10 +16103,6 @@ var Component$j = defineComponent({
         showOnInit.value && showPopover();
         autoFocus.value && focusInput();
       });
-      on$2(document, "keydown", handleKeydown);
-    });
-    onBeforeMount(() => {
-      off$2(document, "keydown", handleKeydown);
     });
     return {
       selected,
@@ -16235,7 +16201,8 @@ var Component$j = defineComponent({
           "disabled": this.isDisabled,
           "onRemove": this.handleDeleteTag,
           "collapseTags": this.isCollapseTags,
-          "onEnter": this.handleInputEnter
+          "onEnter": this.handleInputEnter,
+          "onKeydown": (_v, e) => this.handleKeydown(e)
         }, {
           prefix: () => {
             var _a, _b;
@@ -16259,7 +16226,8 @@ var Component$j = defineComponent({
         "size": this.size,
         "withValidate": false,
         "onInput": this.handleInputChange,
-        "onEnter": this.handleInputEnter
+        "onEnter": this.handleInputEnter,
+        "onKeydown": (_v, e) => this.handleKeydown(e)
       }, {
         prefix: () => {
           var _a, _b;