@kdcloudjs/kdesign 1.6.28 → 1.6.30

package/es/_utils/usePopper.js

@@ -524,18 +524,18 @@ function usePopper(locatorElement, popperElement, props) {
   useEffect(function () {
     if (exist && visible) {
       var mouseleaveTimer;
+      var triggerNode = getTriggerElement(locatorRef.current);
 
       var handleHidePopper = function handleHidePopper(e) {
-        var triggerNode = getTriggerElement(locatorRef.current);
         var triggerRect = triggerNode.getBoundingClientRect();
         var popperRect = popperRef.current.getBoundingClientRect();
-        var left = /left/.test(nextPlacement) ? popperRect.right : triggerRect.left;
-        var right = /right/.test(nextPlacement) ? popperRect.left : triggerRect.right;
-        var top = /top/.test(nextPlacement) ? popperRect.bottom : triggerRect.top;
-        var bottom = /bottom/.test(nextPlacement) ? popperRect.top : triggerRect.bottom;
+        var left = triggerRect.left;
+        var right = triggerRect.right;
+        var top = triggerRect.top;
+        var bottom = triggerRect.bottom;
         var X = e.clientX,
             Y = e.clientY;
-        var inTriggerRect = X > left - 2 && X < right + 2 && Y > top - 2 && Y < bottom + 2;
+        var inTriggerRect = X > left + 2 && X < right - 2 && Y > top + 2 && Y < bottom - 2;
         var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
         var ableArea = matchTrigger('contextMenu') ? inPopperRect : inTriggerRect || inPopperRect;
 
@@ -543,7 +543,12 @@ function usePopper(locatorElement, popperElement, props) {
           mouseleaveTimer && clearTimeout(mouseleaveTimer);
           matchTrigger('focus') && triggerNode.focus();
         } else {
-          matchTrigger('hover') ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
+          if (matchTrigger('hover')) {
+            mouseleaveTimer && clearTimeout(mouseleaveTimer);
+            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 3000);
+          } else {
+            hidePopper();
+          }
         }
       };
 
@@ -558,6 +563,9 @@ function usePopper(locatorElement, popperElement, props) {
       };
 
       if (matchTrigger('hover')) {
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
+        popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.addEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
       }
 
@@ -565,6 +573,7 @@ function usePopper(locatorElement, popperElement, props) {
         return document.addEventListener(mapEvent[action], debounceHidePopper);
       }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
       return function () {
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
         Array.isArray(trigger) ? trigger.forEach(function (action) {
           return document.removeEventListener(mapEvent[action], debounceHidePopper);

package/es/cascader/style/index.css

@@ -224,7 +224,7 @@
   visibility: hidden;
 }
 .kd-cascader-menus .kd-cascader-menu {
-  display: inline-table;
+  display: inline-block;
   height: var(--kd-c-cascader-sizing-height, 192px);
   min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
   margin: 0;

package/es/cascader/style/index.less

@@ -128,7 +128,7 @@
   }
 
   .@{cascader-menu-prefix-cls} {
-    display: inline-table;
+    display: inline-block;
     height: @cascader-height;
     min-width: @cascader-menu-min-width;
     margin: 0;

package/es/date-picker/date-panel.js

@@ -294,7 +294,7 @@ function Panel(props) {
       }
   }
 
-  var showHeader = !(picker === 'date' && showTime || picker === 'time');
+  var showHeader = !(picker === 'date' && showTime || picker === 'time') || innerPicker !== undefined;
   var containerCls = classnames("".concat(prefixCls, "-warpper"));
   return /*#__PURE__*/React.createElement("div", {
     className: containerCls

package/es/date-picker/date-picker.js

@@ -249,6 +249,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       } else if (valueText !== text) {
         resetText();
       }
+    } else {
+      setInnerPicker(undefined);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [openValue, valueText]);
@@ -267,9 +269,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   });
 
   var triggerChange = function triggerChange(newValue) {
-    setSelectedValue(newValue);
-    setDateValue(newValue);
-
     if (onSelect) {
       onSelect(newValue);
     }
@@ -277,6 +276,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (onChange && !isEqual(dateValue, newValue)) {
       onChange(newValue, newValue ? formatDate(newValue, _format) : '');
     }
+
+    setSelectedValue(newValue);
+    setDateValue(newValue);
   };
 
   var triggerOpen = function triggerOpen(newOpen) {
@@ -290,8 +292,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var onContextSelect = function onContextSelect(date, type) {
     if (type === 'inner') {
       setViewDate(date);
-      setSelectedValue(date);
-      setDateValue(date);
     } else {
       if (type === 'submit' || type !== 'key' && !needConfirmButton) {
         setViewDate(date);

package/es/date-picker/hooks/use-picker-input.js

@@ -93,10 +93,6 @@ export default function usePickerInput(_ref) {
         }, 0);
       } else if (open) {
         triggerOpen(false);
-
-        if (valueChangedRef.current) {
-          onSubmit();
-        }
       }
 
       setFocused(false);

package/es/date-picker/style/index.css

@@ -557,6 +557,8 @@
   padding: 3px 0;
   cursor: pointer;
   overflow: hidden;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text {
   background: #f5f5f5;
@@ -794,8 +796,7 @@
           flex: 1 0 auto;
   width: 56px;
   margin: 0;
-  padding: 0 0 206px 0;
-  padding-top: 10px;
+  padding: 10px 0 214px 0;
   text-align: left;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;

package/es/date-picker/style/index.less

@@ -408,6 +408,7 @@
           padding: 3px 0;
           cursor: pointer;
           overflow: hidden;
+          box-sizing: border-box;
         }
 
         & .@{datePicker-prefix-cls}-calendar-item:not(.@{datePicker-prefix-cls}-calendar-item-disabled):hover {
@@ -676,8 +677,7 @@
         flex: 1 0 auto;
         width: 56px;
         margin: 0;
-        padding: 0 0 206px 0;
-        padding-top: 10px;
+        padding: 10px 0 214px 0;
         text-align: left;
         transition: background 0.3s;
         overflow: hidden;

package/es/form/Field.js

@@ -275,16 +275,18 @@ var Field = function Field(props) {
         evt[_key] = arguments[_key];
       }
 
+      var iv = getInputValueFormProp(evt[0], evt);
+
       if (chValue === undefined) {
-        var iv = getInputValueFormProp(evt[0], evt);
         setFieldValue(iv);
-        dispatch({
-          type: 'updateValue',
-          namePath: name,
-          value: iv
-        });
       }
 
+      dispatch({
+        type: 'updateValue',
+        namePath: name,
+        value: iv
+      });
+
       if (typeof chChange === 'function') {
         chChange.apply(void 0, evt);
       }

package/es/input/ClearableLabeledInput.d.ts

@@ -13,6 +13,7 @@ interface ClearableInputProps {
     style?: CSSProperties;
     disabled?: boolean;
     focused?: boolean;
+    count?: boolean;
     borderType?: BorderType;
     size?: InputSiteType;
     suffix?: React.ReactNode;

package/es/input/ClearableLabeledInput.js

@@ -28,7 +28,8 @@ var ClearableInput = function ClearableInput(props) {
       addonAfter = props.addonAfter,
       focused = props.focused,
       numberMark = props.numberMark,
-      inputCount = props.inputCount;
+      inputCount = props.inputCount,
+      count = props.count;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -77,7 +78,7 @@ var ClearableInput = function ClearableInput(props) {
   var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
     var _context, _classNames2;
 
-    if (!hasPrefixSuffix(props)) {
+    if (!hasPrefixSuffix(props) && !count) {
       return originElement;
     }
 
@@ -99,7 +100,7 @@ var ClearableInput = function ClearableInput(props) {
   var renderInputWithLabel = function renderInputWithLabel(originElement) {
     var _classNames4, _context2, _classNames5;
 
-    if (!addonBefore && !addonAfter) {
+    if (!addonBefore && !addonAfter && !count) {
       return originElement;
     }
 

package/es/input/input.js

@@ -149,7 +149,11 @@ var InternalInput = function InternalInput(props, ref) {
 
     if (count && showNumberMark && !disabled) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(inputPrefixCls, "-input-mark-inner"))
+        className: classNames("".concat(inputPrefixCls, "-input-mark-inner")),
+        onMouseDown: function onMouseDown(e) {
+          e.stopPropagation();
+          e.preventDefault();
+        }
       }, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
     }
 
@@ -188,6 +192,7 @@ var InternalInput = function InternalInput(props, ref) {
     prefixCls: inputPrefixCls,
     element: renderInput(),
     focused: focused,
+    count: count,
     inputCount: renderCount()
   }));
 };

package/es/input-number/inputNumber.js

@@ -161,29 +161,42 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
         _numerical$split2$ = _numerical$split2[1],
         decimalValue = _numerical$split2$ === void 0 ? '' : _numerical$split2$;
 
+    var sign = '';
+
+    if (_includesInstanceProperty(integerValue).call(integerValue, '-')) {
+      integerValue = integerValue.replace('-', '');
+      sign = '-';
+    }
+
     var integerValueLength = integerValue.length;
     var decimalValueLength = decimalValue.length;
 
     if (typeof decimalLength === 'number' && typeof digitLength === 'number') {
-      if (integerValueLength > digitLength - decimalLength) {
-        resultNumerical = integerValue.substr(0, digitLength - decimalLength);
-      } else if (decimalValueLength > decimalLength) {
+      if (decimalValueLength <= decimalLength && integerValueLength <= digitLength - decimalLength) {
+        resultNumerical = numerical;
+      } else if (integerValueLength > digitLength - decimalLength) {
         var _context;
 
-        resultNumerical = _concatInstanceProperty(_context = "".concat(integerValue, ".")).call(_context, decimalValue.substr(0, decimalLength));
+        resultNumerical = _concatInstanceProperty(_context = "".concat(sign)).call(_context, integerValue.substr(0, digitLength - decimalLength));
+      } else if (decimalValueLength > decimalLength) {
+        var _context2, _context3;
+
+        resultNumerical = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(sign)).call(_context3, integerValue, ".")).call(_context2, decimalValue.substr(0, decimalLength));
       }
     } else if (typeof decimalLength !== 'number' && typeof digitLength === 'number') {
       if (integerValueLength >= digitLength) {
-        resultNumerical = integerValue.substr(0, digitLength);
+        var _context4;
+
+        resultNumerical = _concatInstanceProperty(_context4 = "".concat(sign)).call(_context4, integerValue.substr(0, digitLength));
       } else {
-        var _context2;
+        var _context5, _context6, _context7;
 
-        resultNumerical = decimalValueLength ? _concatInstanceProperty(_context2 = "".concat(integerValue, ".")).call(_context2, decimalValue.substr(0, digitLength - integerValueLength)) : integerValue;
+        resultNumerical = decimalValueLength ? _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "".concat(sign)).call(_context6, integerValue, ".")).call(_context5, decimalValue.substr(0, digitLength - integerValueLength)) : _concatInstanceProperty(_context7 = "".concat(sign)).call(_context7, integerValue);
       }
     } else if (typeof decimalLength === 'number' && typeof digitLength !== 'number') {
-      var _context3;
+      var _context8, _context9, _context10;
 
-      resultNumerical = decimalValueLength ? _concatInstanceProperty(_context3 = "".concat(integerValue, ".")).call(_context3, decimalValue.substr(0, decimalLength)) : integerValue;
+      resultNumerical = decimalValueLength ? _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "".concat(sign)).call(_context9, integerValue, ".")).call(_context8, decimalValue.substr(0, decimalLength)) : _concatInstanceProperty(_context10 = "".concat(sign)).call(_context10, integerValue);
     } else {
       resultNumerical = numerical;
     }
@@ -220,7 +233,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   };
 
   var handleKeyDown = function handleKeyDown(event) {
-    var _context4;
+    var _context11;
 
     if (!stepOption || props.disabled || props.readOnly) {
       return;
@@ -228,7 +241,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
 
     var keyCode = event.keyCode;
 
-    if (_includesInstanceProperty(_context4 = [38, 40]).call(_context4, keyCode)) {
+    if (_includesInstanceProperty(_context11 = [38, 40]).call(_context11, keyCode)) {
       event.preventDefault();
       handleStepChang(keyCode === 38 ? 'plus' : 'minus');
     }

package/es/tree/tree.js

@@ -233,6 +233,11 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [loadData, setExpandedKeys]);
   var handleExpand = React.useCallback(function (key, expanded, node) {
     var newExpandedKeys = expanded ? addKeys(expandedKeys, [key]) : delKey(expandedKeys, [key]);
+
+    if (expandedKeysProps === undefined) {
+      setExpandedKeys(newExpandedKeys);
+    }
+
     onExpand && onExpand(newExpandedKeys, {
       node: node,
       expanded: expanded
@@ -407,8 +412,6 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (scrollToKey) {
       setSelectedKeys([scrollToKey]);
       setScrollKey(scrollToKey);
-    } else {
-      setSelectedKeys([]);
     }
   }, [scrollToKey]);
   useEffect(function () {
@@ -442,7 +445,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = getSelected(selectedKeys, item.key);
+    item.selected = getSelected(Array.isArray(selectedKeys) && selectedKeys[0] ? [selectedKeys[0]] : selectedKeys, item.key);
     item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;

package/es/tree/treeHooks.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useEffect, useState } from 'react';
-import { getInitCheckededKeys, getDataCheckededStateStrictly, getInitExpandedKeys, getPos, getAllParentKeys, getExpandedKeys } from './utils/treeUtils';
+import { getInitCheckededKeys, getDataCheckededStateStrictly, getInitExpandedKeys, getPos, getAllParentKeys } from './utils/treeUtils';
 export var useViewportHeight = function useViewportHeight(height, listRef) {
   var _React$useState = React.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -73,11 +73,8 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
   }
 
   var initialExpandedKeys = React.useMemo(function () {
-    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys]);
-  var newExpandedKeys = React.useMemo(function () {
-    return getExpandedKeys(expandedKeysProps, expandScrollkeys);
-  }, [expandedKeysProps]);
+    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
 
   var _React$useState7 = React.useState(initialExpandedKeys),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
@@ -85,9 +82,8 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
       setExpandedKeys = _React$useState8[1];
 
   React.useEffect(function () {
-    var keys = isInit || isSearching ? initialExpandedKeys : newExpandedKeys;
-    setExpandedKeys(keys);
-  }, [newExpandedKeys, initialExpandedKeys, isSearching, isInit]);
+    setExpandedKeys(initialExpandedKeys);
+  }, [expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
   return [expandedKeys, setExpandedKeys];
 };
 export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {

package/es/tree/utils/treeUtils.d.ts

@@ -60,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
 };
 export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
 export declare const getAllNodeKeys: (data: any[]) => string[];
-export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[]) => string[];
+export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[], isInit: boolean) => string[];
 export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
 export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;

package/es/tree/utils/treeUtils.js

@@ -704,25 +704,28 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
   var isSearching = arguments.length > 8 ? arguments[8] : undefined;
   var keysData = arguments.length > 9 ? arguments[9] : undefined;
   var searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
+  var isInit = arguments.length > 11 ? arguments[11] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
 
-  if (defaultExpandAll) {
-    keys = getAllNodeKeys(data);
-  } else {
-    if (defaultExpandRoot) {
-      var rootKey = getRootKeys(data);
+  if (isInit) {
+    if (defaultExpandAll) {
+      keys = getAllNodeKeys(data);
+    } else {
+      if (defaultExpandRoot) {
+        var rootKey = getRootKeys(data);
 
-      if (rootKey) {
-        keys = _concatInstanceProperty(keys).call(keys, rootKey);
+        if (rootKey) {
+          keys = _concatInstanceProperty(keys).call(keys, rootKey);
+        }
       }
-    }
 
-    if (defaultExpandParent) {
-      var parentKeys = [];
-      keys.forEach(function (key) {
-        parentKeys.push.apply(parentKeys, _toConsumableArray(getAllParentKeys(data, key)));
-      });
-      keys = _concatInstanceProperty(keys).call(keys, parentKeys);
+      if (defaultExpandParent) {
+        var parentKeys = [];
+        keys.forEach(function (key) {
+          parentKeys.push.apply(parentKeys, _toConsumableArray(getAllParentKeys(data, key)));
+        });
+        keys = _concatInstanceProperty(keys).call(keys, parentKeys);
+      }
     }
   }
 

package/es/upload/upload.js

@@ -551,7 +551,7 @@ var Item = function Item(_ref3) {
       width: '100%',
       height: '100%'
     },
-    operations: [/*#__PURE__*/React.createElement(Icon, {
+    operations: disabled ? [] : [/*#__PURE__*/React.createElement(Icon, {
       key: "1",
       type: "delete",
       onClick: handleRemove.bind(_this, file)

package/lib/_utils/usePopper.js

@@ -558,18 +558,18 @@ function usePopper(locatorElement, popperElement, props) {
   (0, _react.useEffect)(function () {
     if (exist && visible) {
       var mouseleaveTimer;
+      var triggerNode = getTriggerElement(locatorRef.current);
 
       var handleHidePopper = function handleHidePopper(e) {
-        var triggerNode = getTriggerElement(locatorRef.current);
         var triggerRect = triggerNode.getBoundingClientRect();
         var popperRect = popperRef.current.getBoundingClientRect();
-        var left = /left/.test(nextPlacement) ? popperRect.right : triggerRect.left;
-        var right = /right/.test(nextPlacement) ? popperRect.left : triggerRect.right;
-        var top = /top/.test(nextPlacement) ? popperRect.bottom : triggerRect.top;
-        var bottom = /bottom/.test(nextPlacement) ? popperRect.top : triggerRect.bottom;
+        var left = triggerRect.left;
+        var right = triggerRect.right;
+        var top = triggerRect.top;
+        var bottom = triggerRect.bottom;
         var X = e.clientX,
             Y = e.clientY;
-        var inTriggerRect = X > left - 2 && X < right + 2 && Y > top - 2 && Y < bottom + 2;
+        var inTriggerRect = X > left + 2 && X < right - 2 && Y > top + 2 && Y < bottom - 2;
         var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
         var ableArea = matchTrigger('contextMenu') ? inPopperRect : inTriggerRect || inPopperRect;
 
@@ -577,7 +577,12 @@ function usePopper(locatorElement, popperElement, props) {
           mouseleaveTimer && clearTimeout(mouseleaveTimer);
           matchTrigger('focus') && triggerNode.focus();
         } else {
-          matchTrigger('hover') ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
+          if (matchTrigger('hover')) {
+            mouseleaveTimer && clearTimeout(mouseleaveTimer);
+            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 3000);
+          } else {
+            hidePopper();
+          }
         }
       };
 
@@ -592,6 +597,9 @@ function usePopper(locatorElement, popperElement, props) {
       };
 
       if (matchTrigger('hover')) {
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
+        popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.addEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
       }
 
@@ -599,6 +607,7 @@ function usePopper(locatorElement, popperElement, props) {
         return document.addEventListener(mapEvent[action], debounceHidePopper);
       }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
       return function () {
+        triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
         Array.isArray(trigger) ? trigger.forEach(function (action) {
           return document.removeEventListener(mapEvent[action], debounceHidePopper);

package/lib/cascader/style/index.css

@@ -224,7 +224,7 @@
   visibility: hidden;
 }
 .kd-cascader-menus .kd-cascader-menu {
-  display: inline-table;
+  display: inline-block;
   height: var(--kd-c-cascader-sizing-height, 192px);
   min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
   margin: 0;

package/lib/cascader/style/index.less

@@ -128,7 +128,7 @@
   }
 
   .@{cascader-menu-prefix-cls} {
-    display: inline-table;
+    display: inline-block;
     height: @cascader-height;
     min-width: @cascader-menu-min-width;
     margin: 0;

package/lib/date-picker/date-panel.js

@@ -327,7 +327,7 @@ function Panel(props) {
       }
   }
 
-  var showHeader = !(picker === 'date' && showTime || picker === 'time');
+  var showHeader = !(picker === 'date' && showTime || picker === 'time') || innerPicker !== undefined;
   var containerCls = (0, _classnames3.default)("".concat(prefixCls, "-warpper"));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: containerCls

package/lib/date-picker/date-picker.js

@@ -290,6 +290,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       } else if (valueText !== text) {
         resetText();
       }
+    } else {
+      setInnerPicker(undefined);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [openValue, valueText]);
@@ -308,9 +310,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   });
 
   var triggerChange = function triggerChange(newValue) {
-    setSelectedValue(newValue);
-    setDateValue(newValue);
-
     if (onSelect) {
       onSelect(newValue);
     }
@@ -318,6 +317,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (onChange && !(0, _dateFns.isEqual)(dateValue, newValue)) {
       onChange(newValue, newValue ? (0, _dateFns.formatDate)(newValue, _format) : '');
     }
+
+    setSelectedValue(newValue);
+    setDateValue(newValue);
   };
 
   var triggerOpen = function triggerOpen(newOpen) {
@@ -331,8 +333,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var onContextSelect = function onContextSelect(date, type) {
     if (type === 'inner') {
       setViewDate(date);
-      setSelectedValue(date);
-      setDateValue(date);
     } else {
       if (type === 'submit' || type !== 'key' && !needConfirmButton) {
         setViewDate(date);

package/lib/date-picker/hooks/use-picker-input.js

@@ -106,10 +106,6 @@ function usePickerInput(_ref) {
         }, 0);
       } else if (open) {
         triggerOpen(false);
-
-        if (valueChangedRef.current) {
-          onSubmit();
-        }
       }
 
       setFocused(false);

package/lib/date-picker/style/index.css

@@ -557,6 +557,8 @@
   padding: 3px 0;
   cursor: pointer;
   overflow: hidden;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text {
   background: #f5f5f5;
@@ -794,8 +796,7 @@
           flex: 1 0 auto;
   width: 56px;
   margin: 0;
-  padding: 0 0 206px 0;
-  padding-top: 10px;
+  padding: 10px 0 214px 0;
   text-align: left;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;

package/lib/date-picker/style/index.less

@@ -408,6 +408,7 @@
           padding: 3px 0;
           cursor: pointer;
           overflow: hidden;
+          box-sizing: border-box;
         }
 
         & .@{datePicker-prefix-cls}-calendar-item:not(.@{datePicker-prefix-cls}-calendar-item-disabled):hover {
@@ -676,8 +677,7 @@
         flex: 1 0 auto;
         width: 56px;
         margin: 0;
-        padding: 0 0 206px 0;
-        padding-top: 10px;
+        padding: 10px 0 214px 0;
         text-align: left;
         transition: background 0.3s;
         overflow: hidden;