acud 0.0.69 → 0.0.72

package/es/cascader/index.js

@@ -78,7 +78,8 @@ var flattenTree = function flattenTree(options, props) {
   return flattenOptions;
 };
 
-var defaultDisplayRender = function defaultDisplayRender(label) {
+var defaultDisplayRender = function defaultDisplayRender() {
+  var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return label.join('>');
 };
 
@@ -135,7 +136,7 @@ var Cascader = function Cascader(props, ref) {
   var pickerLabelRef = useRef();
   var tagsRef = useRef();
 
-  var _useState = useState(props.value || props.defaultValue || []),
+  var _useState = useState(props.value || props.defaultValue),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -311,7 +312,7 @@ var Cascader = function Cascader(props, ref) {
     var selectedOptionFirst = isMulti ? {} : selectedOptions[0];
 
     if (selectedOptionFirst === null || selectedOptionFirst === void 0 ? void 0 : selectedOptionFirst.__IS_FILTERED_OPTION) {
-      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? value[0] : selectedOptionFirst[keepFilteredValueField];
+      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? first(value) : selectedOptionFirst[keepFilteredValueField];
       var unwrappedSelectedOptions = selectedOptionFirst.path;
       updateValue(unwrappedValue, unwrappedSelectedOptions);
       return;
@@ -418,9 +419,9 @@ var Cascader = function Cascader(props, ref) {
       });
     }
 
-    var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
+    var unwrappedValue = Array.isArray(first(value)) ? first(value) : value;
     var selectedOptions = arrayTreeFilter(options, function (o, level) {
-      return o[names.value] === unwrappedValue[level];
+      return o[names.value] === get(unwrappedValue, level);
     }, {
       childrenKeyName: names.children
     });
@@ -495,7 +496,7 @@ var Cascader = function Cascader(props, ref) {
     }, /*#__PURE__*/React.createElement(OutlinedLoading, {
       animation: "spin"
     }));
-    var clearIcon = allowClear && !disabled && value.length > 0 || inputValue ? /*#__PURE__*/React.createElement(Clear, {
+    var clearIcon = allowClear && !disabled && get(value, 'length') > 0 || inputValue ? /*#__PURE__*/React.createElement(Clear, {
       className: "".concat(prefixCls, "-picker-clear"),
       onClick: handleSelectionClear
     }) : null;

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

@@ -49,11 +49,13 @@ export default function generatePicker(generateConfig) {
         _classCallCheck(this, Picker);
 
         _this = _super.call(this, props);
-        _this.pickerRef = /*#__PURE__*/React.createRef(); // focus = () => {
-        //     if (this.pickerRef.current) {
-        //         this.pickerRef.current.focus();
-        //     }
-        // };
+        _this.pickerRef = /*#__PURE__*/React.createRef();
+
+        _this.focus = function () {
+          if (_this.pickerRef.current) {
+            _this.pickerRef.current.focus();
+          }
+        };
 
         _this.blur = function () {
           if (_this.pickerRef.current) {

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

@@ -122,7 +122,6 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
-      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if (_typeof(showTime) === 'object') {
           return setDateTime(generateConfig, date, showTime.defaultValue || now);

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

@@ -172,7 +172,6 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
-      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
           postValues = updateValues(postValues, generateConfig.getNow(), i);

package/es/input/AutoComplete.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InternalSelectProps, SelectInterface } from '../select';
+export interface AutoCompleteProps<ValueType = any> extends Omit<InternalSelectProps<ValueType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> {
+}
+declare const RefAutoComplete: (<ValueType = any>(props: AutoCompleteProps<ValueType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<SelectInterface>;
+}) => React.ReactElement) & {
+    Option: import("../select/src/Option").OptionFC;
+};
+export default RefAutoComplete;

package/es/input/AutoComplete.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import classNames from 'classnames';
+import Select from '../select';
+import { isValidElement } from '../_util/reactNode';
+import toArray from "rc-util/es/Children/toArray";
+var Option = Select.Option;
+
+function isSelectOptionOrSelectOptGroup(child) {
+  return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+
+var AutoComplete = function AutoComplete(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'acud-select' : _props$prefixCls,
+      className = props.className,
+      children = props.children;
+  var childNodes = toArray(children); // ============================= Input =============================
+
+  var customizeInput;
+
+  if (childNodes.length === 1 && isValidElement(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = _slicedToArray(childNodes, 1);
+
+    customizeInput = _childNodes[0];
+  }
+
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined; // ============================ Options ============================
+
+  var optionChildren;
+
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = [];
+  }
+
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    ref: ref
+  }, props, {
+    prefixCls: prefixCls,
+    className: classNames("".concat(prefixCls, "-auto-complete"), className),
+    mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
+    getInputElement: getInputElement
+  }), optionChildren);
+};
+
+var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
+RefAutoComplete.Option = Option;
+export default RefAutoComplete; // export default AutoComplete;

package/es/input/TextArea.d.ts

@@ -17,5 +17,5 @@ export interface TextAreaProps {
     readonly?: boolean;
     allowClear?: boolean;
 }
-declare const TextArea: React.FC<TextAreaProps>;
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<unknown>>;
 export default TextArea;

package/es/input/TextArea.js

@@ -25,9 +25,9 @@ import classNames from 'classnames';
 import { MultiToneClear } from 'acud-icon';
 import React, { useState, useMemo } from 'react';
 import useMergedState from '../_util/hooks/useMergedState';
-import { resolveTargetValue } from './Input';
+import { resolveTargetValue } from './Input'; // const TextArea:React.FC<TextAreaProps> = props => {
 
-var TextArea = function TextArea(props) {
+var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
   var _props$prefixCls = props.prefixCls,
@@ -135,6 +135,7 @@ var TextArea = function TextArea(props) {
     className: "".concat(prefixCls, "-outer"),
     style: style
   }, /*#__PURE__*/React.createElement(RcTextArea, _extends({}, rest, {
+    ref: ref,
     placeholder: placeholder,
     className: classNames(classes),
     onChange: handleOnChange,
@@ -156,6 +157,5 @@ var TextArea = function TextArea(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: classNames(limitClassName, 'limit')
   }, currentLength, "/", limitLength)));
-};
-
+});
 export default TextArea;

package/es/input/index.d.ts

@@ -4,11 +4,13 @@ import Label from './Label';
 import TextArea from './TextArea';
 import Password from './Password';
 import MultiSelectInput from './MultiSelectInput';
+import AutoComplete from './AutoComplete';
 interface CompoundedComponent extends React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>> {
     Label: typeof Label;
     TextArea: typeof TextArea;
     Password: typeof Password;
     MultiSelectInput: typeof MultiSelectInput;
+    AutoComplete: typeof AutoComplete;
     __ACUD_CHECKBOX: boolean;
 }
 declare const Input: CompoundedComponent;

package/es/input/index.js

@@ -3,9 +3,11 @@ import Label from './Label';
 import TextArea from './TextArea';
 import Password from './Password';
 import MultiSelectInput from './MultiSelectInput';
+import AutoComplete from './AutoComplete';
 var Input = InputComponent;
 Input.Label = Label;
 Input.TextArea = TextArea;
 Input.Password = Password;
 Input.MultiSelectInput = MultiSelectInput;
+Input.AutoComplete = AutoComplete;
 export default Input;

package/es/input/style/index.css

@@ -682,7 +682,6 @@
   padding-top: 6px;
   padding-right: 24px;
   padding-bottom: 24px;
-  min-height: 100px;
   border-radius: 4px;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
   color: #151B26;
@@ -862,6 +861,9 @@
   top: 2px;
   right: 12px;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  bottom: 2px;
 }
 .acud-input-password-outer-icon .acuicon svg {
   fill: #84868C;
@@ -884,3 +886,56 @@
 .acud-input-select-tags .acud-select-clear {
   right: 12px;
 }
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete {
+  width: 100%;
+  display: block;
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector {
+  position: relative;
+  background-color: #fff;
+  border-radius: 2px;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  cursor: auto;
+  margin: 0;
+  padding: 0;
+  background: 0 0;
+  border: none;
+  outline: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search {
+  position: absolute;
+  inset: 0 12px;
+  z-index: 2;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  width: 100%;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-placeholder {
+  flex: 1;
+  transition: none;
+  pointer-events: none;
+  overflow: hidden;
+  color: #bfbfbf;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-left: 12px;
+  padding-right: 12px;
+  z-index: 1;
+}

package/es/input/style/index.less

@@ -8,6 +8,10 @@
 
 @input-password-outer-prefix-cls: ~'@{acud-prefix}-input-password-outer';
 @input-password-prefix-cls: ~'@{acud-prefix}-input-password';
+@select-auto-complete-prefix-cls: ~'@{acud-prefix}-select-auto-complete';
+
+@select-prefix-cls: ~'@{acud-prefix}-select';
+
 // basic logic - line hight, font size
 // content layer - 只处理文字 Icon， 没有开关config，对应四种交互状态配置
 // background layer - 背景层 填色、描边、阴影，可以通过开关config配置， 对应四种交互状态
@@ -254,7 +258,7 @@
     padding-top: 1.5*@padding-xsm;
     padding-right: 2*@padding-m;
     padding-bottom: 6*@padding-xsm;
-    min-height: 100px;
+    // min-height: 100px;
     border-radius: @input-border-lg-radius;
     font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
     &::-webkit-input-placeholder {
@@ -337,6 +341,9 @@
         top: 2px;
         right: @padding-m;
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        bottom: 2px;
         .acuicon{
             svg{
                 fill:@G5;
@@ -376,4 +383,62 @@
         right:12px;
     }
 }
+.acud-select-auto-complete{
+    .acud-select-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+    }
+}
+.@{select-auto-complete-prefix-cls}{
+    width:100%;
+    display: block;
+    &:not(.acud-select-customize-input) {
+        .acud-select-selector{
+            position: relative;
+            background-color: #fff;
+            border-radius: 2px;
+            transition: all .3s cubic-bezier(.645,.045,.355,1);
+            .acud-select-selection-search{
+                .acud-select-selection-search-input{
+                    cursor: auto;
+                    margin: 0;
+                    padding: 0;
+                    background: 0 0;
+                    border: none;
+                    outline: none;
+                    appearance: none;
+                }
+            }
+        }
+        
+    }
+    .@{select-prefix-cls}-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+        .@{select-prefix-cls}-selection-search{
+            position: absolute;
+            inset: 0 12px;
+            z-index: 2;
+            .@{select-prefix-cls}-selection-search-input{
+                width:100%;
+            }
+        }
+        .@{select-prefix-cls}-selection-placeholder{
+            flex:1;
+            transition: none;
+            pointer-events: none;
+            overflow: hidden;
+            color: #bfbfbf;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            padding-left: 12px;
+            padding-right: 12px;
+            z-index: 1;
+        }
 
+    }
+}

package/es/input-number/src/hooks/useFrame.d.ts

@@ -1,5 +1,5 @@
-declare const _default: () => (callback: () => void) => void;
 /**
  * Always trigger latest once when call multiple time
  */
+declare const _default: () => (callback: () => void) => void;
 export default _default;

package/es/input-number/src/hooks/useLayoutEffect.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const useLayoutEffect: typeof React.useEffect;
+export declare const useLayoutEffect: typeof React.useLayoutEffect;

package/es/locale/en_US.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-template-curly-in-string */
 // import {Locale} from '../locale-provider';
+import DatePicker from '../date-picker/locale/en_US';
 var typeTemplate = '${label} is not a valid ${type}'; // const localeValues: Locale = {
 
 var localeValues = {
@@ -7,6 +8,7 @@ var localeValues = {
   global: {
     placeholder: 'Please select'
   },
+  DatePicker: DatePicker,
   Table: {
     filterTitle: 'Filter menu',
     filterConfirm: 'OK',

package/es/locale/zh_CN.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-template-curly-in-string */
 // import {Locale} from '../locale-provider';
+import DatePicker from '../date-picker/locale/zh_CN';
 var typeTemplate = '${label}不是一个有效的${type}'; // const localeValues: Locale = {
 
 var localeValues = {
@@ -8,6 +9,7 @@ var localeValues = {
   global: {
     placeholder: '请选择'
   },
+  DatePicker: DatePicker,
   Table: {
     filterTitle: '筛选',
     filterConfirm: '确定',

package/es/select/index.d.ts

@@ -29,7 +29,7 @@ declare const SelectRef: <VT extends SelectValue = SelectValue>(props: SelectPro
     ref?: React.Ref<RefSelectProps>;
 }) => React.ReactElement;
 declare type InternalSelectType = typeof SelectRef;
-interface SelectInterface extends InternalSelectType {
+export interface SelectInterface extends InternalSelectType {
     SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
     Option: typeof Option;
     OptGroup: typeof OptGroup;

package/es/toast/index.js

@@ -53,8 +53,8 @@ function ToastDom(props) {
       onClose = _props$onClose === void 0 ? null : _props$onClose;
 
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 1),
-      setTimerID = _useState2[0];
+      _useState2 = _slicedToArray(_useState, 2),
+      setTimerID = _useState2[1];
 
   var _useState3 = useState(countdown),
       _useState4 = _slicedToArray(_useState3, 2),

package/es/upload/Upload.js

@@ -77,6 +77,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       type = props.type,
       children = props.children,
       style = props.style,
+      motionDeadline = props.motionDeadline,
       itemRender = props.itemRender,
       maxCount = props.maxCount,
       description = props.description,
@@ -421,6 +422,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       return /*#__PURE__*/React.createElement(UploadList, {
         listType: listType,
         items: mergedFileList,
+        motionDeadline: motionDeadline,
         previewFile: previewFile,
         onPreview: onPreview,
         onDownload: onDownload,

package/es/upload/UploadList/ListItem.d.ts

@@ -3,6 +3,7 @@ import { ItemRender, UploadFile, UploadListProgressProps, UploadListType, Upload
 export interface ListItemProps {
     prefixCls: string;
     className?: string;
+    motionDeadline?: number;
     style?: React.CSSProperties;
     locale: UploadLocale;
     file: UploadFile;

package/es/upload/UploadList/ListItem.js

@@ -32,6 +32,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       actionIconRender = _ref.actionIconRender,
       itemRender = _ref.itemRender,
       isImgUrl = _ref.isImgUrl,
+      _ref$motionDeadline = _ref.motionDeadline,
+      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
       showPreviewIcon = _ref.showPreviewIcon,
       showRemoveIcon = _ref.showRemoveIcon,
       showDownloadIcon = _ref.showDownloadIcon,
@@ -186,7 +188,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, iconAndPreview), actions, showProgress && /*#__PURE__*/React.createElement(CSSMotion, {
     motionName: "".concat(rootPrefixCls, "-fade"),
     visible: file.status === 'uploading',
-    motionDeadline: 2000
+    motionDeadline: motionDeadline
   }, function (_ref2) {
     var motionClassName = _ref2.className;
     // show loading icon if upload progress listener is disabled

package/es/upload/UploadList/index.js

@@ -85,6 +85,8 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       downloadIcon = _ref.downloadIcon,
       uploadIcon = _ref.uploadIcon,
       progress = _ref.progress,
+      _ref$motionDeadline = _ref.motionDeadline,
+      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
       appendAction = _ref.appendAction,
       itemRender = _ref.itemRender;
   var forceUpdate = useForceUpdate();
@@ -221,7 +223,7 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
   var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate'; // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
 
   var motionConfig = {
-    motionDeadline: 2000,
+    motionDeadline: motionDeadline,
     motionName: "".concat(prefixCls, "-").concat(animationDirection),
     keys: motionKeyList,
     motionAppear: motionAppear
@@ -274,7 +276,8 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       onPreview: onInternalPreview,
       onDownload: onInternalDownload,
       onClose: onInternalClose,
-      onUpload: onInternalUpload
+      onUpload: onInternalUpload,
+      motionDeadline: motionDeadline
     });
   }));
 };
@@ -287,6 +290,7 @@ UploadList.defaultProps = {
     // showInfo: false
   },
   showUploadIcon: true,
+  motionDeadline: 2000,
   showRemoveIcon: true,
   showDownloadIcon: false,
   showPreviewIcon: true,

package/es/upload/interface.d.ts

@@ -69,6 +69,7 @@ declare type BeforeUploadValueType = void | boolean | string | Blob | File;
 export interface UploadProps<T = any> {
     type?: UploadType;
     name?: string;
+    motionDeadline?: number;
     defaultFileList?: Array<UploadFile<T>>;
     fileList?: Array<UploadFile<T>>;
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
@@ -122,6 +123,7 @@ export interface UploadListProps<T = any> {
     items?: Array<UploadFile<T>>;
     progress?: UploadListProgressProps;
     prefixCls?: string;
+    motionDeadline?: number;
     showRemoveIcon?: boolean;
     showDownloadIcon?: boolean;
     showPreviewIcon?: boolean;

package/es/upload/style/index.css

@@ -355,7 +355,7 @@
   position: relative;
   height: 66px;
   padding: 0;
-  border: 1px 1px #d9d9d9;
+  border: 1px solid #d9d9d9;
   border-radius: 0px;
 }
 .acud-upload-list-picture .acud-upload-list-item:hover,

package/es/upload/style/index.less

@@ -321,7 +321,7 @@
             position: relative;
             height: 66px;
             padding: 0;
-            border: @border-width-base @upload-picture-card-border-style @border-color-base;
+            border: @border-width-base solid @border-color-base;
             border-radius: @border-radius-base;
 
             &:hover {

package/es/virtual-list/List.js

@@ -135,7 +135,6 @@ export function RawList(props, ref) {
     } // Always use virtual scroll bar in avoid shaking
 
 
-    // Always use virtual scroll bar in avoid shaking
     if (!inVirtual) {
       return {
         scrollHeight: ((_a = fillerInnerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0,
@@ -157,14 +156,12 @@ export function RawList(props, ref) {
       var cacheHeight = heights.get(key);
       var currentItemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight); // Check item top in the range
 
-      // Check item top in the range
       if (currentItemBottom >= scrollTop && startIndex === undefined) {
         startIndex = i;
         startOffset = itemTop;
       } // Check item bottom in the range. We will render additional one item for motion usage
 
 
-      // Check item bottom in the range. We will render additional one item for motion usage
       if (currentItemBottom > scrollTop + height && endIndex === undefined) {
         endIndex = i;
       }
@@ -175,9 +172,6 @@ export function RawList(props, ref) {
     /* istanbul ignore next */
 
 
-    // Fallback to normal if not match. This code should never reach
-
-    /* istanbul ignore next */
     if (startIndex === undefined) {
       startIndex = 0;
       startOffset = 0;
@@ -188,7 +182,6 @@ export function RawList(props, ref) {
     } // Give cache to improve scroll experience
 
 
-    // Give cache to improve scroll experience
     endIndex = Math.min(endIndex + 1, mergedData.length);
     return {
       scrollHeight: itemTop,

package/lib/cascader/index.js

@@ -122,7 +122,8 @@ var flattenTree = function flattenTree(options, props) {
   return flattenOptions;
 };
 
-var defaultDisplayRender = function defaultDisplayRender(label) {
+var defaultDisplayRender = function defaultDisplayRender() {
+  var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return label.join('>');
 };
 
@@ -179,7 +180,7 @@ var Cascader = function Cascader(props, ref) {
   var pickerLabelRef = (0, _react.useRef)();
   var tagsRef = (0, _react.useRef)();
 
-  var _useState = (0, _react.useState)(props.value || props.defaultValue || []),
+  var _useState = (0, _react.useState)(props.value || props.defaultValue),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -355,7 +356,7 @@ var Cascader = function Cascader(props, ref) {
     var selectedOptionFirst = isMulti ? {} : selectedOptions[0];
 
     if (selectedOptionFirst === null || selectedOptionFirst === void 0 ? void 0 : selectedOptionFirst.__IS_FILTERED_OPTION) {
-      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? value[0] : selectedOptionFirst[keepFilteredValueField];
+      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? (0, _first["default"])(value) : selectedOptionFirst[keepFilteredValueField];
       var unwrappedSelectedOptions = selectedOptionFirst.path;
       updateValue(unwrappedValue, unwrappedSelectedOptions);
       return;
@@ -462,9 +463,9 @@ var Cascader = function Cascader(props, ref) {
       });
     }
 
-    var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
+    var unwrappedValue = Array.isArray((0, _first["default"])(value)) ? (0, _first["default"])(value) : value;
     var selectedOptions = (0, _arrayTreeFilter["default"])(options, function (o, level) {
-      return o[names.value] === unwrappedValue[level];
+      return o[names.value] === (0, _get["default"])(unwrappedValue, level);
     }, {
       childrenKeyName: names.children
     });
@@ -541,7 +542,7 @@ var Cascader = function Cascader(props, ref) {
       animation: "spin"
     }));
 
-    var clearIcon = allowClear && !disabled && value.length > 0 || inputValue ? /*#__PURE__*/_react["default"].createElement(_clear["default"], {
+    var clearIcon = allowClear && !disabled && (0, _get["default"])(value, 'length') > 0 || inputValue ? /*#__PURE__*/_react["default"].createElement(_clear["default"], {
       className: "".concat(prefixCls, "-picker-clear"),
       onClick: handleSelectionClear
     }) : null;