acud 0.0.71 → 0.0.74

package/es/card/Card.js

@@ -78,7 +78,9 @@ var Card = function Card(_a) {
       hoverable = _a.hoverable,
       _a$tabProps = _a.tabProps,
       tabProps = _a$tabProps === void 0 ? {} : _a$tabProps,
-      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps"]);
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "className"]);
 
   var _React$useContext = React.useContext(ConfigContext),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -226,7 +228,7 @@ var Card = function Card(_a) {
   }, multiMedia), /*#__PURE__*/React.createElement("div", {
     className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
   }, head, coverDom, body, footer, actionRender));
-  var classString = classNames(cardPrefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames3));
+  var classString = classNames(cardPrefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _defineProperty(_classNames3, className, !!className), _classNames3));
   return /*#__PURE__*/React.createElement("div", {
     className: classString,
     disabled: simple && disabled,

package/es/cascader/index.js

@@ -21,6 +21,7 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import get from 'lodash/get';
+import map from 'lodash/map';
 import first from 'lodash/first';
 import isEqual from 'lodash/isEqual';
 import React, { useImperativeHandle, forwardRef, useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect, Fragment } from 'react';
@@ -400,7 +401,7 @@ var Cascader = function Cascader(props, ref) {
     var names = getFilledFieldNames(props);
 
     if (isMulti) {
-      var _selectedOptions = value.map(function (valueItem) {
+      var _selectedOptions = map(value, function (valueItem) {
         return arrayTreeFilter(options, function (o, level) {
           return o[names.value] === valueItem[level];
         }, {
@@ -414,7 +415,7 @@ var Cascader = function Cascader(props, ref) {
         });
       }) : value;
 
-      return _label.map(function (labelItem) {
+      return map(_label, function (labelItem) {
         return displayRender(labelItem, _selectedOptions);
       });
     }

package/es/cascader/style/css.js

@@ -2,4 +2,8 @@ import '../../style/index.css';
 import './index.css'; // style dependencies
 
 import '../../empty/style/css';
-import '../../input/style/css';
+import '../../input/style/css';
+import '../../tag/style/css';
+import '../../tooltip/style/css';
+import '../../clear/style/css';
+import '../../checkbox/style/css';

package/es/cascader/style/index.d.ts

@@ -2,3 +2,7 @@ import '../../style/index.less';
 import './index.less';
 import '../../empty/style';
 import '../../input/style';
+import '../../tag/style';
+import '../../tooltip/style';
+import '../../clear/style';
+import '../../checkbox/style';

package/es/cascader/style/index.js

@@ -2,4 +2,8 @@ import '../../style/index.less';
 import './index.less'; // style dependencies
 
 import '../../empty/style';
-import '../../input/style';
+import '../../input/style';
+import '../../tag/style';
+import '../../tooltip/style';
+import '../../clear/style';
+import '../../checkbox/style';

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;
@@ -887,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 {
@@ -379,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/modal/style/css.js

@@ -1,2 +1,4 @@
 import '../../style/index.css';
-import './index.css';
+import './index.css'; // style dependencies
+
+import '../../button/style/css';

package/es/modal/style/index.d.ts

@@ -1,2 +1,3 @@
 import '../../style/index.less';
 import './index.less';
+import '../../button/style';

package/es/modal/style/index.js

@@ -1,2 +1,4 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less'; // style dependencies
+
+import '../../button/style';

package/es/progress/CircleProgress.js

@@ -18,6 +18,7 @@ var CircleProgress = function CircleProgress(_ref) {
       status = _ref.status,
       size = _ref.size,
       strokeColor = _ref.strokeColor,
+      iconStrokeColor = _ref.iconStrokeColor,
       _ref$infoType = _ref.infoType,
       infoType = _ref$infoType === void 0 ? 'text' : _ref$infoType,
       trailColor = _ref.trailColor,
@@ -82,13 +83,13 @@ var CircleProgress = function CircleProgress(_ref) {
       ProgressLabel = /*#__PURE__*/React.createElement(OutlinedCheck, {
         className: labelClassNames,
         width: iconWidth,
-        fill: strokeColor
+        fill: iconStrokeColor
       });
     } else if (status === 'error') {
       ProgressLabel = /*#__PURE__*/React.createElement(OutlinedClose, {
         className: labelClassNames,
         width: iconWidth,
-        fill: strokeColor
+        fill: iconStrokeColor
       });
     }
   }

package/es/progress/LineProgress.js

@@ -19,6 +19,7 @@ var LineProgress = function LineProgress(_ref) {
       status = _ref.status,
       size = _ref.size,
       strokeColor = _ref.strokeColor,
+      iconStrokeColor = _ref.iconStrokeColor,
       _ref$infoType = _ref.infoType,
       infoType = _ref$infoType === void 0 ? 'text' : _ref$infoType,
       trailColor = _ref.trailColor,
@@ -70,13 +71,13 @@ var LineProgress = function LineProgress(_ref) {
     if (status === 'success') {
       ProgressLabel = /*#__PURE__*/React.createElement(MultiToneSuccess, {
         className: labelClassNames,
-        color: strokeColor,
+        color: iconStrokeColor,
         width: "16px"
       });
     } else if (status === 'error') {
       ProgressLabel = /*#__PURE__*/React.createElement(MultiToneError, {
         className: labelClassNames,
-        color: strokeColor,
+        color: iconStrokeColor,
         width: "16px"
       });
     }

package/es/progress/index.js

@@ -54,7 +54,8 @@ var Progress = function Progress(_a) {
 
   var status = customizeStatus in statusColorMap ? customizeStatus : 'active'; // strokeColor取值异常时，将使用status对应的颜色
 
-  var strokeColor = isHexColor(customizeStrokeColor) ? customizeStrokeColor : statusColorMap[status]; // 解构进度100时的样式
+  var strokeColor = isHexColor(customizeStrokeColor) ? customizeStrokeColor : '';
+  var iconStrokeColor = strokeColor || statusColorMap[status]; // 解构进度100时的样式
 
   var successStrokeColor = successStyle.strokeColor,
       successTextColor = successStyle.textColor,
@@ -75,6 +76,7 @@ var Progress = function Progress(_a) {
     size: size,
     status: status,
     strokeColor: strokeColor,
+    iconStrokeColor: iconStrokeColor,
     textColor: textColor,
     textSize: textSize,
     labelText: labelText,

package/es/progress/interface.d.ts

@@ -25,6 +25,7 @@ export interface ProgressProps {
     strokeWidth?: number;
     strokeRatio?: number;
     strokeColor?: string;
+    iconStrokeColor?: string;
     strokeLinecap?: ProgressStrokeLinecap;
     trailColor?: string;
     textColor?: string;

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/select/style/css.js

@@ -1,4 +1,5 @@
 import '../../style/index.css';
 import './index.css'; // style dependencies
 
-import '../../empty/style/css';
+import '../../empty/style/css';
+import '../../checkbox/style/css';

package/es/select/style/index.d.ts

@@ -1,3 +1,4 @@
 import '../../style/index.less';
 import './index.less';
 import '../../empty/style';
+import '../../checkbox/style';

package/es/select/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less'; // style dependencies
 
-import '../../empty/style';
+import '../../empty/style';
+import '../../checkbox/style';

package/es/tree/tree.js

@@ -352,6 +352,11 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   if (treeDataOrigin) {
     newProps.treeData = formatedTreeData;
+  } // expandedKeys和defaultExpandAll冲突需动态赋值
+
+
+  if (expandedKeys.length) {
+    newProps.expandedKeys = expandedKeys;
   }
 
   useEffect(function () {
@@ -362,7 +367,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, searchable && /*#__PURE__*/React.createElement(Input, {
     className: "".concat(prefixCls, "-search-input"),
     onChange: onSearchInputChange
-  }), !expandedKeys.length && searchText ? "\u672A\u627E\u5230\u4E0E".concat(searchText, "\u76F8\u5173\u7684\u7ED3\u679C") : /*#__PURE__*/React.createElement(RcTree, _extends({
+  }), !expandedKeys.length && searchText ? "\u672A\u627E\u5230\u4E0E".concat(searchText, "\u76F8\u5173\u7684\u7ED3\u679C") : (!treeDataOrigin || !!formatedTreeData.length) && /*#__PURE__*/React.createElement(RcTree, _extends({
     ref: treeRef
   }, newProps, {
     className: classes,
@@ -373,7 +378,6 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     checkable: checkable ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-checkbox-inner")
     }) : checkable,
-    expandedKeys: expandedKeys,
     autoExpandParent: autoExpandParent,
     switcherIcon: function switcherIcon(nodeProps) {
       return renderSwitcherIcon(prefixCls, nodeProps);

package/es/upload/style/index.css

@@ -130,7 +130,7 @@
   border-color: #144BCC;
 }
 .acud-upload.acud-upload-drag.acud-upload-disabled {
-  background: #fafafa;
+  background: #F7F7F9;
   cursor: not-allowed;
 }
 .acud-upload.acud-upload-drag .acud-upload-btn {
@@ -546,9 +546,11 @@
 .acud-upload-list-picture-card .acud-upload-list-item-progress {
   position: absolute;
   top: 44px;
+  left: 50%;
   padding-left: 8px;
   padding-right: 8px;
-  width: 100%;
+  width: 96px;
+  transform: translateX(-50%);
 }
 .acud-upload-list-text-container,
 .acud-upload-list-picture-container {

package/es/upload/style/index.less

@@ -104,7 +104,7 @@
             }
         }
         &.@{upload-prefix-cls}-disabled {
-            background: @background-color-light;
+            background: @G10;
             cursor: not-allowed;
         }
 
@@ -540,10 +540,12 @@
 
         .@{upload-item}-progress {
             position: absolute;
-            top: 44px;
-            padding-left: 8px;
-            padding-right: 8px;
-            width: 100%;
+            top: 11 * @P;
+            left: 50%;
+            padding-left: 2 * @P;
+            padding-right: 2 * @P;
+            width: 24 * @P;
+            transform: translateX(-50%);
         }
     }
 

package/lib/card/Card.js

@@ -105,7 +105,9 @@ var Card = function Card(_a) {
       hoverable = _a.hoverable,
       _a$tabProps = _a.tabProps,
       tabProps = _a$tabProps === void 0 ? {} : _a$tabProps,
-      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps"]);
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "className"]);
 
   var _React$useContext = _react["default"].useContext(_configProvider.ConfigContext),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -258,7 +260,7 @@ var Card = function Card(_a) {
     className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
   }, head, coverDom, body, footer, actionRender));
 
-  var classString = (0, _classnames["default"])(cardPrefixCls, (_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames3));
+  var classString = (0, _classnames["default"])(cardPrefixCls, (_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), (0, _defineProperty2["default"])(_classNames3, className, !!className), _classNames3));
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classString,
     disabled: simple && disabled,

package/lib/cascader/index.js

@@ -19,6 +19,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
+var _map = _interopRequireDefault(require("lodash/map"));
+
 var _first = _interopRequireDefault(require("lodash/first"));
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
@@ -444,7 +446,7 @@ var Cascader = function Cascader(props, ref) {
     var names = getFilledFieldNames(props);
 
     if (isMulti) {
-      var _selectedOptions = value.map(function (valueItem) {
+      var _selectedOptions = (0, _map["default"])(value, function (valueItem) {
         return (0, _arrayTreeFilter["default"])(options, function (o, level) {
           return o[names.value] === valueItem[level];
         }, {
@@ -458,7 +460,7 @@ var Cascader = function Cascader(props, ref) {
         });
       }) : value;
 
-      return _label.map(function (labelItem) {
+      return (0, _map["default"])(_label, function (labelItem) {
         return displayRender(labelItem, _selectedOptions);
       });
     }

package/lib/cascader/style/css.js

@@ -6,4 +6,12 @@ require("./index.css");
 
 require("../../empty/style/css");
 
-require("../../input/style/css");
+require("../../input/style/css");
+
+require("../../tag/style/css");
+
+require("../../tooltip/style/css");
+
+require("../../clear/style/css");
+
+require("../../checkbox/style/css");

package/lib/cascader/style/index.d.ts

@@ -2,3 +2,7 @@ import '../../style/index.less';
 import './index.less';
 import '../../empty/style';
 import '../../input/style';
+import '../../tag/style';
+import '../../tooltip/style';
+import '../../clear/style';
+import '../../checkbox/style';