bkui-vue 2.0.1-beta.41 → 2.0.1-beta.42

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.41";
+export const version = "2.0.1-beta.42";
 window.__bkui_vue_version__ = version;

package/lib/search-select/index.d.ts

@@ -95,7 +95,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: () => void;
+            handleInputFocus: (event?: FocusEvent) => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -109,6 +109,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
+            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -217,7 +218,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: () => void;
+            handleInputFocus: (event?: FocusEvent) => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -231,6 +232,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
+            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -527,7 +529,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: () => void;
+            handleInputFocus: (event?: FocusEvent) => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -541,6 +543,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
+            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -649,7 +652,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: () => void;
+            handleInputFocus: (event?: FocusEvent) => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -663,6 +666,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
+            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -914,7 +918,7 @@ declare const BkSearchSelect: {
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -928,6 +932,7 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -1036,7 +1041,7 @@ declare const BkSearchSelect: {
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -1050,6 +1055,7 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/lib/search-select/index.js

@@ -1553,7 +1553,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var usingItem = (0,external_vue_namespaceObject.ref)(props.defaultUsingItem);
     var menuHoverId = (0,external_vue_namespaceObject.ref)('');
     var loading = (0,external_vue_namespaceObject.ref)(false);
-    var debounceSetMenuList = (0,shared_namespaceObject.debounce)(300, setMenuList);
+    var debounceSetMenuList = (0,shared_namespaceObject.debounce)(100, setMenuList);
     // const selectMenuList = ref<ICommonItem[]>([]);
     var isBindEvent = false;
     var remoteMenuList = (0,external_vue_namespaceObject.ref)([]);
@@ -1635,9 +1635,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       }
     }
     function documentEnterEvent(e) {
+      var _menuList$value2;
       if (!isBindEvent) return;
       e.preventDefault();
-      var item = menuList.value.find(function (item) {
+      var item = (_menuList$value2 = menuList.value) === null || _menuList$value2 === void 0 ? void 0 : _menuList$value2.find(function (item) {
         return item.id === menuHoverId.value;
       });
       item && handleSelectItem(item);
@@ -1669,15 +1670,22 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       showPopover.value = false;
       emit('focus', isFocus.value);
     }
-    function handleInputFocus() {
+    var isOriginFocus = false;
+    function handleInputFocus(event) {
+      if (isOriginFocus) return;
       showNoSelectValueError.value = false;
       if (props.mode === SearchInputMode.EDIT && usingItem.value && !isFocus.value) {
         var nodeList = Array.from(inputRef.value.querySelectorAll("[data-type=\"".concat(usingItem.value.values.length ? 'value' : usingItem.value.type, "\"]")));
         if (!nodeList.length) return;
+        event === null || event === void 0 || event.preventDefault();
         var range = document.createRange();
         var selection = window.getSelection();
         range.selectNodeContents(nodeList.at(-1));
         selection === null || selection === void 0 || selection.removeAllRanges();
+        isOriginFocus = true;
+        setTimeout(function () {
+          isOriginFocus = false;
+        }, 200);
         selection.addRange(range); // 注意这里会触发focus事件
         setInputFocus(true, false);
         return;
@@ -1722,7 +1730,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         case 'NumpadEnter':
           if (props.valueBehavior === ValueBehavior.NEED_KEY && menuList.value.some(function (item) {
             return item.id === menuHoverId.value;
-          })) return;
+          })) {
+            var _keyword$value;
+            if (!usingItem.value && (_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length) {
+              event.preventDefault();
+            }
+            return;
+          }
           handleKeyEnter(event).then(function (v) {
             return v && clearInput();
           });
@@ -1809,6 +1823,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       var _usingItem$value3;
       // 删除已选择项
       if (!usingItem.value && !keyword.value) {
+        menuHoverId.value = '';
         emit('delete');
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         setTimeout(setMenuList, 16);
@@ -2040,7 +2055,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
         var _props$data, _usingItem$value$sear, _usingItem$value$valu;
-        var list, _usingItem$value14, _keyword$value2, hoverItem;
+        var list, _usingItem$value14, _keyword$value3, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -2061,7 +2076,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               break;
             case 9:
               if (!(usingItem !== null && usingItem !== void 0 && usingItem.value)) {
-                if (!((_keyword$value2 = keyword.value) !== null && _keyword$value2 !== void 0 && _keyword$value2.length)) {
+                if (!((_keyword$value3 = keyword.value) !== null && _keyword$value3 !== void 0 && _keyword$value3.length)) {
                   list = props.data.filter(function (item) {
                     return !item.isSelected;
                   }).slice();
@@ -2239,7 +2254,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       isFocus.value = true;
       showPopover.value = true;
       showNoSelectValueError.value = false;
-      needCursorToEnd && (0,external_vue_namespaceObject.nextTick)(setCursorToEnd);
+      !props.getMenuList && needCursorToEnd && (0,external_vue_namespaceObject.nextTick)(setCursorToEnd);
       emit('focus', isFocus.value);
     }
     function setSelectedItem(item) {
@@ -2278,8 +2293,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       return undefined;
     }
     function deleteInputTextNode() {
-      var _keyword$value;
-      if ((_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length) {
+      var _keyword$value2;
+      if ((_keyword$value2 = keyword.value) !== null && _keyword$value2 !== void 0 && _keyword$value2.length) {
         keyword.value = '';
         var nodes = Array.from(inputRef.value.childNodes);
         nodes.forEach(function (node) {
@@ -2333,13 +2348,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         return v && clearInput();
       });
     }
+    function refleshMenuHover() {
+      if (!usingItem.value) {
+        menuHoverId.value = '';
+      }
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
       inputEnterForWrapper: inputEnterForWrapper,
       inputClearForWrapper: inputClearForWrapper,
       handleInputFocus: handleInputFocus,
-      isFocus: isFocus
+      isFocus: isFocus,
+      refleshMenuHover: refleshMenuHover
     });
     return {
       popoverRef: popoverRef,
@@ -2370,6 +2391,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       inputClearForWrapper: inputClearForWrapper,
       deleteInputTextNode: deleteInputTextNode,
       customPanelSubmit: customPanelSubmit,
+      refleshMenuHover: refleshMenuHover,
       t: t
     };
   },
@@ -2928,6 +2950,7 @@ var SearchSelectProps = {
       var list = selectedList.value.slice();
       list.splice(typeof index === 'number' ? index : selectedList.value.length - 1, 1);
       onValidate('');
+      inputRef.value.refleshMenuHover();
       emit('update:modelValue', list.map(function (item) {
         return item.toValue();
       }));

package/lib/search-select/input.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     documentArrowEvent: (e: KeyboardEvent) => void;
     handleClickOutside: (e: MouseEvent) => void;
-    handleInputFocus: () => void;
+    handleInputFocus: (event?: FocusEvent) => void;
     handleInputChange: (event: Event) => void;
     handleInputPaste: (event: ClipboardEvent) => void;
     handleLogicalChange: (logical: SearchLogical) => void;
@@ -67,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
     inputClearForWrapper: () => void;
     deleteInputTextNode: () => void;
     customPanelSubmit: (value: string) => void;
+    refleshMenuHover: () => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;

package/lib/search-select/search-select.d.ts

@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -141,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -249,7 +250,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -263,6 +264,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/lib/search-select/selected.d.ts

@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -93,6 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -201,7 +202,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -215,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.41",
+  "version": "2.0.1-beta.42",
   "workspaces": [
     "packages/**",
     "scripts/cli",