@kdcloudjs/kdesign 1.5.10 → 1.5.11

package/es/config-provider/compDefaultProps.d.ts

@@ -106,6 +106,7 @@ declare const compDefaultProps: {
         placement: string;
         width: number;
         zIndex: number;
+        disableScroll: boolean;
     };
     Empty: {};
     Filter: {

package/es/config-provider/compDefaultProps.js

@@ -111,7 +111,8 @@ var compDefaultProps = {
     maskClosable: true,
     placement: 'right',
     width: 320,
-    zIndex: 1050
+    zIndex: 1050,
+    disableScroll: true
   },
   Empty: {},
   Filter: {

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

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import React, { useContext, useEffect } from 'react';
 import classnames from 'classnames';
-import parse from 'date-fns/parse';
 import ConfigContext from '../config-provider/ConfigContext';
 import { useMergedState, useOnClickOutside } from '../_utils/hooks';
 import { getCompProps } from '../_utils';
@@ -168,19 +167,21 @@ function DatePicker(props) {
   var _useTextValueMapping = useTextValueMapping({
     valueText: valueText,
     onTextChange: function onTextChange(newText) {
-      // if (typeof _format !== 'function') {
-      var inputDate;
-
-      if (picker !== 'year') {
-        inputDate = parseDate(newText, _format);
-      } else {
-        var year = parse(newText, _format, newDate());
-        inputDate = isValid(year) ? year : null;
-      }
-
-      if (inputDate && (!disabledDate || !disabledDate(inputDate))) {
-        setSelectedValue(inputDate);
-        setViewDate(inputDate);
+      if (newText === '') {
+        setSelectedValue(null);
+        setDateValue(null);
+      } else if (newText && newText.length === _format.length) {
+        var inputTempDate = parseDate(newText, _format);
+
+        if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
+          if (picker !== 'year') {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          } else if (isValid(inputTempDate)) {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          }
+        }
       }
     }
   }),

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

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import { useState, useEffect, useRef } from 'react'; // import KeyCode from '../../_utils/KeyCode'
-
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import { useState, useEffect, useRef } from 'react';
+import KeyCode from '../../_utils/KeyCode';
 export default function usePickerInput(_ref) {
   var preventBlurRef = _ref.preventBlurRef,
       open = _ref.open,
@@ -29,42 +30,47 @@ export default function usePickerInput(_ref) {
       setTyping(true);
       triggerOpen(true);
     },
-    // onKeyDown: (e) => {
-    //   switch (e.which) {
-    //     case KeyCode.ENTER: {
-    //       if (!open) {
-    //         triggerOpen(true)
-    //       } else if (onSubmit() !== false) {
-    //         setTyping(true)
-    //       }
-    //       e.preventDefault()
-    //       return
-    //     }
-    //     case KeyCode.TAB: {
-    //       if (typing && open && !e.shiftKey) {
-    //         setTyping(false)
-    //         e.preventDefault()
-    //       } else if (!typing && open) {
-    //         if (!forwardKeyDown(e) && e.shiftKey) {
-    //           setTyping(true)
-    //           e.preventDefault()
-    //         }
-    //       }
-    //       return
-    //     }
-    //     case KeyCode.ESC: {
-    //       setTyping(true)
-    //       onCancel()
-    //       return
-    //     }
-    //   }
-    //   if (!open && ![KeyCode.SHIFT].includes(e.which)) {
-    //     triggerOpen(true)
-    //   } else if (!typing) {
-    //     // Let popup panel handle keyboard
-    //     forwardKeyDown(e)
-    //   }
-    // },
+    onKeyDown: function onKeyDown(e) {
+      var _context;
+
+      setTyping(true);
+      triggerOpen(true);
+
+      switch (e.which) {
+        case KeyCode.ENTER:
+          {
+            if (!open) {
+              triggerOpen(true);
+            } else if (onSubmit() !== false) {
+              setTyping(true);
+            }
+
+            e.preventDefault();
+            return;
+          }
+
+        case KeyCode.TAB:
+          {
+            if (typing && open && !e.shiftKey) {
+              setTyping(false);
+              e.preventDefault();
+            }
+
+            return;
+          }
+
+        case KeyCode.ESC:
+          {
+            setTyping(true);
+            onCancel();
+            return;
+          }
+      }
+
+      if (!open && !_includesInstanceProperty(_context = [KeyCode.SHIFT]).call(_context, e.which)) {
+        triggerOpen(true);
+      }
+    },
     onFocus: function onFocus(e) {
       setTyping(true);
       setFocused(true);

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

@@ -6,7 +6,6 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { useContext, useEffect } from 'react';
 import isSameWeek from 'date-fns/isSameWeek';
-import parse from 'date-fns/parse';
 import ConfigContext from '../config-provider/ConfigContext';
 import { useMergedState, useOnClickOutside } from '../_utils/hooks';
 import { getCompProps } from '../_utils';
@@ -249,20 +248,32 @@ function DatePicker(props) {
   });
 
   var _onTextChange = function onTextChange(newText, index) {
-    var inputDate;
+    var inputTempDate;
 
-    if (picker !== 'year') {
-      inputDate = parseDate(newText, _format);
-    } else {
-      var year = parse(newText, _format, newDate());
-      inputDate = isValid(year) ? year : null;
-    }
-
-    var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
+    if (newText === '') {
+      if (index === 0 && selectedValue && selectedValue.length === 2) {
+        inputTempDate = selectedValue[1];
+      } else if (index === 1 && selectedValue && selectedValue.length === 2) {
+        inputTempDate = selectedValue[0];
+      }
 
-    if (inputDate && (!disabledFunc || !disabledFunc(inputDate))) {
-      setSelectedValue(updateValues(selectedValue, inputDate, index));
-      setViewDate(inputDate, index);
+      if (inputTempDate) {
+        setSelectedValue(updateValues(selectedValue, inputTempDate, index));
+        setViewDate(inputTempDate, index);
+      }
+    } else if (newText && newText.length === _format.length) {
+      inputTempDate = parseDate(newText, _format);
+      var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
+
+      if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
+        if (picker !== 'year') {
+          setSelectedValue(updateValues(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        } else if (isValid(inputTempDate)) {
+          setSelectedValue(updateValues(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        }
+      }
     }
   }; // input 展示
 

package/es/drawer/drawer.d.ts

@@ -36,6 +36,7 @@ export interface IDrawerProps {
     width?: string | number;
     height?: string | number;
     zIndex?: string | number;
+    disableScroll?: boolean;
 }
 declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<unknown>>;
 export default Drawer;

package/es/drawer/drawer.js

@@ -12,7 +12,7 @@ import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
-import { useResizeObserver, useHideDocumentScrollBar } from '../_utils/hooks'; // import { usePrevious } from '../_utils/hooks'
+import { useResizeObserver, useOverflowHidden } from '../_utils/hooks'; // import { usePrevious } from '../_utils/hooks'
 
 import { toArray } from '../_utils/react-children';
 export var PlacementTypes = tuple('top', 'right', 'bottom', 'left');
@@ -37,6 +37,8 @@ var documentBody = document.body; // function transformSize(size: string | numbe
 var InternalDrawer = function InternalDrawer(props, ref) {
   var _classNames, _context2, _context3, _classNames2;
 
+  var _a;
+
   var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
@@ -70,7 +72,8 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       getContainer = drawerProps.getContainer,
       forceRender = drawerProps.forceRender,
       destroyOnClose = drawerProps.destroyOnClose,
-      customPrefixcls = drawerProps.prefixCls;
+      customPrefixcls = drawerProps.prefixCls,
+      disableScroll = drawerProps.disableScroll;
   var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
 
   var _useState = useState(false),
@@ -138,7 +141,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
 
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
-  useHideDocumentScrollBar(!!visible, isBody, !!mask); // 为了单测
+  useOverflowHidden(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll); // 为了单测
 
   useEffect(function () {
     setCurrentWidth(width);

package/es/notification-base/notification.js

@@ -60,11 +60,11 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var remove = function remove(key) {
-    var filter = _filterInstanceProperty(notices).call(notices, function (notice) {
-      return notice.key !== key;
+    setNotices(function (preNotices) {
+      return _filterInstanceProperty(preNotices).call(preNotices, function (notice) {
+        return notice.key !== key;
+      });
     });
-
-    setNotices(filter);
   };
 
   var _onClose = function onClose(notice) {

package/es/pagination/style/index.css

@@ -430,9 +430,7 @@
 }
 .kd-pagination.less .kd-pagination-pages-item:hover button,
 .kd-pagination.less .kd-pagination-pages-item:active button,
-.kd-pagination.less .kd-pagination-pages-item.active button,
-.kd-pagination.less .kd-pagination-pages-item:first-child button,
-.kd-pagination.less .kd-pagination-pages-item:last-child button {
+.kd-pagination.less .kd-pagination-pages-item.active button {
   color: var(--kd-g-color-theme, #5582f3);
 }
 .kd-pagination.less .kd-pagination-pages-item:first-child button,

package/es/pagination/style/index.less

@@ -314,9 +314,7 @@
 
         &:hover,
         &:active,
-        &.active,
-        &:first-child,
-        &:last-child {
+        &.active {
           button {
             color: @color-theme;
           }

package/es/transfer/style/index.css

@@ -352,6 +352,3 @@
 .kd-transfer-operation .kd-btn + .kd-btn {
   margin-top: 20px;
 }
-.kd-transfer-operation .kd-btn .kd-btn-iconWrapper-left {
-  float: none;
-}

package/es/transfer/style/index.less

@@ -182,9 +182,6 @@
       & + .@{kd-prefix}-btn {
         margin-top: 20px;
       }
-      .@{kd-prefix}-btn-iconWrapper-left {
-        float: none;
-      }
     }
   }
 }