@kdcloudjs/kdesign 1.7.18 → 1.7.19

package/es/carousel/style/index.css

@@ -167,9 +167,11 @@
 }
 .kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
   opacity: 1;
+  z-index: 1;
 }
 .kd-carousel-list-fade .kd-carousel-list-item-hidden {
   opacity: 0;
+  z-index: 0;
 }
 .kd-carousel-list-display {
   width: 100%;
@@ -187,6 +189,7 @@
   position: absolute;
   list-style: none;
   padding: 0;
+  z-index: 1;
 }
 .kd-carousel-slidebar-left {
   display: -webkit-box;
@@ -299,6 +302,7 @@
   right: 16px;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
+  z-index: 1;
 }
 .kd-carousel-jump-left {
   left: 16px;

package/es/carousel/style/index.less

@@ -1,6 +1,7 @@
 @import '../../style/themes/index';
 @import './mixin.less';
 @carousel-prefix-cls: ~'@{kd-prefix}-carousel';
+
 .@{carousel-prefix-cls} {
   &-root {
     position: relative;
@@ -27,18 +28,23 @@
 
     &-slide {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
         }
+
         &-hidden {
           opacity: 0;
         }
@@ -47,30 +53,40 @@
 
     &-fade {
       flex: 1;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
+          z-index: 1;
         }
+
         &-hidden {
           opacity: 0;
+          z-index: 0;
         }
       }
     }
 
     &-display {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         display: block;
+
         &-not-hidden {
           display: block;
         }
+
         &-hidden {
           display: none;
         }
@@ -82,25 +98,29 @@
     position: absolute;
     list-style: none;
     padding: 0;
+    z-index: 1;
 
     &-left {
       .vertical;
       left: @carousel-dots-margin-left;
     }
+
     &-right {
       .vertical;
       right: @carousel-dots-margin-right;
     }
+
     &-bottom {
       .horizontal;
       bottom: @carousel-dots-margin-bottom;
     }
+
     &-top {
       .horizontal;
       top: @carousel-dots-margin-top;
     }
 
-    &-dot > button {
+    &-dot>button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
       box-sizing: border-box;
@@ -123,9 +143,11 @@
       width: 100%;
       cursor: pointer;
       outline: none;
+
       &-active {
         opacity: 1;
-        & > button {
+
+        &>button {
           background-color: @carousel-dots-color-background-active;
           opacity: 1;
         }
@@ -139,6 +161,7 @@
     left: unset;
     right: 16px;
     transform: translateY(-50%);
+    z-index: 1;
 
     &-left {
       left: 16px;
@@ -149,7 +172,7 @@
       cursor: pointer;
     }
 
-    > *:first-child {
+    >*:first-child {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -173,12 +196,14 @@
     }
   }
 }
+
 .vertical {
   display: flex;
   flex-direction: column;
   top: 50%;
   transform: translateY(-50%);
-  & > li {
+
+  &>li {
     margin: @carousel-dots-marigin 0;
     width: @carousel-dots-height;
     height: @carousel-dots-width;
@@ -190,7 +215,8 @@
   flex-direction: row;
   left: 50%;
   transform: translateX(-50%);
-  & > li {
+
+  &>li {
     margin: 0 @carousel-dots-marigin;
     height: @carousel-dots-height;
     width: @carousel-dots-width;

package/es/cascader/cascader.js

@@ -357,8 +357,10 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var value = _ref5[fieldNames.value];
       return value;
     });
-    setCurrentOptions(selectedOptions);
-    props.value === undefined && setValue(selectedValue);
+    if (typeof props.value === 'undefined') {
+      setCurrentOptions(selectedOptions);
+      setValue(selectedValue);
+    }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
   var onVisibleChange = function onVisibleChange(visible) {

package/es/collapse/collapse.d.ts

@@ -11,7 +11,7 @@ export interface CollapseProps {
     defaultActiveKey?: string[] | string | number[] | number;
     expandIcon?: React.ReactNode | ((props: PanelProps) => React.ReactNode);
     expandIconPosition?: IconPositionType;
-    onChange?: () => void;
+    onChange?: (v: any) => void;
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;

package/es/dropdown/dropdown.d.ts

@@ -19,6 +19,7 @@ export interface DropDownProps extends PopperProps {
     children?: React.ReactNode;
     onItemClick?: (key: string) => void;
     menu: React.ReactElement | Array<MenuItem>;
+    menuAnimation?: boolean;
 }
 interface DropdownType extends React.ForwardRefExoticComponent<DropDownProps & React.RefAttributes<HTMLElement>> {
     Menu: typeof Menu;

package/es/dropdown/dropdown.js

@@ -31,9 +31,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultVisible = allProps.defaultVisible,
     onVisibleChange = allProps.onVisibleChange,
     trigger = allProps.trigger,
-    customPrefixcls = allProps.prefixCls;
-  // className前缀
+    customPrefixcls = allProps.prefixCls,
+    menuAnimation = allProps.menuAnimation,
+    popperStyle = allProps.popperStyle;
   var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown', customPrefixcls);
+  var innerAnimation = typeof menuAnimation === 'boolean' ? menuAnimation : trigger !== 'contextMenu';
   var _React$useState = React.useState(!!props.visible || defaultVisible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visible = _React$useState2[0],
@@ -127,6 +129,9 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var popperProps = _extends(_extends({}, allProps), {
     visible: visible,
     prefixCls: prefixCls,
+    popperStyle: innerAnimation ? popperStyle : _extends({
+      animation: 'none'
+    }, popperStyle),
     onVisibleChange: handleVisibleChange
   });
   return usePopper(child, menuElement, popperProps);

package/es/upload/upload.js

@@ -37,7 +37,7 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-import React, { Children } from 'react';
+import React, { Children, forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
@@ -73,12 +73,11 @@ function abort(file) {
 }
 var InternalUpload = function InternalUpload(props, ref) {
   var _context5, _classNames, _context6, _context7;
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
-  var innerRef = React.useRef();
-  var mergedRef = ref || innerRef;
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    pkgPrefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  var inputRef = useRef(null);
   var allProps = getCompProps('Upload', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
   var type = allProps.type,
     style = allProps.style,
@@ -94,15 +93,15 @@ var InternalUpload = function InternalUpload(props, ref) {
     showUploadList = allProps.showUploadList,
     customPrefixcls = allProps.prefixCls,
     onPreview = allProps.onPreview;
-  var _React$useState = React.useState(props.fileList || props.defaultFileList || []),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    fileList = _React$useState2[0],
-    setFileList = _React$useState2[1];
+  var _useState = useState(props.fileList || props.defaultFileList || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
   var hasChildren = children && Children.toArray(children).length > 0;
-  React.useEffect(function () {
+  useEffect(function () {
     props.fileList && setFileList(props.fileList);
   }, [props.fileList]);
-  React.useEffect(function () {
+  useEffect(function () {
     return abort;
   }, []);
   var onClick = function onClick(e) {
@@ -122,20 +121,22 @@ var InternalUpload = function InternalUpload(props, ref) {
     });
   };
   var uploadFiles = function uploadFiles(files) {
-    var _context2;
-    files.forEach(function (file) {
-      file.originFileObj = new File([file], file.name, {
-        type: file.type
+    if (Array.isArray(files) && files.length) {
+      var _context2;
+      files.forEach(function (file) {
+        file.originFileObj = new File([file], file.name, {
+          type: file.type
+        });
+        file.uid = getUid();
+        file.status = 'notStart';
+        file.fileName = allProps.name || file.name;
       });
-      file.uid = getUid();
-      file.status = 'notStart';
-      file.fileName = allProps.name || file.name;
-    });
-    var newFileList = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(fileList), _toConsumableArray(files));
-    files.forEach(function (file) {
-      props.fileList === undefined && setFileList(fileList);
-      upload(file, newFileList);
-    });
+      var newFileList = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(fileList), _toConsumableArray(files));
+      files.forEach(function (file) {
+        props.fileList === undefined && setFileList(fileList);
+        upload(file, newFileList);
+      });
+    }
   };
   var upload = function upload(file, fileList) {
     if (props.beforeUpload) {
@@ -264,40 +265,53 @@ var InternalUpload = function InternalUpload(props, ref) {
       });
     });
   };
-  var handleRemove = function handleRemove(file, e) {
-    e.preventDefault();
-    var files = _filterInstanceProperty(fileList).call(fileList, function (fileItem) {
-      return fileItem.uid !== file.uid;
-    });
-    if (onRemove) {
-      var remove = onRemove(file);
-      if (remove && typeof remove !== 'boolean' && remove.then) {
-        remove.then(function (flag) {
-          if (flag) {
-            onFileListChange(file, files);
-            abort(file);
-          }
-        }).catch(function (e) {
-          console.log(e);
-        });
-      } else if (remove !== false) {
+  var handleRemove = function handleRemove(originFile) {
+    var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+    if (e) {
+      e.preventDefault();
+    }
+    if (originFile) {
+      var file = _extends(_extends({}, originFile), {
+        status: 'removed'
+      });
+      var files = _filterInstanceProperty(fileList).call(fileList, function (fileItem) {
+        return fileItem.uid !== file.uid;
+      });
+      if (onRemove) {
+        var remove = onRemove(file);
+        if (remove && typeof remove !== 'boolean' && remove.then) {
+          remove.then(function (flag) {
+            if (flag) {
+              onFileListChange(file, files);
+              abort(file);
+            }
+          }).catch(function (e) {
+            console.log(e);
+          });
+        } else if (remove !== false) {
+          onFileListChange(file, files);
+          abort(file);
+        }
+      } else {
         onFileListChange(file, files);
         abort(file);
       }
-    } else {
-      onFileListChange(file, files);
-      abort(file);
     }
   };
-  var handleReUpload = function handleReUpload(file, e) {
-    e.preventDefault();
-    file.percent = 0;
-    file.status = 'uploading';
-    var files = _mapInstanceProperty(fileList).call(fileList, function (fileItem) {
-      return fileItem.uid === file.uid ? file : fileItem;
-    });
-    onFileListChange(file, files);
-    upload(file, files);
+  var handleReUpload = function handleReUpload(file) {
+    var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+    if (e) {
+      e.preventDefault();
+    }
+    if (file) {
+      file.percent = 0;
+      file.status = 'uploading';
+      var files = _mapInstanceProperty(fileList).call(fileList, function (fileItem) {
+        return fileItem.uid === file.uid ? file : fileItem;
+      });
+      onFileListChange(file, files);
+      upload(file, files);
+    }
   };
   var prefixCls = getPrefixCls(pkgPrefixCls, 'upload', customPrefixcls);
   var inputFileProps = {
@@ -310,10 +324,10 @@ var InternalUpload = function InternalUpload(props, ref) {
     webkitdirectory: directory ? 'webkitdirectory' : undefined
   };
   var dragEvents = {};
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    hover = _React$useState4[0],
-    setHover = _React$useState4[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hover = _useState4[0],
+    setHover = _useState4[1];
   if (type === 'drag') {
     var onFileDrop = function onFileDrop(e) {
       e.preventDefault();
@@ -349,7 +363,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     dragEvents.onDragOver = onFileLeave;
     dragEvents.onDragLeave = onFileLeave;
   }
-  React.useEffect(function () {
+  useEffect(function () {
     if (type === 'drag') {
       var stopDrop = function stopDrop(e) {
         return e.preventDefault();
@@ -362,6 +376,16 @@ var InternalUpload = function InternalUpload(props, ref) {
       };
     }
   }, [type]);
+  useImperativeHandle(ref, function () {
+    return {
+      fileList: fileList,
+      uploadFiles: uploadFiles,
+      reUploadFile: handleReUpload,
+      removeFile: handleRemove,
+      abortFile: abort,
+      input: inputRef.current
+    };
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, {
       disabled: disabled
@@ -377,7 +401,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     title: "",
     type: "file"
   }, inputFileProps, {
-    ref: mergedRef
+    ref: inputRef
   })))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && /*#__PURE__*/React.createElement("ul", {
     className: _concatInstanceProperty(_context6 = "".concat(prefixCls, "-")).call(_context6, listType, "-list")
   }, listType === 'picture' && hasChildren && /*#__PURE__*/React.createElement("li", {
@@ -392,7 +416,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     title: "",
     type: "file"
   }, inputFileProps, {
-    ref: mergedRef
+    ref: inputRef
   }))))), showUploadList && _mapInstanceProperty(fileList).call(fileList, function (file) {
     return itemRender ? itemRender( /*#__PURE__*/React.createElement(Item, _extends({}, {
       file: file,
@@ -502,6 +526,6 @@ var Item = function Item(_ref3) {
     })]
   }));
 };
-var Upload = /*#__PURE__*/React.forwardRef(InternalUpload);
+var Upload = /*#__PURE__*/forwardRef(InternalUpload);
 Upload.displayName = 'Upload';
 export default Upload;

package/lib/carousel/style/index.css

@@ -167,9 +167,11 @@
 }
 .kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
   opacity: 1;
+  z-index: 1;
 }
 .kd-carousel-list-fade .kd-carousel-list-item-hidden {
   opacity: 0;
+  z-index: 0;
 }
 .kd-carousel-list-display {
   width: 100%;
@@ -187,6 +189,7 @@
   position: absolute;
   list-style: none;
   padding: 0;
+  z-index: 1;
 }
 .kd-carousel-slidebar-left {
   display: -webkit-box;
@@ -299,6 +302,7 @@
   right: 16px;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
+  z-index: 1;
 }
 .kd-carousel-jump-left {
   left: 16px;

package/lib/carousel/style/index.less

@@ -1,6 +1,7 @@
 @import '../../style/themes/index';
 @import './mixin.less';
 @carousel-prefix-cls: ~'@{kd-prefix}-carousel';
+
 .@{carousel-prefix-cls} {
   &-root {
     position: relative;
@@ -27,18 +28,23 @@
 
     &-slide {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
         }
+
         &-hidden {
           opacity: 0;
         }
@@ -47,30 +53,40 @@
 
     &-fade {
       flex: 1;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
+          z-index: 1;
         }
+
         &-hidden {
           opacity: 0;
+          z-index: 0;
         }
       }
     }
 
     &-display {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         display: block;
+
         &-not-hidden {
           display: block;
         }
+
         &-hidden {
           display: none;
         }
@@ -82,25 +98,29 @@
     position: absolute;
     list-style: none;
     padding: 0;
+    z-index: 1;
 
     &-left {
       .vertical;
       left: @carousel-dots-margin-left;
     }
+
     &-right {
       .vertical;
       right: @carousel-dots-margin-right;
     }
+
     &-bottom {
       .horizontal;
       bottom: @carousel-dots-margin-bottom;
     }
+
     &-top {
       .horizontal;
       top: @carousel-dots-margin-top;
     }
 
-    &-dot > button {
+    &-dot>button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
       box-sizing: border-box;
@@ -123,9 +143,11 @@
       width: 100%;
       cursor: pointer;
       outline: none;
+
       &-active {
         opacity: 1;
-        & > button {
+
+        &>button {
           background-color: @carousel-dots-color-background-active;
           opacity: 1;
         }
@@ -139,6 +161,7 @@
     left: unset;
     right: 16px;
     transform: translateY(-50%);
+    z-index: 1;
 
     &-left {
       left: 16px;
@@ -149,7 +172,7 @@
       cursor: pointer;
     }
 
-    > *:first-child {
+    >*:first-child {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -173,12 +196,14 @@
     }
   }
 }
+
 .vertical {
   display: flex;
   flex-direction: column;
   top: 50%;
   transform: translateY(-50%);
-  & > li {
+
+  &>li {
     margin: @carousel-dots-marigin 0;
     width: @carousel-dots-height;
     height: @carousel-dots-width;
@@ -190,7 +215,8 @@
   flex-direction: row;
   left: 50%;
   transform: translateX(-50%);
-  & > li {
+
+  &>li {
     margin: 0 @carousel-dots-marigin;
     height: @carousel-dots-height;
     width: @carousel-dots-width;

package/lib/cascader/cascader.js

@@ -370,8 +370,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var value = _ref5[fieldNames.value];
       return value;
     });
-    setCurrentOptions(selectedOptions);
-    props.value === undefined && setValue(selectedValue);
+    if (typeof props.value === 'undefined') {
+      setCurrentOptions(selectedOptions);
+      setValue(selectedValue);
+    }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
   var onVisibleChange = function onVisibleChange(visible) {

package/lib/collapse/collapse.d.ts

@@ -11,7 +11,7 @@ export interface CollapseProps {
     defaultActiveKey?: string[] | string | number[] | number;
     expandIcon?: React.ReactNode | ((props: PanelProps) => React.ReactNode);
     expandIconPosition?: IconPositionType;
-    onChange?: () => void;
+    onChange?: (v: any) => void;
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;

package/lib/dropdown/dropdown.d.ts

@@ -19,6 +19,7 @@ export interface DropDownProps extends PopperProps {
     children?: React.ReactNode;
     onItemClick?: (key: string) => void;
     menu: React.ReactElement | Array<MenuItem>;
+    menuAnimation?: boolean;
 }
 interface DropdownType extends React.ForwardRefExoticComponent<DropDownProps & React.RefAttributes<HTMLElement>> {
     Menu: typeof Menu;