vxe-pc-ui 4.8.2 → 4.8.4

package/lib/index.umd.js

@@ -4320,14 +4320,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.8.2"}`;
+const log_version = `ui v${"4.8.4"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.8.2";
+const ui_version = "4.8.4";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -18441,6 +18441,24 @@ const DatePanel = VxeDatePanel;
         }
       }
     };
+    const handleGlobalKeydownEvent = evnt => {
+      const {
+        visiblePanel
+      } = reactData;
+      const isDisabled = computeIsDisabled.value;
+      if (!isDisabled) {
+        const isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
+        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+        if (isTab) {
+          reactData.isActivated = false;
+        }
+        if (visiblePanel) {
+          if (isEsc || isTab) {
+            hidePanel();
+          }
+        }
+      }
+    };
     const handleGlobalMousewheelEvent = evnt => {
       const {
         visiblePanel
@@ -18902,6 +18920,7 @@ const DatePanel = VxeDatePanel;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
       globalEvents.on($xeDatePicker, 'mousewheel', handleGlobalMousewheelEvent);
       globalEvents.on($xeDatePicker, 'mousedown', handleGlobalMousedownEvent);
+      globalEvents.on($xeDatePicker, 'keydown', handleGlobalKeydownEvent);
       globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
       globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
     });
@@ -19577,6 +19596,24 @@ const DatePicker = VxeDatePicker;
         }
       }
     };
+    const handleGlobalKeydownEvent = evnt => {
+      const {
+        visiblePanel
+      } = reactData;
+      const isDisabled = computeIsDisabled.value;
+      if (!isDisabled) {
+        const isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
+        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+        if (isTab) {
+          reactData.isActivated = false;
+        }
+        if (visiblePanel) {
+          if (isEsc || isTab) {
+            hidePanel();
+          }
+        }
+      }
+    };
     const handleGlobalMousewheelEvent = evnt => {
       const {
         visiblePanel
@@ -20065,6 +20102,7 @@ const DatePicker = VxeDatePicker;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
       globalEvents.on($xeDateRangePicker, 'mousewheel', handleGlobalMousewheelEvent);
       globalEvents.on($xeDateRangePicker, 'mousedown', handleGlobalMousedownEvent);
+      globalEvents.on($xeDateRangePicker, 'keydown', handleGlobalKeydownEvent);
       globalEvents.on($xeDateRangePicker, 'blur', handleGlobalBlurEvent);
       globalEvents.on($xeDateRangePicker, 'resize', handleGlobalResizeEvent);
     });
@@ -29573,7 +29611,6 @@ function getOptUniqueId() {
         const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
         const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
         const isDel = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
-        const isSpacebar = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR);
         if (isTab) {
           reactData.isActivated = false;
         }
@@ -29597,10 +29634,8 @@ function getOptUniqueId() {
               setCurrentOption(offsetOption);
               handleScrollToOption(offsetOption, isDwArrow);
             }
-          } else if (isSpacebar) {
-            evnt.preventDefault();
           }
-        } else if ((isUpArrow || isDwArrow || isEnter || isSpacebar) && reactData.isActivated) {
+        } else if ((isUpArrow || isDwArrow || isEnter) && reactData.isActivated) {
           evnt.preventDefault();
           showOptionPanel();
         }
@@ -30296,6 +30331,7 @@ function getOptUniqueId() {
         ref: refInpSearch,
         class: 'vxe-select-search--input',
         modelValue: reactData.searchValue,
+        type: 'text',
         clearable: true,
         disabled: false,
         readonly: false,