@kdcloudjs/kdesign 1.5.10 → 1.5.11

package/lib/button/style/index.css

@@ -118,6 +118,9 @@
   text-align: center;
   background-color: transparent;
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
   transition: color 0.3s, background-color 0.3s, border-color 0.3s;
 }

package/lib/button/style/mixin.less

@@ -14,6 +14,9 @@
 	text-align: center;
 	background-color: transparent;
 	cursor: pointer;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
   &,
   &:active,
   &:focus {

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

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

package/lib/config-provider/compDefaultProps.js

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

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

@@ -23,8 +23,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _parse = _interopRequireDefault(require("date-fns/parse"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 
 var _hooks = require("../_utils/hooks");
@@ -211,19 +209,21 @@ function DatePicker(props) {
   var _useTextValueMapping = (0, _useTextValueMapping3.default)({
     valueText: valueText,
     onTextChange: function onTextChange(newText) {
-      // if (typeof _format !== 'function') {
-      var inputDate;
-
-      if (picker !== 'year') {
-        inputDate = (0, _dateFns.parseDate)(newText, _format);
-      } else {
-        var year = (0, _parse.default)(newText, _format, (0, _dateFns.newDate)());
-        inputDate = (0, _dateFns.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 = (0, _dateFns.parseDate)(newText, _format);
+
+        if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
+          if (picker !== 'year') {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          } else if ((0, _dateFns.isValid)(inputTempDate)) {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          }
+        }
       }
     }
   }),

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

@@ -7,11 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = usePickerInput;
 
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
 var _react = require("react");
 
-// import KeyCode from '../../_utils/KeyCode'
+var _KeyCode = _interopRequireDefault(require("../../_utils/KeyCode"));
+
 function usePickerInput(_ref) {
   var preventBlurRef = _ref.preventBlurRef,
       open = _ref.open,
@@ -40,42 +43,47 @@ 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.default.ENTER:
+          {
+            if (!open) {
+              triggerOpen(true);
+            } else if (onSubmit() !== false) {
+              setTyping(true);
+            }
+
+            e.preventDefault();
+            return;
+          }
+
+        case _KeyCode.default.TAB:
+          {
+            if (typing && open && !e.shiftKey) {
+              setTyping(false);
+              e.preventDefault();
+            }
+
+            return;
+          }
+
+        case _KeyCode.default.ESC:
+          {
+            setTyping(true);
+            onCancel();
+            return;
+          }
+      }
+
+      if (!open && !(0, _includes.default)(_context = [_KeyCode.default.SHIFT]).call(_context, e.which)) {
+        triggerOpen(true);
+      }
+    },
     onFocus: function onFocus(e) {
       setTyping(true);
       setFocused(true);

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

@@ -29,8 +29,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _isSameWeek = _interopRequireDefault(require("date-fns/isSameWeek"));
 
-var _parse = _interopRequireDefault(require("date-fns/parse"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 
 var _hooks = require("../_utils/hooks");
@@ -304,20 +302,32 @@ function DatePicker(props) {
   });
 
   var _onTextChange = function onTextChange(newText, index) {
-    var inputDate;
-
-    if (picker !== 'year') {
-      inputDate = (0, _dateFns.parseDate)(newText, _format);
-    } else {
-      var year = (0, _parse.default)(newText, _format, (0, _dateFns.newDate)());
-      inputDate = (0, _dateFns.isValid)(year) ? year : null;
-    }
+    var inputTempDate;
 
-    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((0, _utils2.updateValues)(selectedValue, inputDate, index));
-      setViewDate(inputDate, index);
+      if (inputTempDate) {
+        setSelectedValue((0, _utils2.updateValues)(selectedValue, inputTempDate, index));
+        setViewDate(inputTempDate, index);
+      }
+    } else if (newText && newText.length === _format.length) {
+      inputTempDate = (0, _dateFns.parseDate)(newText, _format);
+      var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
+
+      if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
+        if (picker !== 'year') {
+          setSelectedValue((0, _utils2.updateValues)(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        } else if ((0, _dateFns.isValid)(inputTempDate)) {
+          setSelectedValue((0, _utils2.updateValues)(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        }
+      }
     }
   }; // input 展示
 

package/lib/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/lib/drawer/drawer.js

@@ -73,6 +73,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 = (0, _react.useContext)(_ConfigContext.default),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
@@ -106,7 +108,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 = (0, _react.useState)(false),
@@ -174,7 +177,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
 
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
-  (0, _hooks.useHideDocumentScrollBar)(!!visible, isBody, !!mask); // 为了单测
+  (0, _hooks.useOverflowHidden)(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll); // 为了单测
 
   (0, _react.useEffect)(function () {
     setCurrentWidth(width);

package/lib/notification-base/notification.js

@@ -84,10 +84,11 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   };
 
   var remove = function remove(key) {
-    var filter = (0, _filter.default)(notices).call(notices, function (notice) {
-      return notice.key !== key;
+    setNotices(function (preNotices) {
+      return (0, _filter.default)(preNotices).call(preNotices, function (notice) {
+        return notice.key !== key;
+      });
     });
-    setNotices(filter);
   };
 
   var _onClose = function onClose(notice) {

package/lib/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/lib/pagination/style/index.less

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

package/lib/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/lib/transfer/style/index.less

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.5.10",
+  "version": "1.5.11",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [