@kdcloudjs/kdesign 1.5.10 → 1.6.1

package/lib/avatar/style/index.css

@@ -124,7 +124,7 @@
   font-size: var(--kd-c-avatar-font-size-base, 22px);
 }
 .kd-avatar.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-lg {
   width: var(--kd-c-avatar-size-large, 60px);
@@ -142,7 +142,7 @@
   font-size: var(--kd-c-avatar-font-size-large, 36px);
 }
 .kd-avatar-lg.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-sm {
   width: var(--kd-c-avatar-size-small, 32px);
@@ -160,7 +160,7 @@
   font-size: var(--kd-c-avatar-font-size-small, 18px);
 }
 .kd-avatar-sm.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-xs {
   width: var(--kd-c-avatar-size-x-small, 24px);
@@ -178,7 +178,7 @@
   font-size: var(--kd-c-avatar-font-size-x-small, 14px);
 }
 .kd-avatar-xs.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-square {
   border-radius: var(--kd-c-avatar-border-radius, 2px);

package/lib/avatar/style/mixin.less

@@ -16,7 +16,7 @@
     font-size: @font-size;
 
     & > .@{icon-prefix-cls} {
-      vertical-align: unset !important;
+      vertical-align: top;
     }
   }
 }

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/dropdown/dropdown.js

@@ -36,7 +36,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var findItem = function findItem(element) {
-  var isItem = /kd-dropdown-menu-item/.test(element.className);
+  var isItem = /dropdown-menu-item/.test(element.className);
 
   if (isItem) {
     return element;

package/lib/input/ClearableLabeledInput.d.ts

@@ -6,7 +6,7 @@ interface ClearableInputProps {
     prefixCls: string;
     inputType: typeof ClearableInputType[number];
     value?: any;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     element: React.ReactElement;
     handleReset?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     className?: string;

package/lib/input/ClearableLabeledInput.js

@@ -57,13 +57,13 @@ var ClearableInput = function ClearableInput(props) {
     return /*#__PURE__*/_react.default.createElement("span", {
       onClick: handleReset,
       className: clearIconclasses
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, typeof allowClear === 'boolean' ? /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close"
-    }));
+    }) : allowClear);
   };
 
   var renderSuffix = function renderSuffix() {
-    if (suffix || !disabled && allowClear) {
+    if (suffix || !disabled && !!allowClear) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-suffix")
       }, renderClearIcon(), suffix);

package/lib/input/TextArea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputSiteType, BorderType } from './input';
 export interface textAreaProps extends React.TextareaHTMLAttributes<HTMLInputElement> {
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     borderType?: BorderType;
     defaultValue?: string;
     count?: boolean;

package/lib/input/TextArea.js

@@ -226,8 +226,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     var textarea = /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
       ref: textareaRef,
       disabled: disabled,
-      style: (0, _extends2.default)({}, textareaStyles, hadCount || allowClear ? otherStyles : style),
-      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
+      style: (0, _extends2.default)({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
+      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/lib/input/input.d.ts

@@ -10,7 +10,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: InputSiteType;
     defaultValue?: string;
     disabled?: boolean;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     placeholderTobeValue?: boolean;
     addonAfter?: React.ReactNode;
     addonBefore?: React.ReactNode;

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/slider/slider.js

@@ -297,7 +297,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_sliderTooltip.default, {
     ref: handleRef,
     placement: tooltipPlacement,
-    tip: tipFormatter || value,
+    tip: tipFormatter === null || tipFormatter === void 0 ? void 0 : tipFormatter(value),
     visible: disabled ? false : tooltipVisible,
     prefixCls: sliderPrefixCls,
     vertical: vertical,

package/lib/slider/sliderTooltip.js

@@ -52,7 +52,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       min = props.min,
       max = props.max,
       bound = props.bound,
-      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound"]);
+      tip = props.tip,
+      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
 
   var thisTooltipRef = (0, _react.useRef)(null);
   var tooltipRef = ref || thisTooltipRef;
@@ -64,8 +65,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, (0, _extends2.default)({
     ref: tooltipRef
   }, others, {
-    tip: bound,
-    visible: visible,
+    tip: tip || bound,
+    visible: tip !== null && visible,
     placement: placement
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: sliderHandleClass,

package/lib/steps/Steps.js

@@ -136,7 +136,6 @@ var Steps = function Steps(props) {
       }
     }
 
-    childProps.active = stepNumber === current;
     return /*#__PURE__*/(0, _react.cloneElement)(child, childProps);
   }));
 };

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/lib/tree/style/index.css

@@ -131,7 +131,7 @@
           flex-grow: 1;
   font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
-  margin-left: var(--kd-c-tree-spacing-margin-left, 16px);
+  margin-left: var(--kd-c-tree-spacing-margin-left, 0px);
 }
 .kd-tree-root {
   min-width: 100%;

package/lib/tree/style/token.less

@@ -22,7 +22,7 @@
 @tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
 @tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
 @tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
-@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 16px);
+@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 0px);
 
 // font
 @tree-font-size: var(~'@{tree-prefix}-font-size', @font-size-small);

package/lib/tree/tree.js

@@ -374,6 +374,8 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var handleDrop = _react.default.useCallback(function (event, node, dragNode, dragNodesKeys) {
     var _context3;
 
+    setDragOverNodeKey(null);
+    setDropPosition(null);
     var pos = (0, _treeUtils.getPos)(flattenAllData, dragNodesKeys);
     var keys = (0, _concat.default)(_context3 = (0, _treeUtils.getAllChildKeys)(flattenAllData, pos)).call(_context3, dragNodesKeys);
     onDrop && onDrop({

package/lib/tree/treeNode.js

@@ -352,6 +352,7 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleDrop = _react.default.useCallback(function (e) {
     if (!draggable) return;
     setShowDragLine(false);
+    setForbiddenChildrenPointerEvents(false);
     var data = getDragNode();
     var sourceKey = data === null || data === void 0 ? void 0 : data.key;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.5.10",
+  "version": "1.6.1",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -84,7 +84,7 @@
     "classnames": "^2.2.6",
     "copy-to-clipboard": "^3.3.1",
     "cropperjs": "^1.5.12",
-    "date-fns": "^2.16.1",
+    "date-fns": "2.28.0",
     "lodash": "^4.17.20",
     "react-draggable": "^4.4.3",
     "react-popper": "^2.2.3",