@kdcloudjs/kdesign 1.5.10 → 1.6.1

package/es/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/es/avatar/style/mixin.less

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

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

@@ -9,7 +9,7 @@ import { Menu, Item } from './menu';
 import usePopper from '../_utils/usePopper';
 
 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/es/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/es/input/ClearableLabeledInput.js

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

package/es/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/es/input/TextArea.js

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

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

@@ -265,7 +265,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   }), /*#__PURE__*/React.createElement(SliderTooltip, {
     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/es/slider/sliderTooltip.js

@@ -28,7 +28,8 @@ var SliderTooltip = /*#__PURE__*/React.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 = useRef(null);
   var tooltipRef = ref || thisTooltipRef;
@@ -40,8 +41,8 @@ var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Tooltip, _extends({
     ref: tooltipRef
   }, others, {
-    tip: bound,
-    visible: visible,
+    tip: tip || bound,
+    visible: tip !== null && visible,
     placement: placement
   }), /*#__PURE__*/React.createElement("div", {
     className: sliderHandleClass,

package/es/steps/Steps.js

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

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;
-      }
     }
   }
 }

package/es/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/es/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/es/tree/tree.js

@@ -322,6 +322,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleDrop = React.useCallback(function (event, node, dragNode, dragNodesKeys) {
     var _context3;
 
+    setDragOverNodeKey(null);
+    setDropPosition(null);
     var pos = getPos(flattenAllData, dragNodesKeys);
 
     var keys = _concatInstanceProperty(_context3 = getAllChildKeys(flattenAllData, pos)).call(_context3, dragNodesKeys);

package/es/tree/treeNode.js

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